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:14:47 +08:00
parent b0e9fe6450
commit d0779fe37c
15 changed files with 129 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -217,11 +217,11 @@ onMounted(() => {
.address-row {
position: relative;
.flex(row, flex-start, center);
min-height: 78px;
padding: 14px 24px 14px 52px;
border: 1px solid @profile-card-border;
border-radius: @radius-lg;
background: @white;
min-height: 72px;
padding: @spacing-base @spacing-lg;
border: 1px solid @border-color;
border-radius: @radius-base;
background: @bg-color-light;
box-sizing: border-box;
&__tag {
@@ -273,9 +273,9 @@ onMounted(() => {
&__btn {
height: 28px;
padding: 0 14px;
border: 1px solid @profile-card-border;
border-radius: @radius-base;
padding: 0 @spacing-sm;
border: 1px solid @border-color;
border-radius: @radius-round;
background: @white;
color: @finance-entry-text;
font-size: @font-size-sm;

6
src/views/profile/cpns/FeedbackForm.vue
View File

@@ -235,10 +235,10 @@ function onSubmit(): void {
}
&__attach-title {
font-size: 16px;
font-weight: 700;
font-size: @font-size-base;
font-weight: 600;
color: @heading-color;
line-height: 24px;
line-height: 1.4;
}
&__attach-hint {

26
src/views/profile/cpns/HotlinePanel.vue
View File

@@ -29,11 +29,11 @@ const WORK_TIME = '工作日 8:00-12:00 14:00-18:00'
// 设计稿 #01：浅蓝横幅卡，蓝圆 + 标题/电话/时间三行左对齐
&__card {
.flex(row, flex-start, center);
gap: 32px;
gap: @spacing-lg;
width: 100%;
padding: 30px 32px;
padding: @spacing-lg;
border-radius: @radius-base;
background: @profile-hotline-bg;
background: @filter-selected-bg;
box-sizing: border-box;
}
@@ -50,25 +50,25 @@ const WORK_TIME = '工作日 8:00-12:00 14:00-18:00'
}
&__title {
font-size: 15px;
font-weight: 700;
font-size: @font-size-base;
font-weight: 600;
color: @heading-color;
line-height: 22px;
line-height: 1.4;
}
&__number {
margin-top: 6px;
font-size: 24px;
font-weight: 700;
margin-top: @spacing-sm;
font-size: @font-size-xl;
font-weight: 600;
color: @primary-strong;
line-height: 32px;
line-height: 1.3;
}
&__time {
margin-top: 6px;
font-size: 12px;
margin-top: @spacing-xs;
font-size: @font-size-sm;
color: @text-color-secondary;
line-height: 17px;
line-height: 1.5;
}
}
</style>

16
src/views/profile/cpns/QualificationCard.vue
View File

@@ -75,11 +75,11 @@ const STATUS_CLASS: Record<QualificationStatus, string> = {
.qual-row {
position: relative;
.flex(row, flex-start, center);
min-height: 78px;
padding: 14px 24px 14px 52px;
border: 1px solid @profile-card-border;
border-radius: @radius-lg;
background: @white;
min-height: 72px;
padding: @spacing-base @spacing-lg;
border: 1px solid @border-color;
border-radius: @radius-base;
background: @bg-color-light;
box-sizing: border-box;
&__col {
@@ -139,9 +139,9 @@ const STATUS_CLASS: Record<QualificationStatus, string> = {
&__btn {
height: 28px;
padding: 0 14px;
border: 1px solid @profile-card-border;
border-radius: @radius-base;
padding: 0 @spacing-sm;
border: 1px solid @border-color;
border-radius: @radius-round;
background: @white;
color: @finance-entry-text;
font-size: @font-size-sm;

29
src/views/profile/cpns/SecurityPanel.vue
View File

@@ -121,12 +121,12 @@ function goDeleteAccount(): void {
&__title {
position: relative;
padding-left: 14px;
margin-bottom: 22px;
padding-left: @spacing-base;
margin-bottom: @spacing-base;
font-size: @font-size-base;
font-weight: 600;
color: @profile-ink;
line-height: 20px;
line-height: 1.4;
&::before {
content: '';
@@ -142,22 +142,23 @@ function goDeleteAccount(): void {
&__row {
.flex(row, flex-start, center);
height: 85px;
padding: 0 48px 0 52px;
border: 1px solid @profile-line;
min-height: 72px;
padding: 0 @spacing-lg;
border: 1px solid @border-color;
border-radius: @radius-base;
background: @white;
background: @bg-color-light;
box-sizing: border-box;
cursor: pointer;
transition: border-color 0.2s;
transition: border-color 0.2s, background-color 0.2s;
&:hover {
border-color: @profile-nav-active-bg;
border-color: @primary-color;
background: @filter-selected-bg;
}
}
&__row + &__row {
margin-top: 16px;
margin-top: @spacing-base;
}
&__icon {
@@ -227,10 +228,10 @@ function goDeleteAccount(): void {
&__delete {
width: 100%;
height: 48px;
margin-top: 108px;
border: 1px solid @profile-line;
border-radius: @profile-radius;
height: 40px;
margin-top: @spacing-xxl;
border: 1px solid @border-color;
border-radius: @radius-round;
background: @white;
color: @finance-axis-text;
font-size: @font-size-base;

2
src/views/profile/delete-account.vue
View File

@@ -253,7 +253,7 @@ function onDeleteAccount(): void {
border: 2px solid @danger-color;
border-radius: @radius-round;
color: @danger-color;
font-size: 26px;
font-size: @font-size-xl;
font-weight: 700;
font-style: italic;
line-height: 1;

10
src/views/profile/favorites.vue
View File

@@ -95,19 +95,21 @@ onMounted(() => {
<style lang="less" scoped>
.favorites {
padding-bottom: 78px;
min-height: 100%;
padding-bottom: @spacing-page-bottom;
background: @bg-color;
&__body {
.flex(row, flex-start, flex-start);
gap: 20px;
padding-top: 20px;
gap: @spacing-lg;
padding-top: @spacing-lg;
}
&__main {
.flex(column, flex-start, stretch);
flex: 1;
min-width: 0;
gap: 24px;
gap: @spacing-lg;
}
&__pager {