home.scss 932 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. page{
  2. background-color: $page-bg;
  3. }
  4. // 选项卡
  5. .nav{
  6. width: 94%;
  7. margin: 25rpx auto;
  8. padding: 30rpx 0;
  9. display: flex;
  10. align-items: center;
  11. justify-content: space-around;
  12. background-color: #fff;
  13. font-size: $uni-font-size-base;
  14. color: $uni-text-regular-color;
  15. border-radius: 10rpx;
  16. .nav-item{
  17. display: flex;
  18. flex-direction: column;
  19. align-items: center;
  20. margin-top: 5rpx;
  21. align-items: center;
  22. flex: 1;
  23. span{
  24. padding: 18rpx;
  25. color: #FFFFFF;
  26. margin-bottom: 14rpx;
  27. border-radius: 50%;
  28. }
  29. }
  30. .nav-item:nth-child(1) span{
  31. background-color: $uni-color-success;
  32. }
  33. .nav-item:nth-child(2) span{
  34. background-color: $uni-color-warning;
  35. }
  36. .nav-item:nth-child(3) span{
  37. background-color: $uni-color-primary;
  38. }
  39. .nav-item:nth-child(4) span{
  40. background-color: $uni-color-error;
  41. }
  42. }
  43. .marginTop{
  44. margin-top: 20rpx;
  45. }
  46. .order-list{
  47. padding: 0 30rpx;
  48. margin: 0 auto;
  49. background-color: #FFFFFF;
  50. }