index.wxss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. view.data-v-0cdc6c50 {
  5. box-sizing: border-box;
  6. }
  7. .container.data-v-0cdc6c50 {
  8. min-height: 100vh;
  9. background: #F7F8FB;
  10. }
  11. .data-v-0cdc6c50::-webkit-scrollbar {
  12. display: none;
  13. }
  14. .box.data-v-0cdc6c50 {
  15. padding: 24rpx 30rpx;
  16. padding-bottom: 100px;
  17. }
  18. .box .itemBox.data-v-0cdc6c50 {
  19. display: flex;
  20. white-space: nowrap;
  21. flex-wrap: nowrap;
  22. overflow-x: scroll;
  23. height: 188rpx;
  24. margin-bottom: 12rpx;
  25. }
  26. .box .itemBox .delBtn.data-v-0cdc6c50 {
  27. flex-shrink: 0;
  28. display: flex;
  29. align-items: center;
  30. justify-content: center;
  31. width: 150rpx;
  32. height: 188rpx;
  33. color: white;
  34. background: red;
  35. border-radius: 0 20rpx 20rpx 0;
  36. }
  37. .box .item.data-v-0cdc6c50 {
  38. flex-shrink: 0;
  39. width: 100%;
  40. height: 188rpx;
  41. border-radius: 20rpx;
  42. padding: 32rpx 24rpx;
  43. background-size: 100% 100%;
  44. background-repeat: no-repeat;
  45. }
  46. .box .item .top .currLabel.data-v-0cdc6c50 {
  47. display: flex;
  48. align-items: center;
  49. }
  50. .box .item .top .currLabel .icon.data-v-0cdc6c50 {
  51. width: 36rpx;
  52. height: 36rpx;
  53. margin-right: 24rpx;
  54. }
  55. .box .item .top .currLabel .name.data-v-0cdc6c50 {
  56. margin-right: 32rpx;
  57. font-size: 30rpx;
  58. font-family: PingFang-SC, PingFang-SC;
  59. font-weight: 800;
  60. color: #080F18;
  61. }
  62. .box .item .top .currLabel .phone.data-v-0cdc6c50 {
  63. font-size: 30rpx;
  64. font-family: PingFang-SC, PingFang-SC;
  65. font-weight: 800;
  66. color: #080F18;
  67. }
  68. .box .item .bot.data-v-0cdc6c50 {
  69. display: flex;
  70. justify-content: space-between;
  71. width: 100%;
  72. margin-top: 20rpx;
  73. }
  74. .box .item .bot .left.data-v-0cdc6c50 {
  75. font-size: 26rpx;
  76. font-family: PingFang-SC, PingFang-SC;
  77. font-weight: 500;
  78. color: #080F18;
  79. line-height: 36rpx;
  80. }
  81. .box .item .bot .bianjiBox.data-v-0cdc6c50 {
  82. width: 100rpx;
  83. display: flex;
  84. justify-content: center;
  85. align-items: center;
  86. }
  87. .box .item .bot .bianjiBox .bianji.data-v-0cdc6c50 {
  88. margin-top: 8rpx;
  89. width: 26rpx;
  90. height: 26rpx;
  91. }
  92. .box .addBtn.data-v-0cdc6c50 {
  93. height: 50px;
  94. background: #eee;
  95. border-radius: 5px;
  96. display: flex;
  97. justify-content: center;
  98. align-items: center;
  99. position: fixed;
  100. width: calc(100% - 20px);
  101. bottom: 50px;
  102. }
  103. .btnBox.data-v-0cdc6c50 {
  104. height: 176rpx;
  105. background: #FFFFFF;
  106. box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0, 0, 0, 0.05);
  107. border-radius: 32rpx 32rpx 0rpx 0rpx;
  108. position: fixed;
  109. bottom: 0;
  110. width: 100%;
  111. padding-left: 30rpx;
  112. padding-right: 30rpx;
  113. padding-top: 32rpx;
  114. z-index: 9999999999999999999999999999999;
  115. }
  116. .btnBox .btn.data-v-0cdc6c50 {
  117. height: 96rpx;
  118. background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%);
  119. box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 122, 255, 0.2);
  120. border-radius: 54rpx;
  121. display: flex;
  122. justify-content: center;
  123. align-items: center;
  124. font-size: 32rpx;
  125. font-family: SourceHanSansCN, SourceHanSansCN;
  126. font-weight: bold;
  127. color: #FFFFFF;
  128. }