index.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .bottom-section {
  2. position: fixed;
  3. bottom: 0;
  4. left: 0;
  5. width: 100%;
  6. background-color: #FFFFFF;
  7. box-shadow: inset 0rpx 2rpx 0rpx 0rpx #F0F0F0;
  8. padding: 20rpx 32rpx 58rpx 32rpx;
  9. display: flex;
  10. align-items: center;
  11. box-sizing: border-box;
  12. justify-content: space-around;
  13. .orders {
  14. display: flex;
  15. align-items: center;
  16. margin-right: 40rpx;
  17. padding: 8rpx 0 16rpx;
  18. &.active {
  19. text {
  20. color: #131415;
  21. }
  22. }
  23. image {
  24. width: 44rpx;
  25. height: 44rpx;
  26. }
  27. text {
  28. padding-left: 16rpx;
  29. font-weight: 500;
  30. font-size: 28rpx;
  31. color: #AAAAAA;
  32. line-height: 44rpx;
  33. text-align: center;
  34. }
  35. }
  36. .btnSection {
  37. flex: 1 auto;
  38. button {
  39. width: 100%;
  40. line-height: 88rpx;
  41. background: linear-gradient(270deg, #FF204B 0%, #FE5B71 100%);
  42. border-radius: 44rpx;
  43. font-weight: 500;
  44. font-size: 32rpx;
  45. color: #FFFFFF;
  46. padding-top: 0;
  47. padding-bottom: 0;
  48. &[disabled][type=primary] {
  49. opacity: 0.7;
  50. }
  51. }
  52. }
  53. }