app-index.wxss 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. @charset "UTF-8";
  2. .text-center.data-v-01c948ba {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-01c948ba {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-01c948ba {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-01c948ba {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-01c948ba {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-01c948ba {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-01c948ba {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-01c948ba {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-01c948ba {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .app-stock-user.data-v-01c948ba {
  39. width: 100%;
  40. height: 460rpx;
  41. padding: 56rpx;
  42. background-size: 100% 100%;
  43. position: relative;
  44. font-size: 26rpx;
  45. color: #ffe5be;
  46. }
  47. .app-stock-user .user-info.data-v-01c948ba {
  48. margin-bottom: 20rpx;
  49. position: relative;
  50. width: fit-content;
  51. width: -webkit-fit-content;
  52. width: -moz-fit-content;
  53. height: 60rpx;
  54. padding: 0 32rpx 0 2rpx;
  55. font-size: 28rpx;
  56. color: #ffe5be;
  57. background-color: rgba(0, 0, 0, 0.3);
  58. border-radius: 30rpx;
  59. }
  60. .app-stock-user .user-info image.data-v-01c948ba {
  61. width: 56rpx;
  62. border-radius: 28rpx;
  63. height: 56rpx;
  64. margin-right: 16rpx;
  65. display: block;
  66. }
  67. .app-stock-user .user-info .level-icon.data-v-01c948ba {
  68. padding: 2rpx 10rpx;
  69. font-size: 22rpx;
  70. color: #fff;
  71. background-color: #ff4544;
  72. border-radius: 16rpx;
  73. border-bottom-left-radius: 0;
  74. position: absolute;
  75. right: -40rpx;
  76. top: -20rpx;
  77. }
  78. .app-stock-user .about.data-v-01c948ba {
  79. position: absolute;
  80. top: 56rpx;
  81. right: 56rpx;
  82. font-size: 26rpx;
  83. height: 60rpx;
  84. line-height: 60rpx;
  85. color: rgba(255, 255, 255, 0.5);
  86. }
  87. .app-stock-user .about image.data-v-01c948ba {
  88. width: 28rpx;
  89. height: 28rpx;
  90. opacity: 0.5;
  91. margin-left: 12rpx;
  92. }
  93. .app-stock-user .price.data-v-01c948ba {
  94. font-size: 24rpx;
  95. color: #fff;
  96. margin-top: 40rpx;
  97. }
  98. .app-stock-user .price .price-detail.data-v-01c948ba {
  99. font-size: 64rpx;
  100. font-family: DIN;
  101. margin-bottom: 6rpx;
  102. }
  103. .app-stock-user .cash-btn.data-v-01c948ba {
  104. padding: 0 42rpx;
  105. border-radius: 32rpx;
  106. display: inline-block;
  107. height: 64rpx;
  108. line-height: 64rpx;
  109. font-size: 28rpx;
  110. color: #fff;
  111. text-align: center;
  112. position: absolute;
  113. right: 56rpx;
  114. top: 232rpx;
  115. background: -webkit-linear-gradient(left, #d59635, #f8bb60);
  116. background: linear-gradient(to right, #d59635, #f8bb60);
  117. }
  118. .app-stock-bonus.data-v-01c948ba {
  119. margin-top: -80rpx;
  120. padding: 0 24rpx;
  121. height: 170rpx;
  122. }
  123. .app-stock-bonus .bonus-item.data-v-01c948ba {
  124. background-color: #fff;
  125. position: relative;
  126. z-index: 2;
  127. width: 702rpx;
  128. height: 124rpx;
  129. border-radius: 16rpx;
  130. box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.05);
  131. padding: 0 32rpx;
  132. color: #999999;
  133. font-size: 26rpx;
  134. }
  135. .app-stock-bonus .bonus-item .bonus-price.data-v-01c948ba {
  136. font-size: 40rpx;
  137. font-family: DIN;
  138. color: #353535;
  139. margin-top: 4rpx;
  140. }
  141. .app-stock-menu.data-v-01c948ba {
  142. margin: 24rpx;
  143. margin-top: -20rpx;
  144. border-radius: 16rpx;
  145. background-color: #fff;
  146. padding: 48rpx 27rpx 50rpx;
  147. box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.05);
  148. }
  149. .app-stock-menu .menu-item.data-v-01c948ba {
  150. width: 216rpx;
  151. font-size: 28rpx;
  152. color: #353535;
  153. }
  154. .app-stock-menu .menu-item .menu-icon.data-v-01c948ba {
  155. width: 120rpx;
  156. height: 120rpx;
  157. margin-bottom: 20rpx;
  158. display: block;
  159. }