partner-home.wxss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. @charset "UTF-8";
  2. /**
  3. * 主题色配置
  4. * 默认在 uni.scss 全局引入:@import '@/theme.scss';
  5. * <script> 下使用主题变量:import x from '@/theme.scss';
  6. */
  7. .page.data-v-6fde6a2b {
  8. background-color: #f8f8f8;
  9. font-family: PingFangSC;
  10. }
  11. .safeAreaPad.data-v-6fde6a2b {
  12. padding-bottom: constant(safe-area-inset-bottom);
  13. padding-bottom: env(safe-area-inset-bottom);
  14. box-sizing: content-box;
  15. }
  16. .data-v-6fde6a2b:export {
  17. appThemeColor: #38C148;
  18. appThemeBgColor: #ffffff;
  19. appThemeBgGrayColor: #fafafa;
  20. appThemeBgGrayDeppColor: #f8f8f8;
  21. appThemeSearchBgColor: #F4F5F8;
  22. appThemeBorderColor: #efefef;
  23. appThemeTextColor: #333333;
  24. appThemeTextGrayColor: #8f92a1;
  25. appThemeTextGrayLightColor: #cccccc;
  26. appThemeTextGrayDeepColor: #696969;
  27. appThemeTextWhiteColor: #ffffff;
  28. appThemeTextBlackColor: #171717;
  29. appThemeTextBlackDeepColor: #16162e;
  30. appThemeTextMoneyColor: #f00;
  31. appThemeTextGrayWhiteColor: #c3c6cb;
  32. appThemeSkuGrayColor: #f5f5f8;
  33. appThemeCardGrayColor: #8f92a1;
  34. appThemeShopGrayColor: #888e98;
  35. appThemePointsSignBgColor: #f0f0f0;
  36. appThemePointsSignLabelColor: #dfdfdf;
  37. appThemePointsSignValueColor: #696969;
  38. appThemePointsSignYellowColor: #f9a906;
  39. appThemePointsSignBlueColor: #22ac38;
  40. appThemeNavbarTabColor: #696969;
  41. appThemeNavbarTabColorActive: #333333;
  42. appThemeShadow: 0px 2px 8px 0px rgba(27, 25, 86, 0.06);
  43. appZIndexDeep: 0;
  44. appZIndexNormal: 19;
  45. appZIndexAbsolute: 99;
  46. appZIndexFixed: 199;
  47. appZIndexPage: 999;
  48. appThemeBuyBtnBgColor: #ed3f14;
  49. }
  50. .partner-home.data-v-6fde6a2b {
  51. min-height: 100vh;
  52. background-color: #f5f5f5;
  53. }
  54. .partner-home .section-title.data-v-6fde6a2b {
  55. font-size: 32rpx;
  56. font-weight: bold;
  57. margin-bottom: 20rpx;
  58. display: block;
  59. }
  60. .partner-home .header.data-v-6fde6a2b {
  61. display: flex;
  62. align-items: flex-start;
  63. background-color: #4caf50;
  64. padding: 30rpx;
  65. padding-top: 45rpx;
  66. border-radius: 16rpx;
  67. margin-bottom: 20rpx;
  68. height: 322rpx;
  69. border-radius: 0rpx 0rpx 161rpx 161rpx;
  70. }
  71. .partner-home .header .avatar.data-v-6fde6a2b {
  72. width: 80rpx;
  73. height: 80rpx;
  74. border-radius: 50%;
  75. margin-right: 20rpx;
  76. }
  77. .partner-home .header .header-text.data-v-6fde6a2b {
  78. flex: 1;
  79. color: #fff;
  80. }
  81. .partner-home .header .header-text .title.data-v-6fde6a2b {
  82. font-size: 32rpx;
  83. font-weight: bold;
  84. display: block;
  85. }
  86. .partner-home .header .header-text .subtitle.data-v-6fde6a2b {
  87. font-size: 24rpx;
  88. opacity: 0.8;
  89. }
  90. .partner-home .header .rule-btn.data-v-6fde6a2b {
  91. padding: 10rpx 20rpx;
  92. background: rgba(255, 255, 255, 0.2);
  93. border-radius: 30rpx;
  94. color: #fff;
  95. font-size: 24rpx;
  96. }
  97. .partner-home .income-section.data-v-6fde6a2b {
  98. background-color: #fff;
  99. border-radius: 16rpx;
  100. padding: 30rpx;
  101. margin: 20rpx auto;
  102. width: calc(100% - 40rpx);
  103. }
  104. .partner-home .income-section .section-header.data-v-6fde6a2b {
  105. display: flex;
  106. justify-content: space-between;
  107. align-items: center;
  108. margin-bottom: 20rpx;
  109. }
  110. .partner-home .income-section .section-header .tip.data-v-6fde6a2b {
  111. font-size: 24rpx;
  112. color: #999;
  113. }
  114. .partner-home .income-section .income-grid.data-v-6fde6a2b {
  115. display: grid;
  116. grid-template-columns: repeat(2, 1fr);
  117. gap: 20rpx;
  118. }
  119. .partner-home .income-section .income-grid .income-item.data-v-6fde6a2b {
  120. background-color: #f8f8f8;
  121. padding: 20rpx;
  122. border-radius: 12rpx;
  123. text-align: center;
  124. }
  125. .partner-home .income-section .income-grid .income-item .amount.data-v-6fde6a2b {
  126. color: #ff4d4f;
  127. font-size: 32rpx;
  128. font-weight: bold;
  129. display: block;
  130. }
  131. .partner-home .income-section .income-grid .income-item .label.data-v-6fde6a2b {
  132. font-size: 24rpx;
  133. color: #666;
  134. margin-top: 8rpx;
  135. }
  136. .partner-home .tools-section.data-v-6fde6a2b {
  137. background-color: #fff;
  138. border-radius: 16rpx;
  139. padding: 30rpx;
  140. margin: 20rpx auto;
  141. width: calc(100% - 40rpx);
  142. }
  143. .partner-home .tools-section .tools-grid.data-v-6fde6a2b {
  144. display: flex;
  145. gap: 30rpx;
  146. }
  147. .partner-home .tools-section .tools-grid .tool-item.data-v-6fde6a2b {
  148. flex: 1;
  149. display: flex;
  150. align-items: center;
  151. padding: 20rpx;
  152. border-radius: 12rpx;
  153. }
  154. .partner-home .tools-section .tools-grid .tool-item image.data-v-6fde6a2b {
  155. width: 90rpx;
  156. height: 90rpx;
  157. margin-right: 10rpx;
  158. }
  159. .partner-home .tools-section .tools-grid .tool-item text.data-v-6fde6a2b {
  160. font-size: 26rpx;
  161. color: #333;
  162. }
  163. .partner-home .generate-poster.data-v-6fde6a2b {
  164. width: calc(100% - 60rpx);
  165. height: 88rpx;
  166. line-height: 88rpx;
  167. background-color: #4caf50;
  168. color: #fff;
  169. border-radius: 10rpx;
  170. font-size: 28rpx;
  171. margin: 40rpx auto;
  172. }
  173. .partner-home .poster-container.data-v-6fde6a2b {
  174. display: flex;
  175. flex-direction: column;
  176. align-items: center;
  177. }
  178. .partner-home .poster-container .poster-image.data-v-6fde6a2b {
  179. width: 250px;
  180. height: 445px;
  181. }
  182. .partner-home .poster-container .poster-tip.data-v-6fde6a2b {
  183. font-size: 32rpx;
  184. color: #fff;
  185. text-align: center;
  186. background-color: #333;
  187. text-justify: space-between;
  188. width: 250px;
  189. line-height: 54rpx;
  190. position: relative;
  191. top: -2rpx;
  192. }
  193. .partner-home.data-v-6fde6a2b .u-mode-center-box {
  194. background-color: transparent !important;
  195. }