会员中心猜你喜欢封装

src/composables/index.ts

@@ -0,0 +1,18 @@
+import type { XtxGuessInstance } from '@/types/components'
+import { ref } from 'vue'
+
+/**
+ * 猜你喜欢组合式函数
+ */
+export const useGuessList = () => {
+  // 获取猜你喜欢组件实例
+  const guessRef = ref<XtxGuessInstance>()
+
+  // 滚动触底事件
+  const onScrolltolower = () => {
+    guessRef.value?.getMore()
+  }
+
+  // 返回 ref 和事件处理函数
+  return { guessRef, onScrolltolower }
+}

src/pages/my/my.vue

@@ -1,5 +1,5 @@
 <template>
-  <scroll-view class="viewport" scroll-y enable-back-to-top>
+  <scroll-view class="viewport" scroll-y enable-back-to-top @scrolltolower="onScrolltolower">
     <!-- 个人资料 -->
     <view class="profile" :style="{ paddingTop: safeAreaInsets!.top + 'px' }">
       <!-- 情况1：已登录 -->
@@ -71,6 +71,7 @@
 
 <script setup lang="ts">
 import { useMemberStore } from '@/stores'
+import { useGuessList } from '@/composables'
 
 // 获取屏幕边界到安全区域距离
 const { safeAreaInsets } = uni.getSystemInfoSync()
@@ -85,6 +86,9 @@ const orderTypes = [
 
 // 获取会员信息
 const memberStore = useMemberStore()
+
+// 猜你喜欢
+const { guessRef, onScrolltolower } = useGuessList()
 </script>
 
 <style lang="scss">