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

62
property-uniapp-project/pages/my/addCar.vue
View File

@@ -301,7 +301,7 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
background-color: #fff;
}
@@ -313,7 +313,7 @@
display: flex;
align-items: center;
justify-content: center;
padding: 40rpx 15px 20rpx;
padding: 40rpx 30rpx 20rpx;
}
.step-item {
@@ -331,7 +331,7 @@
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-size: 28rpx;
margin-bottom: 16rpx;
}
@@ -340,7 +340,7 @@
}
.step-text {
font-size: 14px;
font-size: 28rpx;
color: #999;
}
@@ -360,7 +360,7 @@
/* 表单容器 */
.form-container {
padding: 0 0px;
/* height: calc(100vh - 220px); */
/* height: calc(100vh - 240rpx); */
/* overflow-y: scroll; */
}
@@ -369,12 +369,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;
@@ -382,26 +382,26 @@
.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;
}
/* 开关项 */
@@ -411,7 +411,7 @@
/* 底部按钮 */
.bottom-btn-wrap {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
display: flex;
gap: 20rpx;
background-color: #fff;
@@ -450,12 +450,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;
@@ -464,7 +464,7 @@
.value {
flex: 1;
text-align: left;
font-size: 14px;
font-size: 28rpx;
color: #999;
margin-right: 10rpx;
}
@@ -498,7 +498,7 @@
}
.popup-header {
padding: 15px;
padding: 30rpx;
text-align: center;
border-bottom: 1rpx solid #f0f0f0;
position: relative;
@@ -511,7 +511,7 @@
.close {
position: absolute;
right: 15px;
right: 30rpx;
top: 50%;
transform: translateY(-50%);
font-size: 36rpx;
@@ -520,13 +520,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;
}
@@ -548,13 +548,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;
}
@@ -574,7 +574,7 @@
.value {
flex: 1;
text-align: left;
font-size: 14px;
font-size: 28rpx;
color: #999;
padding-right: 40rpx;
}
@@ -582,7 +582,7 @@
.item-input {
flex: 1;
height: 40rpx;
font-size: 14px;
font-size: 28rpx;
color: #333;
border: none;
outline: none;
@@ -591,7 +591,7 @@
.input-placeholder {
color: #999 !important;
font-size: 14px !important;
font-size: 28rpx !important;
}
/* ===================== 图片上传区域 ===================== */
@@ -662,7 +662,7 @@
}
.popup-header {
padding: 15px;
padding: 30rpx;
text-align: center;
border-bottom: 1rpx solid #eee;
font-size: 32rpx;
@@ -672,7 +672,7 @@
.close {
position: absolute;
right: 15px;
right: 30rpx;
top: 50%;
transform: translateY(-50%);
font-size: 36rpx;
@@ -680,15 +680,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;
}

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>

72
property-uniapp-project/pages/my/addParkingSpace.vue
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;
}

26
property-uniapp-project/pages/my/bindCar.vue
View File

