index.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .head {
  2. display: flex;
  3. align-items: center;
  4. width: 100vw;
  5. height: 120rpx;
  6. padding: 0 20rpx 0 30rpx;
  7. box-sizing: border-box;
  8. .count {
  9. font-size: 28rpx;
  10. font-family: PingFang SC-Regular, PingFang SC;
  11. color: #333333;
  12. }
  13. .expand {
  14. flex: 1;
  15. display: flex;
  16. justify-content: flex-end;
  17. .but {
  18. display: flex;
  19. align-items: center;
  20. justify-content: center;
  21. width: 80rpx;
  22. height: 80rpx;
  23. background: #FFFFFF;
  24. border-radius: 8rpx;
  25. border: 2rpx solid #CCCCCC;
  26. margin-left: 20rpx;
  27. color: #666666;
  28. }
  29. }
  30. }
  31. .count {
  32. font-size: 30rpx !important;
  33. font-weight: bold;
  34. }
  35. .item {
  36. position: relative;
  37. width: 100vw;
  38. display: flex;
  39. background-color: #ffffff;
  40. padding: 20rpx 30rpx;
  41. box-sizing: border-box;
  42. margin-bottom: 20rpx;
  43. .abs {
  44. position: absolute;
  45. right: 30rpx;
  46. font-size: 36rpx;
  47. font-weight: bold;
  48. }
  49. .but {
  50. position: absolute !important;
  51. right: 30rpx;
  52. top: 120rpx;
  53. border-radius: 16rpx;
  54. padding: 15rpx !important;
  55. }
  56. .dec {
  57. flex: 1;
  58. width: 0;
  59. min-height: 128rpx;
  60. height: 100%;
  61. font-size: 24rpx;
  62. font-family: PingFang SC-Regular, PingFang SC;
  63. color: #999999;
  64. .title {
  65. display: flex;
  66. width: 90%;
  67. height: 40rpx;
  68. font-size: 28rpx;
  69. font-weight: 600;
  70. color: #333333;
  71. }
  72. .subfield {
  73. display: flex;
  74. margin-top: 8rpx;
  75. height: 34rpx;
  76. line-height: 34rpx;
  77. }
  78. }
  79. }