discounts-item.wxss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. @charset "UTF-8";
  2. /**
  3. * 主题色配置
  4. * 默认在 uni.scss 全局引入:@import '@/theme.scss';
  5. * <script> 下使用主题变量:import x from '@/theme.scss';
  6. */
  7. .page.data-v-45da53c2 {
  8. background-color: #f8f8f8;
  9. font-family: PingFangSC;
  10. }
  11. .safeAreaPad.data-v-45da53c2 {
  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-45da53c2: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. .coupon.data-v-45da53c2 {
  51. width: 100%;
  52. height: 174rpx;
  53. background-size: cover;
  54. margin-bottom: 30rpx;
  55. display: flex;
  56. justify-content: flex-start;
  57. align-items: flex-end;
  58. padding-bottom: 34rpx;
  59. position: relative;
  60. }
  61. .coupon .left.data-v-45da53c2 {
  62. margin-right: 60rpx;
  63. margin-left: 50rpx;
  64. }
  65. .coupon .left .discount text.data-v-45da53c2:nth-child(1) {
  66. font-size: 22rpx;
  67. color: #f00;
  68. }
  69. .coupon .left .discount text.data-v-45da53c2:nth-child(2) {
  70. font-size: 64rpx;
  71. color: #f00;
  72. }
  73. .coupon .left .standard.data-v-45da53c2 {
  74. font-size: 20rpx;
  75. color: #8f92a1;
  76. }
  77. .coupon .right .title.data-v-45da53c2 {
  78. font-size: 32rpx;
  79. color: #171717;
  80. margin-bottom: 32rpx;
  81. }
  82. .coupon .right .date.data-v-45da53c2 {
  83. font-size: 20rpx;
  84. color: #8f92a1;
  85. }
  86. .coupon .select.data-v-45da53c2 {
  87. height: 60rpx;
  88. width: 60rpx;
  89. background-image: url(data:image/png;base64,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);
  90. background-size: cover;
  91. position: absolute;
  92. top: 4rpx;
  93. right: 4rpx;
  94. z-index: 99;
  95. }
  96. .chuo.data-v-45da53c2 {
  97. position: absolute;
  98. width: 90rpx;
  99. height: 90rpx;
  100. border-radius: 50%;
  101. color: #fff;
  102. display: flex;
  103. align-items: center;
  104. justify-content: center;
  105. background-color: rgba(0, 0, 0, 0.5);
  106. top: 40rpx;
  107. right: 40rpx;
  108. -webkit-transform: rotate(30deg);
  109. transform: rotate(30deg);
  110. font-size: 24rpx;
  111. }