11

src/pages/tabbar/shop.vue

@@ -12,10 +12,10 @@ const state = reactive<any>({
 		type: "2",
 	},
 })
-const { startPage, list, scroll } = hooks.usePage(pageRef, merchantApi.page, null, "data.records")
+const pageHook = hooks.usePage(pageRef, merchantApi.page, null, "data.records")
 
 const query = (page: number, pagesize: number) => {
-	startPage(page, pagesize, false, state.pa)
+	pageHook.startPage(page, pagesize, false, state.pa)
 }
 
 onLoad(() => {
@@ -40,7 +40,7 @@ const toDetail = async (v: any) => {
 			ref="pageRef"
 			height="100%"
 			:fixed="false"
-			v-model="list"
+			v-model="pageHook.list"
 			:default-page-size="10"
 			safe-area-inset-bottom
 			:loading-more-enabled="true"
@@ -48,10 +48,10 @@ const toDetail = async (v: any) => {
 			@query="query"
 			:auto-clean-list-when-reload="false"
 			:auto-scroll-to-top-when-reload="false"
-			@scroll="scroll"
+			@scroll="pageHook.scroll"
 		>
 			<view class="h-20rpx" />
-			<view class="flex-col card p-20rpx m-b-20rpx" v-for="(v, i) in list" :key="i" @tap="toDetail(v)">
+			<view class="flex-col card p-20rpx m-b-20rpx" v-for="(v, i) in pageHook.list" :key="i" @tap="toDetail(v)">
 				<view class="flex-row-center">
 					<image class="w-180rpx h-180rpx rounded-12rpx" :src="filePath(v.logoPic)" mode="aspectFill" />
 					<view class="flex-1 flex-col m-l-20rpx">