manage-address.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. @import "../../../../themes/page.scss";
  2. @import "../../searc-list.scss";
  3. /* module/diet/pages/diet-info/diet-info.wxss */
  4. .diet-box{
  5. background: #fff;
  6. border-radius: 12px;
  7. margin-top: -30px;
  8. }
  9. .serch-input {
  10. background: #F3F3F3 !important;
  11. border-radius: 30px !important;
  12. padding: 8px 20px !important;
  13. }
  14. .search-bar {
  15. margin: 16rpx 24rpx;
  16. background: #F3F3F3;
  17. border-radius: 30px;
  18. overflow: hidden;
  19. }
  20. .address-list {
  21. height: calc(100vh - 300rpx); /* 视实际底部高度调整 */
  22. // padding: 0 24rpx;
  23. background: #F3F3F3;
  24. padding-bottom: 70px;
  25. }
  26. .address-item {
  27. background: #fff;
  28. // border-radius: 16rpx;
  29. // margin-bottom: 24rpx;
  30. padding: 30rpx;
  31. position: relative;
  32. border-bottom: 1px solid #eee;
  33. }
  34. .address-header {
  35. display: flex;
  36. align-items: center;
  37. gap: 16rpx;
  38. }
  39. .name {
  40. font-weight: bold;
  41. font-size: 32rpx;
  42. }
  43. .phone {
  44. margin-left: 24rpx;
  45. font-size: 28rpx;
  46. color: #333;
  47. margin-right: 20px;
  48. }
  49. .edit-icon {
  50. position: absolute;
  51. right: 24rpx;
  52. top: 24rpx;
  53. font-size: 36rpx;
  54. color: #aaa;
  55. }
  56. .address-detail {
  57. color: #888;
  58. margin-top: 8rpx;
  59. font-size: 28rpx;
  60. }
  61. .footer {
  62. position: fixed;
  63. bottom: 0;
  64. left: 0;
  65. width: 100vw;
  66. display: flex;
  67. justify-content: space-between;
  68. padding: 24rpx;
  69. background: #fff;
  70. box-shadow: 0 -2rpx 8rpx #eee;
  71. z-index: 10;
  72. }
  73. .wechat-btn {
  74. // flex: 1;
  75. width: 40%;
  76. margin-right: 16rpx;
  77. background-color: white !important;
  78. border: 1px solid #eee !important;
  79. font-weight: unset !important;
  80. }
  81. .add-btn {
  82. // flex: 1.5;
  83. width: 40%;
  84. background: #1D6FF6 !important;
  85. font-weight: unset !important;
  86. }
  87. .default-tag {
  88. background: #1D6FF6 !important;
  89. margin-right: 16rpx !important;
  90. }
  91. .t-icon-base {
  92. font-size: 15px !important;
  93. }
  94. .wechat-btn-content {
  95. display: flex;
  96. align-items: center;
  97. justify-content: center;
  98. }
  99. .wechat-icon {
  100. margin-right: 8rpx;
  101. font-size: 32rpx;
  102. color: green;
  103. }
  104. .no-result-tip{
  105. margin-top: 20px;
  106. display: flex;
  107. align-items: center;
  108. justify-content: center;
  109. }