diff --git a/packages/community/propertyPayment/index.css b/packages/community/propertyPayment/index.css index dd8f985c..dca63b3b 100644 --- a/packages/community/propertyPayment/index.css +++ b/packages/community/propertyPayment/index.css @@ -370,4 +370,186 @@ image { margin-left: 49rpx; font-size: 32rpx; color: #222222; +} + + + +.payTypeList { + margin-top: 20rpx; + background-color: #fff; + padding: 0 20rpx; +} + +.PayTypeItem { + display: flex; + padding: 30rpx 0; + justify-content: space-between; + align-items: center; +} + +.PayTypeItem_left { + display: flex; +} + +.PayTypeItem_img { + width: 50rpx; + height: 44rpx; + margin-right: 20rpx; +} + +.PayTypeItem_con_tit { + font-size: 32rpx; + color: #000000; + font-weight: 600; +} + +.PayTypeItem_con_msg { + font-size: 28rpx; + color: #000000; + margin-top: 10rpx; +} + +.line3 { + height: 1rpx; + width: 100%; + background-color: #EBEBEB; +} + +.boxshadowCon_subTit { + font-weight: bold; + font-size: 50rpx; + color: #FF370B; + text-align: center; + padding-bottom: 30rpx; +} + +.boxshadowCon_subTit span { + font-size: 40rpx; +} + +.BanlenceList { + padding: 0 20rpx; +} + +.banlenceItem { + display: flex; + align-content: center; + justify-content: space-between; + padding: 30rpx 0; +} + +.banlenceItem_left { + font-size: 32rpx; + color: #000000; + font-weight: 600; + display: flex; + align-items: center; +} + +.banlenceItem_left image { + width: 50rpx; + height: 44rpx; + margin-right: 20rpx; +} + +.boxshadowCon_subTit { + font-weight: bold; + font-size: 40rpx; + color: #FF370B; + display: flex; +} + +.boxshadowCon_subTit span { + font-size: 32rpx; + color: #FF370B; +} + +.btn { + width: 710rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 36rpx; + color: #FFFFFF; + margin: 0 auto; + margin-top: 25rpx; +} + +.btn span { + font-size: 32rpx; +} + + +.payHisItem { + padding: 0 20rpx; + padding-top: 8rpx; + background-color: #fff; + margin-bottom: 20rpx; +} + +.row { + display: flex; + align-items: center; + justify-content: space-between; + padding-top: 20rpx; +} + +.row_label { + font-size: 28rpx; + color: #999999; +} + +.row_con1 { + font-size: 36rpx; + color: #222222; +} + +.row_label2 { + font-size: 24rpx; + color: #999999; +} + +.row_con2 { + font-size: 24rpx; + color: #999999; +} + +.line4 { + width: 100%; + height: 1rpx; + background-color: #EBEBEB; + margin-top: 30rpx; +} + +.row_con3 { + display: flex; + flex-direction: column; + align-items: flex-end; +} + +.row_con3_1 { + font-size: 28rpx; + color: #222222; +} + +.row_con3_2 { + font-size: 24rpx; + color: #999999; + margin-top: 8rpx; +} + +.row_con4 { + font-size: 28rpx; + color: #222222; +} + +.Receipt { + font-size: 32rpx; + color: #222222; + text-align: center; + margin-top: 30rpx; + padding-bottom: 20rpx; } \ No newline at end of file diff --git a/packages/community/propertyPayment/index.vue b/packages/community/propertyPayment/index.vue index fd1ac5fd..dd3ae399 100644 --- a/packages/community/propertyPayment/index.vue +++ b/packages/community/propertyPayment/index.vue @@ -15,7 +15,7 @@
世纪名城1号楼1单元101室
衡水市上海公馆6A
-
+
@@ -27,7 +27,7 @@
缴费记录
-
+
物业公积金
@@ -45,8 +45,8 @@
-
-
+
+
@@ -63,7 +63,7 @@
-
+
2025年
车位管理费
@@ -73,7 +73,42 @@
-
+ +
+
+
+
+ +
+
+
微信支付
+
单笔支付限额：￥10000.00
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+
物业公积金支付
+
单笔支付限额：￥10000.00
+
+
+ +
+ +
+
+
+ +
合计

￥

@@ -84,6 +119,47 @@
+ +
+
+
+
缴费金额
+
￥53.1
+
+
+
刚刚
+
2025-06-06 18:10支付
+
+
+
+
绑定房源
+
+
6个账单
+
明细可从收据查看
+
+
+ +
+
应缴费金额
+
￥4704.00
+
+ +
+
物业费公积金抵扣金额
+
-￥4704.00
+
+ +
+
缴费单号
+
25061700200003
+
+
+
收据
+ +
+
+ +
@@ -102,6 +178,47 @@
+
+
+
+ 付款总金额 +
取消
+
+
+ ￥4900.00 +
+
+ +
+
+
+ + 微信支付 +
+
+ ￥4900.00 +
+
+
+
+
+ + 物业公积金支付 +
+
+ ￥4900.00 +
+
+ +
+ +
+ 物业公积金+微信支付 ￥4900.00 +
+ +
+
+
@@ -124,8 +241,9 @@ export default { return { top: "", localHeight: "", - active: 0, - show:false + active: 1, + show: false, + show2: false, } }, onLoad(options) { @@ -145,10 +263,12 @@ export default { delta: 1 }); }, - changeShow(){ + changeShow() { this.show = !this.show }, - + changeShow2() { + this.show2 = !this.show + }, },