index.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. .three {
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. }
  6. .three-item {
  7. position: relative;
  8. flex: 1;
  9. text-align: center;
  10. }
  11. .three-item::before {
  12. content: '';
  13. position: absolute;
  14. left: 0;
  15. top: 0;
  16. bottom: 0;
  17. width: 1rpx;
  18. border-left: 1rpx solid #cfcfcf;
  19. }
  20. .three-item:first-child::before {
  21. content: none;
  22. }
  23. .three-title {
  24. color: #999;
  25. font-size: 24rpx;
  26. }
  27. .three-money {
  28. margin-top: 15rpx;
  29. font-size: 38rpx;
  30. font-weight: bold;
  31. }
  32. .item-main {
  33. padding: 32rpx 40rpx;
  34. }
  35. .item-title {
  36. height: 40rpx;
  37. width: 400rpx;
  38. color: #444;
  39. font-size: 28rpx;
  40. display: flex;
  41. align-items: center;
  42. }
  43. .icon-right {
  44. width: 12rpx;
  45. height: 22rpx;
  46. }
  47. .ipt {
  48. border: 1rpx solid #e5e5e5;
  49. height: 72rpx;
  50. line-height: 72rpx;
  51. padding: 0 20rpx;
  52. box-sizing: border-box;
  53. }
  54. .btn {
  55. line-height: 72rpx;
  56. border: 0;
  57. border-radius: 0;
  58. font-size: 32rpx;
  59. }
  60. button.btn::after {
  61. content: none;
  62. }
  63. .scan {
  64. margin-top: 30rpx;
  65. height: 300rpx;
  66. border: 1rpx solid #e5e5e5;
  67. border-radius: 20rpx;
  68. }
  69. .icon-erweima1 {
  70. width: 100rpx;
  71. height: 100rpx;
  72. line-height: 100rpx;
  73. background: #f5f5f5;
  74. border-radius: 50%;
  75. text-align: center;
  76. font-size: 44rpx;
  77. }
  78. .list .item {
  79. margin-bottom: 20rpx;
  80. padding-bottom: 20rpx;
  81. }
  82. .state {
  83. height: 64rpx;
  84. line-height: 64rpx;
  85. text-align: center;
  86. color: #ffffff;
  87. }
  88. .empty {
  89. padding: 50rpx 0;
  90. }
  91. .goodsimg {
  92. width: 120rpx;
  93. height: 120rpx;
  94. margin-right: 20rpx;
  95. }