refactor(pages): migrate remaining pages to design tokens
This commit is contained in:
jacobxu666
@@ -272,7 +272,7 @@ function handleCancel() {
|
||||
.page {
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
background: $color-card;
|
||||
font-family: $font-family-body;
|
||||
}
|
||||
|
||||
@@ -292,22 +292,22 @@ function handleCancel() {
|
||||
|
||||
.header-title__bind {
|
||||
font-family: $font-family-body;
|
||||
font-size: 38rpx;
|
||||
font-weight: 700;
|
||||
font-size: $font-size-title;
|
||||
font-weight: $font-weight-bold;
|
||||
color: $uv-main-color;
|
||||
}
|
||||
|
||||
.header-title__card {
|
||||
font-family: $font-family-body;
|
||||
font-size: 38rpx;
|
||||
font-weight: 700;
|
||||
font-size: $font-size-title;
|
||||
font-weight: $font-weight-bold;
|
||||
color: $uv-primary;
|
||||
}
|
||||
|
||||
.header-desc {
|
||||
display: block;
|
||||
font-family: $font-family-body;
|
||||
font-size: 24rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
color: $uv-tips-color;
|
||||
line-height: 36rpx;
|
||||
@@ -318,7 +318,7 @@ function handleCancel() {
|
||||
/* ===== 2. Form Card ===== */
|
||||
.form-card {
|
||||
margin: 24rpx 24rpx 0;
|
||||
background: #ffffff;
|
||||
background: $color-card;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
overflow: hidden;
|
||||
@@ -339,7 +339,7 @@ function handleCancel() {
|
||||
|
||||
.form-label {
|
||||
font-family: $font-family-body;
|
||||
font-size: 24rpx;
|
||||
font-size: $font-size-sm;
|
||||
color: $uv-main-color;
|
||||
font-weight: 400;
|
||||
line-height: 40rpx;
|
||||
@@ -355,7 +355,7 @@ function handleCancel() {
|
||||
flex: 1;
|
||||
height: 88rpx;
|
||||
font-family: $font-family-body;
|
||||
font-size: 26rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
color: $uv-content-color;
|
||||
line-height: 40rpx;
|
||||
@@ -365,7 +365,7 @@ function handleCancel() {
|
||||
.placeholder {
|
||||
font-family: $font-family-body;
|
||||
color: $uv-placeholder-color;
|
||||
font-size: 26rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@@ -379,7 +379,7 @@ function handleCancel() {
|
||||
.form-value {
|
||||
flex: 1;
|
||||
font-family: $font-family-body;
|
||||
font-size: 26rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
color: $uv-content-color;
|
||||
text-align: right;
|
||||
@@ -469,7 +469,7 @@ function handleCancel() {
|
||||
left: 50%;
|
||||
width: 16rpx;
|
||||
height: 2rpx;
|
||||
background: #ffffff;
|
||||
background: $color-card;
|
||||
border-radius: 1rpx;
|
||||
}
|
||||
|
||||
@@ -526,14 +526,14 @@ function handleCancel() {
|
||||
|
||||
.agreement__label {
|
||||
font-family: $font-family-body;
|
||||
font-size: 24rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
color: $uv-tips-color;
|
||||
}
|
||||
|
||||
.agreement__link {
|
||||
font-family: $font-family-body;
|
||||
font-size: 24rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
color: $uv-primary;
|
||||
|
||||
@@ -575,14 +575,14 @@ function handleCancel() {
|
||||
}
|
||||
|
||||
.btn-confirm--disabled {
|
||||
background: #e5e7eb;
|
||||
background: $uv-bg-color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-confirm__text {
|
||||
font-family: $font-family-body;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-medium;
|
||||
color: #ffffff;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
@@ -595,7 +595,7 @@ function handleCancel() {
|
||||
flex: 1;
|
||||
height: 96rpx;
|
||||
border-radius: 48rpx;
|
||||
background: #ffffff;
|
||||
background: $color-card;
|
||||
border: 2rpx solid #dadbde;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@@ -610,20 +610,20 @@ function handleCancel() {
|
||||
|
||||
&:active {
|
||||
transform: scale(0.98);
|
||||
background: #f5f5f5;
|
||||
background: $uv-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-cancel__text {
|
||||
font-family: $font-family-body;
|
||||
font-size: 28rpx;
|
||||
font-size: $font-size-base;
|
||||
font-weight: 400;
|
||||
color: $uv-tips-color;
|
||||
}
|
||||
|
||||
/* ===== Popup Sheet ===== */
|
||||
.popup-sheet {
|
||||
background: #ffffff;
|
||||
background: $color-card;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
max-height: 70vh;
|
||||
display: flex;
|
||||
@@ -641,8 +641,8 @@ function handleCancel() {
|
||||
|
||||
.popup-title {
|
||||
font-family: $font-family-body;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-bold;
|
||||
color: $uv-main-color;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
@@ -692,7 +692,7 @@ function handleCancel() {
|
||||
|
||||
.popup-content {
|
||||
font-family: $font-family-body;
|
||||
font-size: 26rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
color: $uv-content-color;
|
||||
line-height: 1.8;
|
||||
@@ -712,7 +712,7 @@ function handleCancel() {
|
||||
transition: background 0.15s ease;
|
||||
|
||||
&:active {
|
||||
background: #f5f5f5;
|
||||
background: $uv-bg-color;
|
||||
}
|
||||
|
||||
&--active {
|
||||
@@ -722,7 +722,7 @@ function handleCancel() {
|
||||
|
||||
.id-type-item__text {
|
||||
font-family: $font-family-body;
|
||||
font-size: 26rpx;
|
||||
font-size: $font-size-sm;
|
||||
font-weight: 400;
|
||||
color: $uv-content-color;
|
||||
line-height: 40rpx;
|
||||
|
||||
Reference in New Issue
Block a user