index.less 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @import '../style/var';
  2. .van-address-list {
  3. box-sizing: border-box;
  4. height: 100%;
  5. padding: @address-list-padding;
  6. &__bottom {
  7. position: fixed;
  8. bottom: 0;
  9. left: 0;
  10. z-index: @address-list-add-button-z-index;
  11. box-sizing: border-box;
  12. width: 100%;
  13. padding: 0 @padding-md;
  14. padding-bottom: constant(safe-area-inset-bottom);
  15. padding-bottom: env(safe-area-inset-bottom);
  16. background-color: @white;
  17. }
  18. &__add {
  19. height: 40px;
  20. margin: 5px 0;
  21. }
  22. &__disabled-text {
  23. padding: @address-list-disabled-text-padding;
  24. color: @address-list-disabled-text-color;
  25. font-size: @address-list-disabled-text-font-size;
  26. line-height: @address-list-disabled-text-line-height;
  27. }
  28. }
  29. .van-address-item {
  30. padding: @address-list-item-padding;
  31. background-color: @white;
  32. border-radius: @border-radius-lg;
  33. &:not(:last-child) {
  34. margin-bottom: @padding-sm;
  35. }
  36. &__value {
  37. padding-right: 44px;
  38. }
  39. &__name {
  40. display: flex;
  41. align-items: center;
  42. margin-bottom: @padding-xs;
  43. font-size: @font-size-lg;
  44. line-height: @line-height-lg;
  45. }
  46. &__tag {
  47. flex: none;
  48. margin-left: @padding-xs;
  49. padding-top: 0;
  50. padding-bottom: 0;
  51. line-height: 1.4em;
  52. }
  53. &__address {
  54. color: @address-list-item-text-color;
  55. font-size: @address-list-item-font-size;
  56. line-height: @address-list-item-line-height;
  57. }
  58. &--disabled {
  59. .van-address-item__name,
  60. .van-address-item__address {
  61. color: @address-list-item-disabled-text-color;
  62. }
  63. }
  64. &__edit {
  65. position: absolute;
  66. top: 50%;
  67. right: @padding-md;
  68. color: @gray-6;
  69. font-size: @address-list-edit-icon-size;
  70. transform: translate(0, -50%);
  71. }
  72. .van-cell {
  73. padding: 0;
  74. }
  75. .van-radio__label {
  76. margin-left: @padding-sm;
  77. }
  78. .van-radio__icon--checked .van-icon {
  79. background-color: @address-list-item-radio-icon-color;
  80. border-color: @address-list-item-radio-icon-color;
  81. }
  82. }