index.wxss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background: #F2F2F2;
  13. height: 100%;
  14. padding-bottom: 25rpx;
  15. }
  16. .container {
  17. height: 100%;
  18. }
  19. .container .top {
  20. background-color: #FFFFFF;
  21. height: 88rpx;
  22. display: -webkit-box;
  23. display: -webkit-flex;
  24. display: flex;
  25. -webkit-box-align: center;
  26. -webkit-align-items: center;
  27. align-items: center;
  28. -webkit-box-pack: center;
  29. -webkit-justify-content: center;
  30. justify-content: center;
  31. font-size: 36rpx;
  32. font-weight: 500;
  33. color: #333333;
  34. }
  35. .container .swiper-box {
  36. height: 100%;
  37. }
  38. .container .swiper-box .list-scroll-content {
  39. height: 100%;
  40. }
  41. .scroll-list {
  42. width: 100%;
  43. overflow: hidden;
  44. white-space: nowrap;
  45. background-color: #ffffff;
  46. font-size: 32rpx;
  47. }
  48. .scroll-list .scoll-box {
  49. text-align: center;
  50. display: inline-block;
  51. margin: 0rpx 38rpx;
  52. padding: 15rpx 0rpx;
  53. }
  54. .scroll-list .scoll-box .scoll-img {
  55. width: 130rpx;
  56. height: 85rpx;
  57. border-radius: 100%;
  58. }
  59. .scroll-list .scoll-box .scoll-img image {
  60. width: 85rpx;
  61. height: 100%;
  62. border-radius: 100%;
  63. }
  64. .scroll-list .scoll-box .scoll-name {
  65. padding-top: 15rpx;
  66. }
  67. .scroll-list .scoll-box.active {
  68. color: #ef3d28;
  69. border-bottom: 6rpx solid #ef3d28;
  70. }
  71. .order-item {
  72. width: 100%;
  73. padding: 0rpx 25rpx;
  74. padding-top: 25rpx !important;
  75. }
  76. .order-item .list-cell {
  77. background-color: #ffffff;
  78. border-radius: 20rpx;
  79. width: 100%;
  80. box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
  81. }
  82. .order-item .list-cell .image {
  83. width: 100%;
  84. height: 300rpx;
  85. border-top-left-radius: 25rpx;
  86. border-top-right-radius: 25rpx;
  87. }
  88. .order-item .list-cell .list-tpl {
  89. padding: 25rpx 25rpx;
  90. padding-bottom: 35rpx !important;
  91. font-size: 34rpx;
  92. color: #222222;
  93. font-weight: 500;
  94. }