@@ -187,13 +187,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
@@ -218,7 +218,7 @@
line-height: 88rpx;
background-color: #1677ff;
color: #fff;
font-size: 14px;
font-size: 28rpx;
border-radius: 8rpx;
border: none;
margin-top: 20rpx;
@@ -255,7 +255,7 @@
border-radius: 50%;
background-color: #fff;
color: #1677ff;
font-size: 16px;
font-size: 32rpx;
font-weight: bold;
margin-bottom: 20rpx;
display: flex;
@@ -274,7 +274,7 @@
/* ====================== 列表容器 ====================== */
.list-container {
/* flex: 1; */
padding: 20px;
padding: 40rpx;
min-height: calc(100vh - 105px);
overflow-y: scroll;
}
@@ -284,7 +284,7 @@
.car-item {
display: flex;
align-items: center;
padding: 10px;
padding: 20rpx;
margin-bottom: 20rpx;
border: 1rpx solid #e6e9ff;
border-radius: 16rpx;
@@ -318,7 +318,7 @@
/* 车牌号 */
.car-plate {
font-size: 16px;
font-size: 32rpx;
font-weight: bold;
color: #000;
line-height: 1.4;
@@ -327,21 +327,21 @@
/* 车型+颜色 */
.car-model {
font-size: 14px;
font-size: 28rpx;
color: #666;
line-height: 1.4;
}
/* 状态标签 */
.status-tag {
font-size: 12px;
padding: 3px 7px;
border-radius: 3px;
font-size: 24rpx;
padding:6rpx14rpx;
border-radius:6rpx;
font-weight: 500;
flex-shrink: 0;
position: absolute;
right: 15px;
top: 15px;
right: 30rpx;
top: 30rpx;
}
/* 未绑定状态（浅绿色背景+绿色文字） */

28
property-uniapp-project/pages/my/bindHouse.vue
View File

@@ -231,13 +231,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
@@ -320,8 +320,8 @@
display: flex;
align-items: center;
background-color: #F3F3F3;
border-radius: 10px;
margin: 0px 0px 10px 0rpx;
border-radius: 20rpx;
margin: 0px 0px 20rpx 0rpx;
padding: 0 30rpx;
height: 70rpx;
}
@@ -351,8 +351,8 @@
.house-card {
border: 1rpx solid #e5e5e5;
border-radius: 12rpx;
padding: 10px;
margin-bottom: 15px;
padding: 20rpx;
margin-bottom: 30rpx;
position: relative;
background-color: #fff;
}
@@ -363,7 +363,7 @@
}
.community-name {
font-size: 16px;
font-size: 32rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;
@@ -382,7 +382,7 @@
}
.title-text {
font-size: 16px;
font-size: 32rpx;
font-weight: bold;
color: #333333;
}
@@ -395,13 +395,13 @@
.info-label {
width: 160rpx;
font-size: 14px;
font-size: 28rpx;
/* font-weight: 600; */
color: #000;
}
.info-value {
font-size: 14px;
font-size: 28rpx;
color: #333;
/* font-weight: 600; */
}
@@ -413,11 +413,11 @@
/* ====================== 选中对勾 ====================== */
.check-icon {
position: absolute;
right: 10px;
top: 23px;
right: 20rpx;
top: 46rpx;
transform: translateY(-50%);
width: 26px;
height: 26px;
width: 52rpx;
height: 52rpx;
border-radius: 50%;
border: 2rpx solid #ccc;
/* background-color: #ccc; */

8
property-uniapp-project/pages/my/carDetail.vue
View File

@@ -177,7 +177,7 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
@@ -303,13 +303,13 @@
/* 信息卡片 */
.info-card {
background-color: #fff;
padding: 10px;
padding: 20rpx;
}
.card-title {
display: flex;
align-items: center;
font-size: 16px;
font-size: 32rpx;
font-weight: 600;
color: #000;
margin-bottom: 30rpx;
@@ -373,7 +373,7 @@
/* 底部按钮区 */
.bottom-btn-wrap {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
display: flex;
gap: 20rpx;

12
property-uniapp-project/pages/my/changePhone.vue
View File

@@ -11,7 +11,7 @@
<view class="form-container">
<!-- 手机号输入框（带+86前缀） -->
<view class="input-group phone-input">
<image class="iconStyle" src="/static/propertyImgs/phoneIcon.png">📱</image>
<image class="iconStyle" src="/static/propertyImgs/phoneIcon.png"></image>
<input class="input-item" type="number" v-model="phone" placeholder="请输入手机号码"
placeholder-class="input-placeholder" maxlength="11" />
</view>
@@ -198,14 +198,14 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
/* background-color: #fff; */
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
/* 表单容器 */
@@ -227,8 +227,8 @@
}
.iconStyle {
width:25px;
height: 25px;
width:50rpx;
height: 50rpx;
}
.phone-input .input-item {
@@ -249,7 +249,7 @@
}
.code-btn {
font-size: 12px;
font-size: 24rpx;
color: #fff;
background: #2F77FD;
border: none;

4
property-uniapp-project/pages/my/changePwd.vue
View File

@@ -145,14 +145,14 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
/* background-color: #fff; */
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
/* 表单容器 */

12
property-uniapp-project/pages/my/houseDetail.vue
View File

@@ -206,12 +206,12 @@
success: (res) => {
if (res.confirm) {
uni.showLoading({
title: '提删除中...',
title: '删除中...',
mask: true
});
setTimeout(() => {
uni.showToast({
title: '提删除成功',
title: '删除成功',
icon: 'success'
});
}, 1000);
@@ -258,7 +258,7 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
@@ -269,7 +269,7 @@
flex-direction: column;
align-items: center;
padding: 10px 0px 10px;
padding: 20rpx 0px 20rpx;
}
.status-icon {
@@ -388,7 +388,7 @@
border: 1rpx solid #f0f0f0;
border-radius: 8rpx;
background-color: #fff;
margin-bottom: 10px;
margin-bottom: 20rpx;
}
.card-title {
@@ -458,7 +458,7 @@
/* 底部按钮区 */
.bottom-btn-wrap {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
display: flex;
gap: 20rpx;

28
property-uniapp-project/pages/my/myCarIndex.vue
View File

@@ -169,13 +169,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
@@ -204,7 +204,7 @@
line-height: 88rpx;
background-color: #1677ff;
color: #fff;
font-size: 14px;
font-size: 28rpx;
border-radius: 8rpx;
border: none;
margin-top: 20rpx;
@@ -241,7 +241,7 @@
border-radius: 50%;
background-color: #fff;
color: #1677ff;
font-size: 16px;
font-size: 32rpx;
font-weight: bold;
margin-bottom: 20rpx;
display: flex;
@@ -265,13 +265,13 @@
.car-item {
display: flex;
align-items: center;
padding: 10px;
padding: 20rpx;
margin-bottom: 20rpx;
border: 1rpx solid #e6e9ff;
border-radius: 16rpx;
background-color: #fff;
position: relative;
width: calc(100% - 22px);
width: calc(100% - 44rpx);
}
.car-item.checked {
@@ -300,7 +300,7 @@
/* 车牌号 */
.car-plate {
font-size: 16px;
font-size: 32rpx;
font-weight: bold;
color: #000;
line-height: 1.4;
@@ -309,13 +309,13 @@
/* 车型+颜色 */
.car-model {
font-size: 14px;
font-size: 28rpx;
color: #666;
line-height: 1.4;
}
.car-bindParkingSpace {
font-size: 14px;
font-size: 28rpx;
color: #666;
white-space: nowrap;
/* 强制不换行 */
@@ -328,14 +328,14 @@
/* 状态标签 */
.status-tag {
font-size: 12px;
padding: 3px 7px;
border-radius: 3px;
font-size: 24rpx;
padding:6rpx14rpx;
border-radius:6rpx;
font-weight: 500;
flex-shrink: 0;
position: absolute;
right: 15px;
top: 15px;
right: 30rpx;
top: 30rpx;
}
/* 未绑定状态 */

22
property-uniapp-project/pages/my/myHouseIndex.vue
View File

@@ -215,13 +215,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
/* 列表 */
@@ -254,7 +254,7 @@
}
.house-name {
font-size: 16px;
font-size: 32rpx;
font-weight: 600;
}
@@ -262,13 +262,13 @@
background: #007aff;
color: #fff;
font-size: 24rpx;
padding: 1px 8px;
border-radius: 15px;
padding:2rpx 16rpx;
border-radius: 30rpx;
}
/* 状态标签 */
.status-tag {
font-size: 14px;
font-size: 28rpx;
padding: 6rpx 14rpx;
font-weight: 600;
border-radius: 6rpx;
@@ -305,7 +305,7 @@
.label {
width: 100px;
font-size: 14px;
font-size: 28rpx;
/* color: #666; */
}
@@ -317,13 +317,13 @@
}
.value {
font-size: 14px;
font-size: 28rpx;
font-weight: 600;
color: #333;
}
.defaultBox {
margin-top: 5px;
margin-top:10rpx;
display: flex;
justify-content: space-between;
z-index: 99 !important;
@@ -332,7 +332,7 @@
.set-default {
color: #222222;
/* font-weight: 600; */
font-size: 16px;
font-size: 32rpx;
}
@@ -345,7 +345,7 @@
background: #007aff;
color: #fff;
border-radius: 12rpx;
font-size: 16px;
font-size: 32rpx;
border: none;
}

24
property-uniapp-project/pages/my/myParkingSpaceIndex.vue
View File

@@ -187,13 +187,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
/* 列表 */
@@ -222,7 +222,7 @@
}
.parkingSpace-name {
font-size: 16px;
font-size: 32rpx;
font-weight: 600;
overflow: hidden;
white-space: nowrap;
@@ -234,10 +234,10 @@
/* 状态标签 */
.status-tag {
font-size: 12px;
padding: 2px 8px;
border-radius: 15px;
margin-left: 10px;
font-size: 24rpx;
padding:4rpx16rpx;
border-radius: 30rpx;
margin-left: 20rpx;
white-space: nowrap;
}
@@ -265,7 +265,7 @@
.line {
display: flex;
margin-bottom: 10px;
margin-bottom: 20rpx;
}
@@ -280,7 +280,7 @@
.label {
width: 80px;
font-size: 14px;
font-size: 28rpx;
font-weight: 600;
color: #333;
}
@@ -293,7 +293,7 @@
.value {
font-size: 14px;
font-size: 28rpx;
color: #666;
}
@@ -301,7 +301,7 @@
.set-default {
color: #007aff;
font-weight: 600;
font-size: 14px;
font-size: 28rpx;
}
@@ -312,7 +312,7 @@
background: #007aff;
color: #fff;
border-radius: 12rpx;
font-size: 16px;
font-size: 32rpx;
border: none;
}

6
property-uniapp-project/pages/my/parkingSpaceDetail.vue
View File

@@ -243,7 +243,7 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
@@ -371,7 +371,7 @@
border: 1rpx solid #f0f0f0;
background-color: #fff;
border-radius: 8rpx;
margin-bottom: 10px;
margin-bottom: 20rpx;
}
.card-title {
@@ -441,7 +441,7 @@
/* 底部按钮区 */
.bottom-btn-wrap {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
display: flex;
gap: 20rpx;
}

4
property-uniapp-project/pages/my/selectBuilding.vue
View File

@@ -377,13 +377,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}

12
property-uniapp-project/pages/my/selectCarBrand.vue
View File

@@ -135,13 +135,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}
@@ -150,7 +150,7 @@
display: flex;
align-items: center;
background-color: #F3F3F3;
border-radius: 10px;
border-radius: 20rpx;
margin: 0rpx 0px 20rpx 0px;
padding: 0 30rpx;
height: 70rpx;
@@ -197,13 +197,13 @@
.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;
}
.status-bar {

4
property-uniapp-project/pages/my/selectParingLot.vue
View File

@@ -263,13 +263,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
}

12
property-uniapp-project/pages/my/selectResidentialCommunity.vue
View File

@@ -188,13 +188,13 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
/* 底部按钮 */
/* .bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
} */
@@ -204,7 +204,7 @@
display: flex;
align-items: center;
background-color: #F3F3F3;
border-radius: 10px;
border-radius: 20rpx;
margin: 0rpx 0px 20rpx 0px;
padding: 0 30rpx;
height: 70rpx;
@@ -251,13 +251,13 @@
.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;
}
.status-bar {

20
property-uniapp-project/pages/my/settingIndex.vue
View File

@@ -194,14 +194,14 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
background-color: #fff;
}
/* 底部按钮 */
.bottom-btn {
padding: 10px 15px 20px;
padding: 20rpx 30rpx 40rpx;
background-color: #fff;
}
</style>
@@ -212,13 +212,13 @@
align-items: center;
justify-content: space-between;
background-color: #ffffff;
padding: 15px 15px;
border-bottom: 1px solid #f0f0f0;
padding: 30rpx 30rpx;
border-bottom:2rpx solid #f0f0f0;
}
/* 标题文字 */
.item-title {
font-size: 16px;
font-size: 32rpx;
color: #333333;
line-height: 1.4;
}
@@ -232,25 +232,25 @@
/* 右侧数值/版本文字 */
.item-value {
font-size: 14px;
font-size: 28rpx;
color: #333333;
}
.item-version {
font-size: 14px;
font-size: 28rpx;
color: #999999;
}
/* 右侧箭头 */
.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;
}
/* 开关样式适配 */