recommend.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page.data-v-87b86c3c {
  12. height: 100%;
  13. background-color: #343434;
  14. }
  15. .recommend.data-v-87b86c3c {
  16. height: 100%;
  17. width: 750rpx;
  18. position: relative;
  19. }
  20. .recommend .store-info.data-v-87b86c3c {
  21. width: 750rpx;
  22. height: 300rpx;
  23. display: flex;
  24. flex-direction: column;
  25. justify-content: center;
  26. align-items: center;
  27. position: absolute;
  28. top: 237rpx;
  29. }
  30. .recommend .store-info .store-logo.data-v-87b86c3c {
  31. width: 140rpx;
  32. height: 140rpx;
  33. border-radius: 50%;
  34. background-color: #eee;
  35. }
  36. .recommend .store-info .store-name.data-v-87b86c3c {
  37. padding-top: 20rpx;
  38. font-size: 34rpx;
  39. font-family: PingFang SC;
  40. font-weight: bold;
  41. color: #333333;
  42. }
  43. .recommend .bg.data-v-87b86c3c {
  44. width: 750rpx;
  45. height: 486rpx;
  46. position: absolute;
  47. top: 0;
  48. left: 0;
  49. }
  50. .recommend .ewmbg.data-v-87b86c3c {
  51. width: 671rpx;
  52. height: 966rpx;
  53. position: absolute;
  54. top: 237rpx;
  55. left: 0;
  56. right: 0;
  57. margin: 0 auto;
  58. }
  59. .recommend .tit.data-v-87b86c3c {
  60. font-size: 40rpx;
  61. font-family: Source Han Sans CN;
  62. font-weight: 400;
  63. color: #FFFFFF;
  64. position: absolute;
  65. top: 95rpx;
  66. left: 26rpx;
  67. }
  68. .recommend .sotre-name.data-v-87b86c3c {
  69. font-size: 29rpx;
  70. font-family: Source Han Sans CN;
  71. font-weight: 400;
  72. color: rgba(255, 255, 255, 0.7);
  73. position: absolute;
  74. top: 160rpx;
  75. left: 28rpx;
  76. }
  77. .recommend .ewm-wrapper.data-v-87b86c3c {
  78. width: 429rpx;
  79. height: 426rpx;
  80. position: absolute;
  81. top: 577rpx;
  82. left: 0;
  83. right: 0;
  84. margin: 0 auto;
  85. }
  86. .recommend .ewm-wrapper .ewm-tit.data-v-87b86c3c {
  87. font-size: 24rpx;
  88. font-family: Source Han Sans CN;
  89. font-weight: 400;
  90. color: #999999;
  91. position: absolute;
  92. text-align: center;
  93. bottom: -50rpx;
  94. left: 0;
  95. right: 0;
  96. margin: 0 auto;
  97. }
  98. .recommend .record-wrapper.data-v-87b86c3c {
  99. display: flex;
  100. justify-content: space-between;
  101. align-items: center;
  102. position: absolute;
  103. top: 1099rpx;
  104. padding: 0 72rpx;
  105. width: 750rpx;
  106. }
  107. .recommend .record-wrapper .record-left.data-v-87b86c3c {
  108. display: flex;
  109. align-items: center;
  110. }
  111. .recommend .record-wrapper image.data-v-87b86c3c {
  112. width: 32rpx;
  113. height: 30rpx;
  114. margin-right: 11rpx;
  115. }
  116. .recommend .record-wrapper .record-right image.data-v-87b86c3c {
  117. width: 12rpx;
  118. height: 21rpx;
  119. margin-right: 11rpx;
  120. }