2025-09-17

下拉刷新
添加商城

pages.json

@@ -24,7 +24,8 @@
 			"path": "pages/message/message",
 			"style": {
 				"navigationBarTitleText": "消息",
-				"navigationStyle": "custom"
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": true
 			}
 		},
 		{
@@ -53,6 +54,14 @@
 				"navigationBarTitleText": "项目详情",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path" : "pages/mall/mall",
+			"style" : 
+			{
+				"navigationBarTitleText" : "商城",
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"globalStyle": {

pages/home/index.vue

@@ -58,6 +58,10 @@
 				</view>
 			</view>
 
+			<view style="margin-top: 20rpx;">
+				<u-button @click="openShop" type="primary" style="width: 200rpx;">商城</u-button>
+			</view>
+
 		</view>
 
 		<Tabbar id="tabbarId"></Tabbar>
@@ -91,6 +95,12 @@
 		{ url: '/static/banner/3.png' },
 	]
 	
+	const openShop = () => {
+		uni.navigateTo({
+			url: '/pages/mall/mall'
+		})
+	}
+
 	onUniReady(() => {
 		loadHeight()
 	})

pages/mall/mall.vue

@@ -0,0 +1,13 @@
+<template>
+	<view>
+		商城
+	</view>
+</template>
+
+<script setup lang="ts">
+	
+</script>
+
+<style scoped lang="scss">
+	       
+</style>

pages/message/message.vue

@@ -42,7 +42,7 @@
 <script setup lang="ts">
 	import { ref, computed, getCurrentInstance } from 'vue';
 	import {
-		onReady
+		onReady, onPullDownRefresh
 	} from '@dcloudio/uni-app';
 	import { onReady as onUniReady } from '@dcloudio/uni-app';
 	const instance = getCurrentInstance();
@@ -95,6 +95,11 @@
 		}
 	}
 	
+	// 下拉刷新
+	onPullDownRefresh(() => {
+		uni.stopPullDownRefresh()
+	})
+
 
 	onUniReady(() => {
 		loadHeight()