diff --git a/property-uniapp-project/pages/my/addCar.vue b/property-uniapp-project/pages/my/addCar.vue index c097f31..bf156eb 100644 --- a/property-uniapp-project/pages/my/addCar.vue +++ b/property-uniapp-project/pages/my/addCar.vue @@ -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; } diff --git a/property-uniapp-project/pages/my/addHouse.vue b/property-uniapp-project/pages/my/addHouse.vue index 386134a..6362b7e 100644 --- a/property-uniapp-project/pages/my/addHouse.vue +++ b/property-uniapp-project/pages/my/addHouse.vue @@ -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; } \ No newline at end of file diff --git a/property-uniapp-project/pages/my/addParkingSpace.vue b/property-uniapp-project/pages/my/addParkingSpace.vue index 6688d56..bb7e768 100644 --- a/property-uniapp-project/pages/my/addParkingSpace.vue +++ b/property-uniapp-project/pages/my/addParkingSpace.vue @@ -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; } diff --git a/property-uniapp-project/pages/my/bindCar.vue b/property-uniapp-project/pages/my/bindCar.vue index 6267150..a05adf3 100644 --- a/property-uniapp-project/pages/my/bindCar.vue +++ b/property-uniapp-project/pages/my/bindCar.vue @@ -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; } /* 未绑定状态(浅绿色背景+绿色文字) */ diff --git a/property-uniapp-project/pages/my/bindHouse.vue b/property-uniapp-project/pages/my/bindHouse.vue index 81fc1f3..e2b5de3 100644 --- a/property-uniapp-project/pages/my/bindHouse.vue +++ b/property-uniapp-project/pages/my/bindHouse.vue @@ -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; */ diff --git a/property-uniapp-project/pages/my/carDetail.vue b/property-uniapp-project/pages/my/carDetail.vue index 4e75029..3c861c5 100644 --- a/property-uniapp-project/pages/my/carDetail.vue +++ b/property-uniapp-project/pages/my/carDetail.vue @@ -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; diff --git a/property-uniapp-project/pages/my/changePhone.vue b/property-uniapp-project/pages/my/changePhone.vue index 73e1804..7a09873 100644 --- a/property-uniapp-project/pages/my/changePhone.vue +++ b/property-uniapp-project/pages/my/changePhone.vue @@ -11,7 +11,7 @@ - 📱 + @@ -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; diff --git a/property-uniapp-project/pages/my/changePwd.vue b/property-uniapp-project/pages/my/changePwd.vue index 21d341a..8fe1572 100644 --- a/property-uniapp-project/pages/my/changePwd.vue +++ b/property-uniapp-project/pages/my/changePwd.vue @@ -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; } /* 表单容器 */ diff --git a/property-uniapp-project/pages/my/houseDetail.vue b/property-uniapp-project/pages/my/houseDetail.vue index 4418941..3e357f9 100644 --- a/property-uniapp-project/pages/my/houseDetail.vue +++ b/property-uniapp-project/pages/my/houseDetail.vue @@ -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; diff --git a/property-uniapp-project/pages/my/myCarIndex.vue b/property-uniapp-project/pages/my/myCarIndex.vue index f83f509..a3f304c 100644 --- a/property-uniapp-project/pages/my/myCarIndex.vue +++ b/property-uniapp-project/pages/my/myCarIndex.vue @@ -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; } /* 未绑定状态 */ diff --git a/property-uniapp-project/pages/my/myHouseIndex.vue b/property-uniapp-project/pages/my/myHouseIndex.vue index 3f10ade..be67721 100644 --- a/property-uniapp-project/pages/my/myHouseIndex.vue +++ b/property-uniapp-project/pages/my/myHouseIndex.vue @@ -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; } diff --git a/property-uniapp-project/pages/my/myParkingSpaceIndex.vue b/property-uniapp-project/pages/my/myParkingSpaceIndex.vue index 44792aa..916d9ad 100644 --- a/property-uniapp-project/pages/my/myParkingSpaceIndex.vue +++ b/property-uniapp-project/pages/my/myParkingSpaceIndex.vue @@ -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; } diff --git a/property-uniapp-project/pages/my/parkingSpaceDetail.vue b/property-uniapp-project/pages/my/parkingSpaceDetail.vue index af51927..4efa98c 100644 --- a/property-uniapp-project/pages/my/parkingSpaceDetail.vue +++ b/property-uniapp-project/pages/my/parkingSpaceDetail.vue @@ -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; } diff --git a/property-uniapp-project/pages/my/selectBuilding.vue b/property-uniapp-project/pages/my/selectBuilding.vue index 8ce8508..7d1efe2 100644 --- a/property-uniapp-project/pages/my/selectBuilding.vue +++ b/property-uniapp-project/pages/my/selectBuilding.vue @@ -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; } diff --git a/property-uniapp-project/pages/my/selectCarBrand.vue b/property-uniapp-project/pages/my/selectCarBrand.vue index 4ec52b6..50a92f7 100644 --- a/property-uniapp-project/pages/my/selectCarBrand.vue +++ b/property-uniapp-project/pages/my/selectCarBrand.vue @@ -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 { diff --git a/property-uniapp-project/pages/my/selectParingLot.vue b/property-uniapp-project/pages/my/selectParingLot.vue index d87763f..c340fd3 100644 --- a/property-uniapp-project/pages/my/selectParingLot.vue +++ b/property-uniapp-project/pages/my/selectParingLot.vue @@ -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; } diff --git a/property-uniapp-project/pages/my/selectResidentialCommunity.vue b/property-uniapp-project/pages/my/selectResidentialCommunity.vue index a294511..2a9e527 100644 --- a/property-uniapp-project/pages/my/selectResidentialCommunity.vue +++ b/property-uniapp-project/pages/my/selectResidentialCommunity.vue @@ -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 { diff --git a/property-uniapp-project/pages/my/settingIndex.vue b/property-uniapp-project/pages/my/settingIndex.vue index 5daca03..3aebbd3 100644 --- a/property-uniapp-project/pages/my/settingIndex.vue +++ b/property-uniapp-project/pages/my/settingIndex.vue @@ -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; } @@ -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; } /* 开关样式适配 */ diff --git a/property-uniapp-project/pages/myIndex/myIndex.vue b/property-uniapp-project/pages/myIndex/myIndex.vue index 8c811c5..1e6654c 100644 --- a/property-uniapp-project/pages/myIndex/myIndex.vue +++ b/property-uniapp-project/pages/myIndex/myIndex.vue @@ -7,11 +7,11 @@ - - + + {{loginName}} - + {{phoneNum}} @@ -25,7 +25,7 @@ {{ item.title }} {{ item.desc }} + style="align-self: flex-end;font-size: 24rpx;vertical-align: baseline;">{{ item.desc }} @@ -151,11 +151,11 @@ .contentStyle { display: flex; flex-direction: column; - height: calc(100vh - 50px); + height: calc(100vh - 100rpx); .topBox { width: 100%; - padding: 10px 0px; + padding: 20rpx 0px; position: relative; // background-color: #1A75FF; @@ -165,16 +165,16 @@ position: relative; .title { - font-size: 18px; - line-height: 40px; + font-size: 36rpx; + line-height: 80rpx; text-align: center; font-weight: 500; } .settingImg { - width: 24px; - height: 24px; - top: 8px; + width: 48rpx; + height: 48rpx; + top:16rpx; right: 0px; } @@ -189,8 +189,8 @@ .name { - bottom: 15px; - left: 15px; + bottom: 30rpx; + left: 30rpx; display: flex; align-items: center; @@ -211,7 +211,7 @@ .page { flex: 1; overflow-y: auto; - padding: 0px 20px; + padding: 0px 40rpx; box-sizing: border-box; } @@ -227,15 +227,15 @@ display: flex; align-items: center; /* background: #fff; */ - padding: 10px 3px; + padding: 20rpx 6rpx; border-radius: 8rpx; - /* border-bottom: 1px solid #f2f2f2; */ + /* border-bottom:2rpx solid #f2f2f2; */ /* margin-bottom: 10rpx; */ } .item-icon { - width: 42px; - height: 42px; + width: 84rpx; + height: 84rpx; /* margin-right: 20rpx; */ } @@ -247,15 +247,15 @@ } .item-title { - font-size: 16px; + font-size: 32rpx; /* color: #333; */ font-weight: 400; - margin: 5px 10px; + margin:10rpx 20rpx; /* margin-bottom: 6rpx; */ } .item-desc { - font-size: 12px; + font-size: 24rpx; color: #b5b5b5; white-space: nowrap; /* 强制不换行 */ @@ -267,11 +267,11 @@ } .item-arrow { - width: 8px; - height: 8px; + width:16rpx; + height:16rpx; border-right: 3rpx solid #999999; border-bottom: 3rpx solid #999999; transform: rotate(-45deg); - margin-right: 5px; + margin-right:10rpx; } \ No newline at end of file diff --git a/property-uniapp-project/pages/payment-list/addPayment.vue b/property-uniapp-project/pages/payment-list/addPayment.vue index d6526ea..307e9aa 100644 --- a/property-uniapp-project/pages/payment-list/addPayment.vue +++ b/property-uniapp-project/pages/payment-list/addPayment.vue @@ -4,23 +4,22 @@ - + - - 🔥 + 燃气费 - + 缴费单位 XXXXXXXX燃气有限公司 @@ -34,21 +33,7 @@ - - - - - - - 已阅并同意 - 《协议链接》 - - - - @@ -81,6 +66,21 @@ + + + + + + + 我已阅并同意 + 《协议链接》 + + + + + @@ -191,6 +191,14 @@ complete: () => {} }); }, + goToChange() { + // uni.redirectTo({ + // url: '/pages/payment-list/selectPaymentEntity', + // success: res => {}, + // fail: () => {}, + // complete: () => {} + // }); + }, goBack() { uni.redirectTo({ url: '/pages/payment-list/paymentIndex', @@ -207,7 +215,7 @@ @@ -223,37 +231,39 @@ .page { flex: 1; overflow-y: auto; - padding: 0px 20px; + padding: 0px 40rpx; box-sizing: border-box; - background-color: #fff; } .container { - min-height: 100vh; - background-color: #f5f5f5; - padding: 20rpx; - box-sizing: border-box; + border-radius: 10rpx; } /* 顶部标题栏 */ .header-card { - background: linear-gradient(135deg, #66b3ff 0%, #4080ff 100%); - border-radius: 20rpx 20rpx 0 0; - padding: 30rpx 40rpx; + background: #fff; + padding: 30rpx; display: flex; align-items: center; - color: #fff; + border-bottom: 2rpx solid #ededed; + } .header-icon { - width: 60rpx; - height: 60rpx; + width: 56rpx; + height: 56rpx; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20rpx; + + } + + .iconStyle { + width: 100%; + height: 100%; } .icon-fire { @@ -262,20 +272,22 @@ } .header-title { - font-size: 16px; + font-size: 32rpx; font-weight: bold; } /* 信息卡片 */ .info-card { background-color: #fff; - border-radius: 0 0 20rpx 20rpx; - padding: 40rpx; + border-radius: 10rpx; + /* padding: 30rpx; */ margin-bottom: 40rpx; } .form-item { - margin-bottom: 40rpx; + /* margin-bottom: 40rpx; */ + border-bottom: 2rpx solid #ededed; + padding: 30rpx; } .form-item:last-child { @@ -284,14 +296,14 @@ .label { display: block; - font-size: 14px; - color: #565656; + font-size: 28rpx; + color: #222; margin-bottom: 20rpx; } .company-name { display: block; - font-size: 16px; + font-size: 32rpx; color: #333; font-weight: 600; } @@ -304,7 +316,7 @@ .input-field { flex: 1; - font-size: 16px; + font-size: 32rpx; color: #333; padding: 10rpx 0; border: none; @@ -316,7 +328,7 @@ } .help-link { - font-size: 14px; + font-size: 28rpx; color: #4080ff; white-space: nowrap; margin-left: 20rpx; @@ -328,15 +340,14 @@ bottom: 0; left: 0; right: 0; - background-color: #fff; - padding: 15px; + padding: 30rpx; box-sizing: border-box; } .agreement { display: flex; align-items: center; - margin-bottom: 30rpx; + margin-bottom: 20rpx; } .agreement checkbox { @@ -345,12 +356,12 @@ } .agreement-text { - font-size: 14px; + font-size: 24rpx; color: #333; } .agreement-link { - font-size: 14px; + font-size: 28rpx; color: #4080ff; margin-left: 10rpx; } @@ -406,15 +417,15 @@ } .popup-title { - font-size: 16px; - line-height: 30px; + font-size: 32rpx; + line-height: 60rpx; font-weight: bold; color: #333; width: 100%; display: flex; /* align-items: center; */ justify-content: space-evenly; - border-bottom: 1px solid #ebebeb; + border-bottom: 2rpx solid #ebebeb; } .popup-close { @@ -460,20 +471,20 @@ } .item-title { - font-size: 16px; + font-size: 32rpx; font-weight: bold; color: #333; margin-bottom: 16rpx; } .item-desc { - font-size: 14px; + font-size: 28rpx; color: #666; line-height: 1.5; } /* 弹窗动画 */ - @keyframes slideUp { + /* @keyframes slideUp { from { transform: translateY(100%); } @@ -481,7 +492,7 @@ to { transform: translateY(0); } - } + } */ /* 成功提示弹窗 */ .toast-mask { diff --git a/property-uniapp-project/pages/payment-list/addPaymentSuccess.vue b/property-uniapp-project/pages/payment-list/addPaymentSuccess.vue index ab78b6b..7b2a7de 100644 --- a/property-uniapp-project/pages/payment-list/addPaymentSuccess.vue +++ b/property-uniapp-project/pages/payment-list/addPaymentSuccess.vue @@ -4,7 +4,7 @@ - + @@ -94,7 +94,7 @@ @@ -110,27 +110,24 @@ .page { flex: 1; overflow-y: auto; - padding: 0px 20px; + padding: 0px 40rpx; box-sizing: border-box; - background-color: #fff; + + /* background-color: #fff; */ } @@ -322,37 +224,54 @@ /* 关键:占满屏幕高度 */ background-color: #f9f9f9; } - + .page { flex: 1; overflow-y: auto; - padding: 0px 20px; + padding: 0px 40rpx; box-sizing: border-box; - background-color: #fff; } /* 1. 物业费详情页 */ .pay-page { width: 100%; - min-height: 100vh; - background-color: #fff; } .amount-section { - padding: 30px 0; + padding: 30rpx 0; text-align: center; + display: flex; + flex-direction: column; + align-items: center; + color: #999999; + } - .amount-text { - font-size: 28px; + .background-image-style { + + width: 466rpx; + height: 250rpx; + margin-bottom: 140rpx; + } + + .noArrearsText { + padding-bottom: 50rpx; + width: 100%; + border-bottom: 2rpx solid #ededed; + } + + .recordText { + font-size: 24rpx; + color: #222; + margin-top: 20rpx; font-weight: 600; - color: #bd3124; } - .info-section { - padding: 0 15px 15px 15px; - /* margin-bottom: 20px; */ + .info-section {} + + .lineStyle { + margin: 0rpx 30rpx; } @@ -360,58 +279,57 @@ display: flex; justify-content: space-between; align-items: center; - height: 40px; + height: 80rpx; } .info-label { - font-size: 15px; + font-size: 30rpx; color: #666; } .info-value { - font-size: 15px; + font-size: 30rpx; color: #333; - font-weight: 600; } .info-payAmountItem { - height: 50px; - line-height: 50px; - margin-bottom: 30px; + height: 100rpx; + line-height: 100rpx; + margin-bottom: 60rpx; } .info-payAmount { - font-size: 25px; + font-size: 50rpx; color: #333; font-weight: 600; } .input-section { - padding: 0 15px; - margin-bottom: 30px; + padding: 030rpx; + margin-bottom: 60rpx; } .amount-input { width: 100%; - height: 50px; - font-size: 24px; + height: 100rpx; + font-size: 48rpx; border: none; outline: none; } .btn-section { - padding: 0 15px; + padding: 030rpx; } .pay-btn { width: 100%; - height: 50px; - line-height: 50px; + height: 100rpx; + line-height: 100rpx; background-color: #007aff; color: #fff; - border-radius: 8px; - font-size: 16px; + border-radius: 16rpx; + font-size: 32rpx; border: none; outline: none; } @@ -432,51 +350,51 @@ .password-modal { width: 100%; background-color: #fff; - border-radius: 12px 12px 0 0; - padding-bottom: 20px; + border-radius: 24rpx24rpx 0 0; + padding-bottom: 40rpx; } .modal-header { display: flex; align-items: center; justify-content: space-between; - height: 50px; - padding: 0 15px; - border-bottom: 1px solid #f0f0f0; + height: 100rpx; + padding: 030rpx; + border-bottom: 2rpx solid #f0f0f0; } .close-icon { - font-size: 22px; - width: 40px; - height: 50px; + font-size: 44rpx; + width: 80rpx; + height: 100rpx; display: flex; align-items: center; } .modal-title { - font-size: 17px; + font-size: 32rpx; font-weight: 500; color: #000; } .header-right { - width: 40px; + width: 80rpx; } .pay-info { - padding: 20px 15px; + padding: 40rpx30rpx; text-align: center; } .merchant-name { display: block; - font-size: 16px; + font-size: 32rpx; color: #333; - margin-bottom: 10px; + margin-bottom: 20rpx; } .pay-amount { - font-size: 32px; + font-size: 64rpx; font-weight: 500; color: #000; } @@ -485,12 +403,12 @@ display: flex; align-items: center; justify-content: space-between; - padding: 15px; - border-bottom: 1px solid #f0f0f0; + padding: 30rpx; + border-bottom: 2rpx solid #f0f0f0; } .way-label { - font-size: 15px; + font-size: 30rpx; color: #666; } @@ -500,33 +418,33 @@ } .bank-icon { - width: 16px; - height: 16px; - margin-right: 3px; + width: 32rpx; + height: 32rpx; + margin-right: 6rpx; } .bank-name { - font-size: 15px; + font-size: 30rpx; color: #333; - margin-right: 8px; + margin-right: 16rpx; } .arrow-icon { - font-size: 14px; + font-size: 28rpx; color: #999; } /* 银行卡列表 */ .bank-list { - padding: 0 15px; - border-bottom: 1px solid #f0f0f0; + padding: 030rpx; + border-bottom: 2rpx solid #f0f0f0; } .bank-item { display: flex; align-items: center; - height: 50px; - border-bottom: 1px solid #f5f5f5; + height: 100rpx; + border-bottom: 2rpx solid #f5f5f5; } .bank-item:last-child { @@ -534,19 +452,19 @@ } .bank-item-icon { - width: 24px; - height: 24px; - margin-right: 10px; + width: 48rpx; + height: 48rpx; + margin-right: 20rpx; } .bank-item-name { flex: 1; - font-size: 15px; + font-size: 30rpx; color: #333; } .check-icon { - font-size: 18px; + font-size: 36rpx; color: #007aff; } @@ -554,23 +472,23 @@ .password-input { display: flex; justify-content: space-between; - padding: 20px 15px; + padding: 40rpx30rpx; } .password-item { - width: 50px; - height: 50px; - /* border: 1px solid #dcdcdc; */ + width: 100rpx; + height: 100rpx; + /* border: 2rpx solid #dcdcdc; */ background-color: #efefef; - border-radius: 4px; + border-radius: 8rpx; display: flex; align-items: center; justify-content: center; } .password-dot { - width: 12px; - height: 12px; + width: 24rpx; + height: 24rpx; background-color: #000; border-radius: 50%; } @@ -589,9 +507,9 @@ height: 54px; line-height: 54px; text-align: center; - font-size: 24px; + font-size: 48rpx; color: #000; - border: 1px solid #f0f0f0; + border: 2rpx solid #f0f0f0; background-color: #fff; } @@ -621,13 +539,13 @@ display: flex; justify-content: center; width: 100vw; - height: 150px; - padding: 30px 0px; + height: 1100rpx; + padding: 60rpx 0px; } .success-icon { - /* margin-top: 60px; */ - margin-bottom: 20px; + /* margin-top: 120rpx; */ + margin-bottom: 40rpx; width: 100px; height: 100px; font-size: 80px; @@ -642,17 +560,19 @@ .success-icon .iconfont {} .success-text { - font-size: 20px; + font-size: 40rpx; font-weight: 600; color: #000; - margin-bottom: 10px; + margin-bottom: 20rpx; } .success-desc { - font-size: 15px; + font-size: 30rpx; color: #999; - margin-bottom: 50px; - }.status-bar{ + margin-bottom: 100rpx; + } + + .status-bar { width: 100vw; height: 46px; } diff --git a/property-uniapp-project/pages/payment-list/paymentIndex.vue b/property-uniapp-project/pages/payment-list/paymentIndex.vue index 993cb75..f52b235 100644 --- a/property-uniapp-project/pages/payment-list/paymentIndex.vue +++ b/property-uniapp-project/pages/payment-list/paymentIndex.vue @@ -43,6 +43,7 @@ + @@ -220,43 +221,43 @@ .page { flex: 1; overflow-y: auto; - padding: 0px 20px; + padding: 0px 40rpx; box-sizing: border-box; /* background-color: #fff; */ } .topbox { - height: 80px; + height: 150rpx; width: 100%; position: relative; } .titleImg { - width: 131px; - height: 37px; + width: 262rpx; + height: 74rpx; position: absolute; - left: 20px; - bottom: 10px; + left: 40rpx; + bottom: 20rpx; } .payImg { - width: 250px; - height: 230px; + width: 349.97rpx; + height: 313.57rpx; position: absolute; - right: -60px; - bottom: -100px; + right: -80rpx; + bottom: -140rpx; } .container { - /* padding: 15px; */ + /* padding:30rpx; */ } /* ===================== 欠费列表 ===================== */ .bill-list { margin-bottom: 40rpx; background-color: #fff; - padding: 15px; - border-radius: 5px; + padding: 30rpx; + border-radius: 10rpx; } .bill-item { @@ -264,24 +265,27 @@ align-items: center; background-color: #F6F9FE; border-radius: 12rpx; - padding: 10px 10px 10px 0px; + padding: 20rpx 20rpx 20rpx 0px; margin-bottom: 20rpx; } - + + .bill-item:last-child { + margin-bottom: 0rpx; + } .bill-info { - width: calc(90% - 50px); + width: calc(90% - 100rpx); flex: 1; } .billIcon { - width: 30px; - height: 30px; - margin: 10px; + width: 64rpx; + height: 64rpx; + margin: 20rpx; } .bill-title { - font-size: 16px; + font-size: 32rpx; font-weight: 600; color: #333; margin-bottom: 10rpx; @@ -290,7 +294,7 @@ .bill-desc { - font-size: 14px; + font-size: 28rpx; font-weight: 600; color: #999; white-space: nowrap; @@ -300,13 +304,13 @@ /* 已欠费标签 */ .bill-status { - padding: 1px 8px; - border-radius: 15px; - font-size: 12px; + padding: 2rpx 16rpx; + border-radius: 30rpx; + font-size: 24rpx; font-weight: 500; color: #fff; background-color: #E34D59; - margin-left: 5px; + margin-left: 10rpx; } /* 右侧箭头 */ @@ -321,8 +325,8 @@ /* ===================== 新增缴费区域 ===================== */ .add-section { background-color: #fff; - padding: 15px; - border-radius: 5px; + padding: 30rpx; + border-radius: 10rpx; } .section-header { @@ -333,13 +337,13 @@ } .section-title { - font-size: 16px; + font-size: 32rpx; font-weight: 600; color: #333; } .record-link { - font-size: 14px; + font-size: 28rpx; color: #1677ff; } @@ -348,14 +352,14 @@ display: flex; flex-wrap: wrap; justify-content: flex-start; - gap: 13px; + gap: 26rpx; } .grid-item { - width: calc(25% - 30px); + width: calc(25% - 60rpx); background-color: #F6F9FE; border-radius: 12rpx; - padding: 10px; + padding: 20rpx; margin-bottom: 20rpx; display: flex; align-items: center; @@ -364,10 +368,10 @@ /* 图标容器 */ .icon-box { - width: 80rpx; - height: 80rpx; + width: 88rpx; + height: 88rpx; border-radius: 50%; - background-color: #e6f0ff; + /* background-color: #e6f0ff; */ display: flex; align-items: center; justify-content: center; @@ -381,10 +385,11 @@ } .item-name { - font-size: 14px; + font-size: 28rpx; font-weight: 600; color: #333; } + .status-bar { width: 100vw; height: 46px; diff --git a/property-uniapp-project/pages/payment-list/paymentRecord.vue b/property-uniapp-project/pages/payment-list/paymentRecord.vue index 7aebb87..340819a 100644 --- a/property-uniapp-project/pages/payment-list/paymentRecord.vue +++ b/property-uniapp-project/pages/payment-list/paymentRecord.vue @@ -1,21 +1,34 @@