4/18 样式修改,缴费部分页面按照ui重做

This commit is contained in:
wangyuxin
2026-04-18 16:24:20 +08:00
parent 72ec4017e8
commit 452bf0b84d
36 changed files with 975 additions and 973 deletions

View File

@@ -404,7 +404,7 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
background-color: #fff;
}
@@ -415,7 +415,7 @@
display: flex;
align-items: center;
justify-content: center;
padding: 40rpx 15px 20rpx;
padding: 40rpx 30rpx 20rpx;
}
.step-item {
@@ -433,7 +433,7 @@
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-size: 28rpx;
margin-bottom: 16rpx;
}
@@ -442,7 +442,7 @@
}
.step-text {
font-size: 14px;
font-size: 28rpx;
color: #999;
}
@@ -466,12 +466,12 @@
.form-item {
display: flex;
align-items: center;
padding: 15px 0;
padding: 30rpx 0;
border-bottom: 1rpx solid #f0f0f0;
}
.item-label {
font-size: 14px;
font-size: 28rpx;
color: #000;
width: 90px;
font-weight: 600;
@@ -479,25 +479,25 @@
.item-placeholder {
flex: 1;
font-size: 14px;
font-size: 28rpx;
color: #999;
}
.item-placeholder.selected {
flex: 1;
font-size: 14px;
font-size: 28rpx;
color: #333;
}
.item-arrow {
display: inline-block;
width: 5px;
height: 5px;
width:10rpx;
height:10rpx;
border-top: 2rpx solid #999;
border-right: 2rpx solid #999;
transform: rotate(45deg);
margin-left: 10rpx;
margin-right: 5px;
margin-right:10rpx;
}
@@ -508,7 +508,7 @@
/* 底部按钮 */
.bottom-btn-wrap {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
display: flex;
gap: 20rpx;
background-color: #fff;
@@ -553,12 +553,12 @@
.form-item {
display: flex;
align-items: center;
padding: 15px 0;
padding: 30rpx 0;
border-bottom: 1rpx solid #f0f0f0;
}
.label {
font-size: 14px;
font-size: 28rpx;
color: #000;
width: 90px;
font-weight: 600;
@@ -567,13 +567,13 @@
.value {
flex: 1;
text-align: left;
font-size: 14px;
font-size: 28rpx;
color: #999;
margin-right: 10rpx;
}
.value.selected {
font-size: 14px;
font-size: 28rpx;
color: #333;
}
@@ -606,7 +606,7 @@
}
.popup-header {
padding: 15px;
padding: 30rpx;
text-align: center;
border-bottom: 1rpx solid #f0f0f0;
position: relative;
@@ -619,7 +619,7 @@
.close {
position: absolute;
right: 15px;
right: 30rpx;
top: 50%;
transform: translateY(-50%);
font-size: 36rpx;
@@ -628,13 +628,13 @@
/* 选项列表 */
.list {
padding: 0 15px;
padding: 0 30rpx;
}
.item {
padding: 15px 0;
padding: 30rpx 0;
text-align: center;
font-size: 14px;
font-size: 28rpx;
border-bottom: 1rpx solid #f5f5f5;
}
@@ -656,13 +656,13 @@
.label {
width: 180rpx;
font-size: 14px;
font-size: 28rpx;
color: #333;
}
.input {
flex: 1;
font-size: 14px;
font-size: 28rpx;
text-align: left;
color: #333;
}
@@ -682,7 +682,7 @@
.value {
flex: 1;
text-align: left;
font-size: 14px;
font-size: 28rpx;
color: #999;
padding-right: 40rpx;
}
@@ -699,7 +699,7 @@
display: flex;
align-items: center;
gap: 12rpx;
font-size: 14px;
font-size: 28rpx;
color: #666;
}
@@ -744,11 +744,11 @@
/* 上传区域 */
.upload-section {
margin-top: 15px;
margin-top: 30rpx;
}
.upload-title {
font-size: 14px;
font-size: 28rpx;
font-weight: 500;
color: #333;
margin-bottom: 12rpx;
@@ -757,18 +757,18 @@
}
.upload-desc {
font-size: 12px;
font-size: 24rpx;
color: #666666;
line-height: 1.5;
margin-bottom: 15px;
margin-bottom: 30rpx;
}
/* 两列布局 */
.upload-wrap {
margin-top: 15px;
margin-top: 30rpx;
display: flex;
flex-direction: column;
gap: 15px;
gap: 30rpx;
}
.upload-item {
@@ -832,7 +832,7 @@
}
.popup-header {
padding: 15px;
padding: 30rpx;
text-align: center;
border-bottom: 1rpx solid #eee;
font-size: 32rpx;
@@ -842,7 +842,7 @@
.close {
position: absolute;
right: 15px;
right: 30rpx;
top: 50%;
transform: translateY(-50%);
font-size: 36rpx;
@@ -850,15 +850,15 @@
}
.popup-list {
padding: 0 15px;
padding: 0 30rpx;
max-height: 40vh;
overflow-y: auto;
}
.item {
padding: 15px 0;
padding: 30rpx 0;
text-align: center;
font-size: 14px;
font-size: 28rpx;
border-bottom: 1rpx solid #f5f5f5;
}