球星卡微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123 lines
2.6 KiB

  1. <template>
  2. <view class="flex-col page">
  3. <view class="flex-col group_4">
  4. <view class="flex-col section_2">
  5. <view class="justify-between">
  6. <text class="text_2">全面评级</text>
  7. <text class="text_3">7day/60rmb</text>
  8. </view>
  9. <view class="justify-between group_6">
  10. <text class="text_4">卡品评级</text>
  11. <text class="text_5">7day/45rmb</text>
  12. </view>
  13. <view class="justify-between group_7">
  14. <text class="text_6">签名评级</text>
  15. <text class="text_7">7day/45rmb</text>
  16. </view>
  17. <view class="justify-between group_8">
  18. <text class="text_8">套壳服务</text>
  19. <text class="text_9">7day/30rmb</text>
  20. </view>
  21. </view>
  22. <view class="section_3"> </view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. export default {
  28. data() {
  29. return {};
  30. },
  31. };
  32. </script>
  33. <style scoped lang="css">
  34. .page {
  35. background-color: #f6f6f6;
  36. width: 100%;
  37. overflow-y: auto;
  38. height: 100%;
  39. }
  40. .group_4 {
  41. padding: 2rpx 0 16rpx;
  42. flex: 1 1 auto;
  43. overflow-y: auto;
  44. }
  45. .section_2 {
  46. padding: 40rpx 30rpx 40rpx 32rpx;
  47. background-color: rgb(255, 255, 255);
  48. }
  49. .section_3 {
  50. margin-top: 1016rpx;
  51. align-self: center;
  52. background-color: rgb(0, 0, 0);
  53. border-radius: 4rpx;
  54. width: 196rpx;
  55. height: 8rpx;
  56. }
  57. .group_6 {
  58. margin-top: 50rpx;
  59. }
  60. .group_7 {
  61. margin-top: 50rpx;
  62. }
  63. .group_8 {
  64. margin-top: 50rpx;
  65. }
  66. .text_2 {
  67. color: rgb(51, 51, 51);
  68. font-size: 32rpx;
  69. font-weight: 500;
  70. line-height: 44rpx;
  71. white-space: nowrap;
  72. }
  73. .text_3 {
  74. color: rgb(119, 119, 119);
  75. font-size: 32rpx;
  76. font-weight: 500;
  77. line-height: 44rpx;
  78. white-space: nowrap;
  79. }
  80. .text_4 {
  81. color: rgb(51, 51, 51);
  82. font-size: 32rpx;
  83. font-weight: 500;
  84. line-height: 44rpx;
  85. white-space: nowrap;
  86. }
  87. .text_5 {
  88. color: rgb(119, 119, 119);
  89. font-size: 32rpx;
  90. font-weight: 500;
  91. line-height: 44rpx;
  92. white-space: nowrap;
  93. }
  94. .text_6 {
  95. color: rgb(51, 51, 51);
  96. font-size: 32rpx;
  97. font-weight: 500;
  98. line-height: 44rpx;
  99. white-space: nowrap;
  100. }
  101. .text_7 {
  102. color: rgb(119, 119, 119);
  103. font-size: 32rpx;
  104. font-weight: 500;
  105. line-height: 44rpx;
  106. white-space: nowrap;
  107. }
  108. .text_8 {
  109. color: rgb(51, 51, 51);
  110. font-size: 32rpx;
  111. font-weight: 500;
  112. line-height: 44rpx;
  113. white-space: nowrap;
  114. }
  115. .text_9 {
  116. color: rgb(119, 119, 119);
  117. font-size: 32rpx;
  118. font-weight: 500;
  119. line-height: 44rpx;
  120. white-space: nowrap;
  121. }
  122. </style>