我的房屋流程对接接口，缴费页面功能修改一版

property-uniapp-project/pageSubPack/payment-list/addPaymentSuccess.vue

@@ -1,14 +1,12 @@
 <template>
 	<view class="contentStyle" style="">
 		<view class="status-bar"></view>
-		<uni-nav-bar :title="'新增'+paymentType+'缴费'" left-icon="left" @clickLeft="goBack"  backgroundColor="transparent"
+		<uni-nav-bar :title="'新增'+paymentType+'缴费'" left-icon="left" @clickLeft="goBack" backgroundColor="transparent"
 			:border="false">
 		</uni-nav-bar>
-		
 
 		<!-- 表单区域 -->
 		<scroll-view class="page" scroll-y="true">
-
 			<view class="container">
 				<!-- 成功图标 -->
 				<view class="success-icon">
@@ -29,69 +27,43 @@
 					<button class="btn-back" @click="goBack">返回生活缴费</button>
 				</view>
 			</view>
-
 		</scroll-view>
 	</view>
-
-
-
 </template>
 
-<script>
-	export default {
-		onReady: function(e) {},
-		components: {
+<script setup>
+	import {
+		ref,
+		onMounted,
+		computed
 
-		},
+	} from 'vue'
+	import {
+		onShow,
+		onReady,
+		onReachBottom,
+		onLoad,
+		onUnload,
+		onPullDownRefresh
+	} from '@dcloudio/uni-app'
 
-		computed: {
-
-			 
-
-
-		},
-		created() {
-			 
-		},
-		onShow() {
-
-		},
-
-		mounted() {},
-
-		onReady() {
-			this.$nextTick(() => {
-
-			})
-		},
-		data() {
-			return {
-				/* 设定状态栏默认高度 */
-				statusBarHeight: 20,
-				paymentType: uni.getStorageSync('addPaymentType'),
-
-
-
-			}
-		},
-
-
-		methods: {
-
-			goBack() {
-				uni.redirectTo({
-					url: '/pageSubPack/payment-list/paymentIndex',
-					success: res => {},
-					fail: () => {},
-					complete: () => {}
-				});
-			},
-
-		},
+	// 响应式数据
+	const statusBarHeight = ref(20)
+	const paymentType = ref(uni.getStorageSync('addPaymentType'))
 
+	// 生命周期
+	onShow(() => {})
+	onMounted(() => {})
+	onReady(() => {})
 
+	// 方法
+	const goBack = () => {
+		uni.redirectTo({
+			url: '/pageSubPack/payment-list/paymentIndex'
+		})
 	}
 </script>
+
 <style lang="scss">
 	page {
 		background: #f9f9f9;
@@ -103,19 +75,17 @@
 		display: flex;
 		flex-direction: column;
 		height: 100vh;
-		/* 关键：占满屏幕高度 */
 		background-color: #f9f9f9;
 	}
-	
+
 	.page {
 		flex: 1;
 		overflow-y: auto;
 		padding: 0px 40rpx;
 		box-sizing: border-box;
-		
-		/* background-color: #fff; */
 	}
 </style>
+
 <style scoped>
 	/* 全局容器 */
 	.container {
@@ -183,7 +153,9 @@
 	/* 按钮默认样式重置（解决uni-app button默认样式问题） */
 	.btn-back::after {
 		border: none;
-	}.status-bar{
+	}
+
+	.status-bar {
 		width: 100vw;
 		height: 46px;
 	}