Integral.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. /* pages/my-Integral/my-Integral.wxss */
  2. page {
  3. background: #f1f1f1;
  4. }
  5. .box-top {
  6. width: 86%;
  7. height: 300rpx;
  8. border-radius: 20rpx 20rpx 0 0;
  9. /* padding: 40rpx; */
  10. margin: 60rpx auto 0;
  11. box-sizing: border-box;
  12. background: linear-gradient(#ff7e4c, #f62446, #fe792b, #fa5840);
  13. display: flex;
  14. justify-content: space-between;
  15. color: #feede9;
  16. font-size: 28rpx;
  17. }
  18. .box-left {
  19. /* width: rpx; */
  20. /* display: flex; */
  21. /* height: 100rpx; */
  22. margin: 88rpx 60rpx 0;
  23. }
  24. .little-box {
  25. display: flex;
  26. margin-bottom: 15rpx;
  27. font-size: 30rpx;
  28. }
  29. .img-2 {
  30. width: 38rpx;
  31. height: 40rpx;
  32. /* color: #f1f1f1; */
  33. }
  34. .icon {
  35. margin-right: 10rpx;
  36. }
  37. .number {
  38. font-size: 70rpx;
  39. }
  40. .box-right {
  41. margin: 40rpx;
  42. }
  43. .bottom {
  44. background-color: #ffffff;
  45. box-sizing: border-box;
  46. height: 100vh;
  47. }
  48. .bill {
  49. font-size: 50rpx;
  50. }
  51. .details {
  52. font-size: 30rpx;
  53. }
  54. .account {
  55. font-size: 30rpx;
  56. }
  57. .order-tabs{
  58. border: 1rpx solid #fa5840;
  59. }
  60. .order-tabs .van-tab--active .van-ellipsis {
  61. color: #ff8700;
  62. /* font-size: 40rpx; */
  63. }
  64. .van-ellipsis {
  65. font-size: 32rpx;
  66. margin: 0 auto;
  67. line-height: 110rpx;
  68. }
  69. .van-ellipsis {
  70. }
  71. .van-ellipsis tittle1{
  72. display: none;
  73. }
  74. .van-tabs__line {
  75. display: none;
  76. }
  77. .box {
  78. box-sizing: border-box;
  79. display: flex;
  80. justify-content: space-between;
  81. padding: 0% 13% 0%;
  82. }
  83. .complete {
  84. font-size: 33rpx;
  85. font-family: Fantasy;
  86. }
  87. .box-calendar {
  88. display: flex;
  89. color: #b4b4b4;
  90. font-size: 28rpx;
  91. }
  92. .date {
  93. margin-right: 10rpx;
  94. }
  95. .right-jiafen {
  96. font-size: 33rpx;
  97. font-family: sans-serif;
  98. color: #ff8b09;
  99. font-weight: 800;
  100. /* font-weight: 800; */
  101. margin-right: 20rpx;
  102. }