zhangchao/cz-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 个人中心_地址整改

Browse Source
This commit is contained in:
Ironsp
2026-10-13 15:45:50 +08:00
parent 093cf9acd0
commit f917062d76
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/profile/address.vue
View File

@@ -216,7 +216,15 @@ onMounted(() => {
.address-row { .address-row {
position: relative; position: relative;
.flex(row, flex-start, center); display: grid;
grid-template-columns:
minmax(88px, 0.9fr)
minmax(110px, 1fr)
minmax(120px, 1.2fr)
minmax(160px, 1.8fr)
auto;
align-items: center;
gap: @spacing-base;
min-height: 72px; min-height: 72px;
padding: @spacing-base @spacing-lg; padding: @spacing-base @spacing-lg;
border: 1px solid @border-color; border: 1px solid @border-color;
@@ -227,48 +235,40 @@ onMounted(() => {
&__tag { &__tag {
position: absolute; position: absolute;
top: -9px; top: -9px;
left: 28px; left: @spacing-lg;
height: 18px; height: 18px;
padding: 0 10px; padding: 0 10px;
border-radius: @radius-sm; border-radius: @radius-sm;
background: @primary-strong; background: @primary-strong;
color: @white; color: @white;
font-size: 11px; font-size: @font-size-xs;
font-weight: 500; font-weight: 500;
line-height: 18px; line-height: 18px;
} }
&__col { &__col {
flex: 0 0 405px;
min-width: 0; min-width: 0;
padding-right: 24px;
box-sizing: border-box;
&--detail {
flex: 1 1 auto;
}
} }
&__label { &__label {
margin: 0;
font-size: @font-size-sm; font-size: @font-size-sm;
color: @finance-axis-text; color: @text-color-secondary;
line-height: 16px; line-height: 1.4;
} }
&__value { &__value {
margin-top: 6px; margin-top: @spacing-xs;
font-size: @font-size-base; font-size: @font-size-base;
font-weight: 600; font-weight: 600;
color: @profile-ink; color: @profile-ink;
line-height: 20px; line-height: 1.4;
.ellipsis();
} }
&__actions { &__actions {
.flex(row, flex-start, center); .flex(row, flex-end, center);
flex-shrink: 0; flex-wrap: wrap;
gap: 12px; gap: @spacing-sm;
margin-left: 16px;
} }
&__btn { &__btn {
@@ -277,8 +277,9 @@ onMounted(() => {
border: 1px solid @border-color; border: 1px solid @border-color;
border-radius: @radius-round; border-radius: @radius-round;
background: @white; background: @white;
color: @finance-entry-text; color: @text-color;
font-size: @font-size-sm; font-size: @font-size-sm;
white-space: nowrap;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;