jf.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background: #ffffff;
  13. height: 100%;
  14. }
  15. .navbar {
  16. display: flex;
  17. height: 40px;
  18. padding: 0 5px;
  19. background: #fff;
  20. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
  21. position: relative;
  22. z-index: 10;
  23. }
  24. .navbar .nav-item {
  25. flex: 1;
  26. display: flex;
  27. justify-content: center;
  28. align-items: center;
  29. height: 100%;
  30. font-size: 15px;
  31. color: #303133;
  32. position: relative;
  33. }
  34. .navbar .nav-item.current {
  35. color: #ff4e4a;
  36. }
  37. .navbar .nav-item.current:after {
  38. content: '';
  39. position: absolute;
  40. left: 50%;
  41. bottom: 0;
  42. -webkit-transform: translateX(-50%);
  43. transform: translateX(-50%);
  44. width: 44px;
  45. height: 0;
  46. border-bottom: 2px solid #ff4e4a;
  47. }
  48. .swiper-box {
  49. height: calc(100% - 44px);
  50. padding-top: 10rpx;
  51. }
  52. .swiper-box .order-item {
  53. padding: 20rpx 30rpx;
  54. line-height: 1.5;
  55. }
  56. .swiper-box .order-item .title-box .title {
  57. font-size: 32rpx;
  58. color: #606266;
  59. }
  60. .swiper-box .order-item .title-box .time {
  61. font-size: 28rpx;
  62. color: #909399;
  63. }
  64. .swiper-box .order-item .money {
  65. color: #fd5b23;
  66. font-size: 32rpx;
  67. }
  68. .list-scroll-content {
  69. height: 100%;
  70. }
  71. .content {
  72. height: 100%;
  73. }
  74. .content .empty-content {
  75. background-color: #ffffff;
  76. }