zhouyanli/property-resident-side
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

125
property-uniapp-project/pages/my/addHouse.vue
View File

@@ -654,7 +654,7 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
@@ -684,7 +684,7 @@
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-size: 28rpx;
margin-bottom: 16rpx;
}
@@ -693,7 +693,7 @@
}
.step-text {
font-size: 14px;
font-size: 28rpx;
color: #999;
}
@@ -716,7 +716,7 @@
/* 表单容器 */
.form-container {
/* padding: 0 15px; */
/* padding: 0 30rpx; */
}
@@ -724,12 +724,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;
@@ -737,18 +737,18 @@
.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 {
font-size: 20px;
font-size: 40rpx;
color: #ccc;
margin-left: 20rpx;
} */
@@ -760,7 +760,7 @@
/* 底部按钮区 */
.bottom-btn-wrap {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
display: flex;
gap: 20rpx;
@@ -811,12 +811,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;
@@ -825,13 +825,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;
}
@@ -864,7 +864,7 @@
}
.popup-header {
padding: 15px;
padding: 30rpx;
text-align: center;
border-bottom: 1rpx solid #f0f0f0;
position: relative;
@@ -877,7 +877,7 @@
.close {
position: absolute;
right: 15px;
right: 30rpx;
top: 50%;
transform: translateY(-50%);
font-size: 36rpx;
@@ -886,13 +886,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;
}
@@ -920,13 +920,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;
}
@@ -946,7 +946,7 @@
.value {
flex: 1;
text-align: left;
font-size: 14px;
font-size: 28rpx;
color: #999;
padding-right: 40rpx;
}
@@ -963,7 +963,7 @@
display: flex;
align-items: center;
gap: 12rpx;
font-size: 14px;
font-size: 28rpx;
color: #666;
}
@@ -1001,18 +1001,19 @@
right: 0;
background: #2F77FD;
color: #fff;
font-size: 13px;
padding: 3px 15px;
font-size: 26rpx;
padding:6rpx 30rpx;
border: 2rpx solid #efefef;
/* border-radius: 99px; */
}
/* 上传区域 */
.upload-section {
margin-top: 15px;
margin-top: 30rpx;
}
.upload-title {
font-size: 14px;
font-size: 28rpx;
font-weight: 500;
color: #333;
margin-bottom: 12rpx;
@@ -1021,18 +1022,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 {
@@ -1040,7 +1041,7 @@
height: 200px;
border-radius: 16rpx;
overflow: hidden;
background: #f9f9f9;
background: #f3f3f3;
position: relative;
}
@@ -1096,7 +1097,7 @@
}
.popup-header {
padding: 15px;
padding: 30rpx;
text-align: center;
border-bottom: 1rpx solid #eee;
font-size: 32rpx;
@@ -1106,7 +1107,7 @@
.close {
position: absolute;
right: 15px;
right: 30rpx;
top: 50%;
transform: translateY(-50%);
font-size: 36rpx;
@@ -1114,61 +1115,19 @@
}
.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;
}
/* 成功提示弹窗 */
.toast-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
z-index: 9999;
}
.toast-content {
background-color: rgba(0, 0, 0, 0.8);
padding: 40rpx 60rpx;
border-radius: 8rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.toast-icon {
width: 60rpx;
height: 60rpx;
line-height: 60rpx;
border-radius: 50%;
background-color: #fff;
color: #1677ff;
font-size: 40rpx;
font-weight: bold;
margin-bottom: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.toast-text {
color: #fff;
font-size: 28rpx;
}
.item.active {
color: #337eff;
@@ -1178,12 +1137,12 @@
.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;
}
</style>