pay.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .app-content.data-v-1aa81472 {
  21. background-color: #fff;
  22. }
  23. .banner-wrap.data-v-1aa81472 {
  24. padding: 23rpx;
  25. width: calc(100% - 30rpx);
  26. border-bottom: 20rpx solid #f5f5f5;
  27. }
  28. .banner-wrap .banner-img.data-v-1aa81472 {
  29. width: 100%;
  30. margin-bottom: 6rpx;
  31. position: relative;
  32. }
  33. .banner-wrap .banner-img .meal-det.data-v-1aa81472 {
  34. position: absolute;
  35. top: 40rpx;
  36. left: 30rpx;
  37. width: 60%;
  38. color: #fff;
  39. }
  40. .banner-wrap .banner-img .meal-det .meal-title.data-v-1aa81472 {
  41. font-size: 42rpx;
  42. font-weight: 600;
  43. margin-bottom: 28rpx;
  44. letter-spacing: 8rpx;
  45. }
  46. .banner-wrap .banner-img .meal-det .meal-introduce.data-v-1aa81472 {
  47. line-height: 40rpx;
  48. letter-spacing: 2rpx;
  49. }
  50. .module-wrap.data-v-1aa81472 {
  51. padding: 40rpx 30rpx 0;
  52. }
  53. .module-wrap .module-tit.data-v-1aa81472 {
  54. font-size: 28rpx;
  55. font-weight: 600;
  56. margin-bottom: 24rpx;
  57. }
  58. .module-wrap .module-det .list-wrap.data-v-1aa81472 {
  59. border: 2rpx solid #f9f9f9;
  60. border-top: none;
  61. margin-bottom: 110rpx;
  62. }
  63. .module-wrap .module-det .list-wrap .list.data-v-1aa81472 {
  64. display: -webkit-box;
  65. display: flex;
  66. display: -webkit-flex;
  67. -webkit-box-align: center;
  68. -webkit-align-items: center;
  69. align-items: center;
  70. -webkit-box-pack: justify;
  71. -webkit-justify-content: space-between;
  72. justify-content: space-between;
  73. padding: 20rpx 26rpx;
  74. border-top: 2rpx solid #f9f9f9;
  75. }
  76. .module-wrap .module-det .list-wrap .list.data-v-1aa81472:nth-child(odd) {
  77. background-color: #eee;
  78. }
  79. .module-wrap .module-det .list-wrap .list .iconfont.data-v-1aa81472 {
  80. font-size: 30rpx;
  81. }
  82. .module-wrap .module-det .list-wrap .list .icondagou.data-v-1aa81472 {
  83. color: #3385FF;
  84. }
  85. .module-wrap .module-det .list-wrap .list .iconguanbi.data-v-1aa81472 {
  86. font-size: 24rpx;
  87. color: #999999;
  88. }
  89. .page-btn.data-v-1aa81472 {
  90. width: 100vw;
  91. display: -webkit-box;
  92. display: flex;
  93. display: -webkit-flex;
  94. -webkit-box-align: center;
  95. -webkit-align-items: center;
  96. align-items: center;
  97. -webkit-box-pack: justify;
  98. -webkit-justify-content: space-between;
  99. justify-content: space-between;
  100. padding: 0 30rpx;
  101. }
  102. .page-btn .app-price.data-v-1aa81472 {
  103. margin-bottom: 8rpx;
  104. margin-left: 4rpx;
  105. }
  106. .page-btn .red.data-v-1aa81472 {
  107. width: 270rpx;
  108. }
  109. .page-btn .admin-button-com.data-v-1aa81472 {
  110. width: 200rpx;
  111. font-size: 32rpx;
  112. }