wallet.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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. position: relative;
  18. }
  19. .content-money .money-bg {
  20. position: absolute;
  21. width: 100%;
  22. height: 100%;
  23. }
  24. .content-money .moneyTx {
  25. position: absolute;
  26. top: 150rpx;
  27. right: 0rpx;
  28. width: 150rpx;
  29. padding: 10rpx 30rpx;
  30. border: 2px solid #ffffff;
  31. border-top-left-radius: 99rpx;
  32. border-bottom-left-radius: 99rpx;
  33. color: #ffffff;
  34. line-height: 1;
  35. font-size: 28rpx;
  36. }
  37. .content-money .buttom-box {
  38. background-color: #ffffff;
  39. text-align: center;
  40. margin: 0 30rpx;
  41. padding: 20rpx 0;
  42. border-radius: 15rpx;
  43. margin-top: -60rpx;
  44. }
  45. .content-money .buttom-box .buttom {
  46. font-size: 32rpx;
  47. -webkit-box-flex: 1;
  48. -webkit-flex-grow: 1;
  49. flex-grow: 1;
  50. }
  51. .content-money .buttom-box .interval {
  52. width: 2px;
  53. height: 60rpx;
  54. background-color: #eeeeee;
  55. }
  56. .content-money .buttom-box .icon {
  57. height: 50rpx;
  58. width: 48rpx;
  59. margin: 0 auto;
  60. }
  61. .content-money .buttom-box .icon .icon-img {
  62. width: 100%;
  63. height: 100%;
  64. }
  65. .money-box {
  66. padding-top: 25px;
  67. height: 368rpx;
  68. color: #456FFB;
  69. text-align: center;
  70. position: relative;
  71. z-index: 10;
  72. }
  73. .money-box .text {
  74. padding-top: 147rpx;
  75. font-size: 24rpx;
  76. }
  77. .money-box .money {
  78. font-size: 56rpx;
  79. }
  80. .money-box .textt {
  81. font-size: 24rpx;
  82. }
  83. .navbar {
  84. display: -webkit-box;
  85. display: -webkit-flex;
  86. display: flex;
  87. height: 40px;
  88. padding: 0 5px;
  89. background: #fff;
  90. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
  91. position: relative;
  92. z-index: 10;
  93. }
  94. .navbar .nav-item {
  95. -webkit-box-flex: 1;
  96. -webkit-flex: 1;
  97. flex: 1;
  98. display: -webkit-box;
  99. display: -webkit-flex;
  100. display: flex;
  101. -webkit-box-pack: center;
  102. -webkit-justify-content: center;
  103. justify-content: center;
  104. -webkit-box-align: center;
  105. -webkit-align-items: center;
  106. align-items: center;
  107. height: 100%;
  108. font-size: 15px;
  109. color: #303133;
  110. position: relative;
  111. }
  112. .navbar .nav-item.current {
  113. color: #F8DD4F;
  114. }
  115. .navbar .nav-item.current:after {
  116. content: '';
  117. position: absolute;
  118. left: 50%;
  119. bottom: 0;
  120. -webkit-transform: translateX(-50%);
  121. transform: translateX(-50%);
  122. width: 44px;
  123. height: 0;
  124. border-bottom: 2px solid #F8DD4F;
  125. }
  126. .swiper-box {
  127. padding-top: 10rpx;
  128. }
  129. .swiper-box .order-item {
  130. padding: 20rpx 30rpx;
  131. line-height: 1.5;
  132. }
  133. .swiper-box .order-item .title-box .title {
  134. font-size: 32rpx;
  135. color: #606266;
  136. }
  137. .swiper-box .order-item .title-box .time {
  138. font-size: 28rpx;
  139. color: #909399;
  140. }
  141. .swiper-box .order-item .money {
  142. color: #fd5b23;
  143. font-size: 32rpx;
  144. }
  145. .list-scroll-content {
  146. height: 100%;
  147. }
  148. .content {
  149. height: 100%;
  150. }
  151. .content .empty-content {
  152. background-color: #ffffff;
  153. }