gift-log.component.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .content {
  2. padding-bottom: 12.8205vw;
  3. background-image: url("https://file-cloud.fmode.cn/Qje9D4bqol/20241220/b313ov054708770.png") !important;
  4. background-repeat: no-repeat;
  5. background-position: center top;
  6. background-size: 100% 100%;
  7. --background: #ffffff00;
  8. ion-segment {
  9. // justify-content: start;
  10. // padding: 0 3.2vw;
  11. // position: sticky;
  12. // top: 0;
  13. border-bottom: 0.2564vw solid #e5e5e5;
  14. }
  15. .comment-list {
  16. // background-color: #47474726;
  17. // border: 1px solid white;
  18. // margin-top: 4px;
  19. border-radius: 6px;
  20. .li {
  21. display: flex;
  22. align-items: center;
  23. justify-content: space-between;
  24. padding: 4px;
  25. border-bottom: 1px solid #eee;
  26. .li-user {
  27. flex-shrink: 0;
  28. margin-right: 4px;
  29. .avatar {
  30. width: 30px;
  31. height: 30px;
  32. margin-right: 4px;
  33. }
  34. }
  35. .li-right {
  36. flex: 1;
  37. .li-row{
  38. display: flex;
  39. justify-content: space-between;
  40. .nickname{
  41. font-size: 14px;
  42. display: flex;
  43. align-items: center;
  44. }
  45. .level {
  46. margin-left: 1.5385vw;
  47. text-align: center;
  48. font-size: 3.0769vw;
  49. border-radius: 5.1282vw;
  50. padding: 0vw 1.5385vw;
  51. color: #000;
  52. }
  53. .gift {
  54. display: flex;
  55. align-items: center;
  56. img{
  57. width: 30px;
  58. height: 30px;
  59. }
  60. }
  61. .time {
  62. font-size: 14px;
  63. color: #676767;
  64. margin-top: 1.0256vw;
  65. }
  66. .credit{
  67. color: #676767;
  68. font-size: 14px;
  69. }
  70. }
  71. }
  72. }
  73. }
  74. }