award.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background: #ffffff;
  13. height: 100%;
  14. }
  15. .content-money {
  16. padding-bottom: 30rpx;
  17. background: #f8f6f6;
  18. }
  19. .content-money .moneyTx {
  20. position: absolute;
  21. top: 150rpx;
  22. right: 0rpx;
  23. width: 150rpx;
  24. padding: 10rpx 30rpx;
  25. border: 2px solid #FFFFFF;
  26. border-top-left-radius: 99rpx;
  27. border-bottom-left-radius: 99rpx;
  28. color: #FFFFFF;
  29. line-height: 1;
  30. font-size: 28rpx;
  31. }
  32. .content-money .buttom-box {
  33. background-color: #ffffff;
  34. text-align: center;
  35. margin: 0 30rpx;
  36. padding: 20rpx 0;
  37. border-radius: 15rpx;
  38. margin-top: -60rpx;
  39. }
  40. .content-money .buttom-box .buttom {
  41. font-size: 32rpx;
  42. -webkit-box-flex: 1;
  43. -webkit-flex-grow: 1;
  44. flex-grow: 1;
  45. }
  46. .content-money .buttom-box .interval {
  47. width: 2px;
  48. height: 60rpx;
  49. background-color: #eeeeee;
  50. }
  51. .content-money .buttom-box .icon {
  52. height: 50rpx;
  53. width: 48rpx;
  54. margin: 0 auto;
  55. }
  56. .content-money .buttom-box .icon .icon-img {
  57. width: 100%;
  58. height: 100%;
  59. }
  60. .money-box {
  61. background-color: #921a23;
  62. padding-top: 25px;
  63. height: 368rpx;
  64. color: #ffffff;
  65. text-align: center;
  66. }
  67. .money-box .text {
  68. padding-top: 147rpx;
  69. font-size: 24rpx;
  70. }
  71. .money-box .money {
  72. font-size: 56rpx;
  73. }
  74. .navbar {
  75. display: -webkit-box;
  76. display: -webkit-flex;
  77. display: flex;
  78. height: 40px;
  79. padding: 0 5px;
  80. background: #fff;
  81. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
  82. position: relative;
  83. z-index: 10;
  84. }
  85. .navbar .nav-item {
  86. -webkit-box-flex: 1;
  87. -webkit-flex: 1;
  88. flex: 1;
  89. display: -webkit-box;
  90. display: -webkit-flex;
  91. display: flex;
  92. -webkit-box-pack: center;
  93. -webkit-justify-content: center;
  94. justify-content: center;
  95. -webkit-box-align: center;
  96. -webkit-align-items: center;
  97. align-items: center;
  98. height: 100%;
  99. font-size: 15px;
  100. color: #303133;
  101. position: relative;
  102. }
  103. .navbar .nav-item.current {
  104. color: #921a23;
  105. }
  106. .navbar .nav-item.current:after {
  107. content: '';
  108. position: absolute;
  109. left: 50%;
  110. bottom: 0;
  111. -webkit-transform: translateX(-50%);
  112. transform: translateX(-50%);
  113. width: 44px;
  114. height: 0;
  115. border-bottom: 2px solid #921a23;
  116. }
  117. .swiper-box {
  118. padding-top: 10rpx;
  119. }
  120. .swiper-box .order-item {
  121. padding: 20rpx 30rpx;
  122. line-height: 1.5;
  123. }
  124. .swiper-box .order-item .title-box .title {
  125. font-size: 32rpx;
  126. color: #606266;
  127. }
  128. .swiper-box .order-item .title-box .time {
  129. font-size: 28rpx;
  130. color: #909399;
  131. }
  132. .swiper-box .order-item .money {
  133. color: #fd5b23;
  134. font-size: 32rpx;
  135. }
  136. .list-scroll-content {
  137. height: 100%;
  138. }
  139. .content {
  140. height: 100%;
  141. }
  142. .content .empty-content {
  143. background-color: #ffffff;
  144. }