邀请好友bug修复

src/pages/invite-friends/index.vue

@@ -4,11 +4,11 @@ import {
   getUserSharePostersClassifyList,
   getUserSharePostersImagesList,
 } from "~/apis/user";
-import type {SharePosterImageResult, SharePostersClassify} from "~/apis/model/inviteFriendsModel";
+import type { SharePosterImageResult, SharePostersClassify } from "~/apis/model/inviteFriendsModel";
 import ProductCard from "~/components/ProductCard/ProductCard.vue";
-import {call} from "dayjs";
+import { call } from "dayjs";
 import CXBEmpty from "~/components/CXBEmpty/CXBEmpty.vue";
-import {CDN_URL} from "~/config/app";
+import { CDN_URL } from "~/config/app";
 const state = reactive<any>({
   // 列表高度
   scrollHeight: 0,
@@ -97,6 +97,9 @@ function loadList(action: 'page' | 'reload', callback?: (items) => void) {
 
   getUserSharePostersImagesList(params).then(res => {
     state.triggered = false
+    console.log(action);
+    console.log(res);
+    state.totalPage = Math.ceil(res.pageInfo.total / state.pageSize);
     // sharePosterImageResult.value = res
     if (action === 'page') {
       state.list = state.list.concat(res.pageInfo.list)
@@ -104,8 +107,10 @@ function loadList(action: 'page' | 'reload', callback?: (items) => void) {
     if (action === 'reload') {
       state.list = res.pageInfo.list
     }
+    setTimeout(() => {
+      state.triggered = false
+    }, 300)
 
-    state.totalPage = Math.ceil(res.pageInfo.total / state.pageSize);
     state.status = 'more'
     if (callback) {
       callback(res.pageInfo.list)
@@ -115,12 +120,13 @@ function loadList(action: 'page' | 'reload', callback?: (items) => void) {
 
 function handleCategoryItemClick(item) {
   state.currentCategoryId = item.id
+  state.scrollTop = 0
   loadList('reload')
 }
+// 下拉刷新被下拉
 const onRefresherPulling = e => {
   state.triggered = true;
   loadList('reload')
-
 };
 // 下拉刷新被复位
 const onRefresherRestore = e => {
@@ -140,7 +146,7 @@ function handleScrollToLower() {
 
   state.status = 'loading';
   state.currentPage += 1;
-  if (state.currentPage >= state.totalPage) {
+  if (state.currentPage > state.totalPage) {
     state.status = 'noMore';
   } else {
     // queryFavorites('page');
@@ -150,6 +156,7 @@ function handleScrollToLower() {
 
 function loadAll() {
   state.currentCategoryId = 0
+  state.scrollTop = 0
   loadList('reload')
 }
 function handleItemClick(item) {
@@ -164,7 +171,7 @@ function handleItemClick(item) {
     uid: userStore.uid,
     imgId: item.id
   }).then(res => {
-    console.log('生成的二维码',res)
+    console.log('生成的二维码', res)
     if (res && res.shareImgs) {
       state.currentImg = res.shareImgs
     }
@@ -206,26 +213,18 @@ function handleClose() {
 <template>
   <div class="flex">
     <!-- 左侧 -->
-    <scroll-view
-        :scroll-y="true"
-        :style="{ height: `${state.scrollHeight}px` }"
-        class="flex w-25 h-full bg-[#f8f8f8]"
-    >
-      <div
-          @tap="loadAll"
-          :class="state.currentCategoryId == 0 ? 'bg-white font-bold' : ''"
-          class="relative w-25 h-15 block text-sm flex justify-center items-center">
+    <scroll-view :scroll-y="true" :style="{ height: `${state.scrollHeight}px` }" class="flex w-25 h-full bg-[#f8f8f8]">
+      <div @tap="loadAll" :class="state.currentCategoryId == 0 ? 'bg-white font-bold' : ''"
+        class="relative w-25 h-15 block text-sm flex justify-center items-center">
         <div class="flex items-center gap-1">
           <div class="h-4 bg-primary w-1" v-if="state.currentCategoryId == 0"></div>
           <div>推荐</div>
         </div>
 
       </div>
-      <div v-for="(item, index) in categoryList" :key="index"
-           @click="handleCategoryItemClick(item)"
-           :class="state.currentCategoryId == item.id ? 'bg-white font-bold' : ''"
-           class="relative h-15 block text-sm flex justify-center items-center"
-      >
+      <div v-for="(item, index) in categoryList" :key="index" @click="handleCategoryItemClick(item)"
+        :class="state.currentCategoryId == item.id ? 'bg-white font-bold' : ''"
+        class="relative h-15 block text-sm flex justify-center items-center">
         <div class="flex items-center gap-1">
           <div class="h-4 bg-primary w-1" v-if="state.currentCategoryId == item.id"></div>
           <div>{{ item.name }}</div>
@@ -233,34 +232,25 @@ function handleClose() {
 
       </div>
     </scroll-view>
-    <scroll-view
-        :scroll-top="true"
-        :scroll-y="true"
-        :style="{ height: `${state.scrollHeight}px` }"
-        class="flex flex-1  flex-col h-full  p-3 gap-3 pb-safe"
-        :refresher-enabled="true"
-        refresher-background="#f5f5f5"
-        refresher-default-style="black"
-        :refresher-triggered="state.triggered"
-        @scrolltolower="handleScrollToLower"
-        @refresherPulling="onRefresherPulling"
-        @refresherRestore="onRefresherRestore"
-        @refresherAbort="onRefresherAbort"
-        @refresherrefresh="onRefresherRefresh"
-        v-if="state.list && state.list.length > 0"
-    >
-      <grid-view
-          type="masonry" cross-axis-count="2" 	cross-axis-gap="10px" main-axis-gap="10px"
-      >
-        <div v-for="(item, index) in state.list"
-             :key="index"
-             @click="handleItemClick(item)"
-        >
-          <image
-              :src="item.image_fake"
-              mode="widthFix" class="w-30 h-full rounded-lg"></image>
+    <scroll-view :scroll-y="true" :scroll-top="state.scrollTop" :style="{ height: `${state.scrollHeight}px` }"
+      class="flex flex-1  flex-col h-full  p-3 gap-3 pb-safe" :refresher-enabled="true" refresher-background="#f5f5f5"
+      refresher-default-style="black" :refresher-triggered="state.triggered" @scrolltolower="handleScrollToLower"
+      @refresherPulling="onRefresherPulling" @refresherRestore="onRefresherRestore" @refresherAbort="onRefresherAbort"
+       @refresherrefresh="onRefresherRefresh" v-if="state.list && state.list.length > 0">
+      <grid-view type="masonry" cross-axis-count="2" cross-axis-gap="10px" main-axis-gap="10px">
+        <div v-for="(item, index) in state.list" :key="index" @click="handleItemClick(item)">
+          <image :src="item.image_fake" mode="widthFix" class="w-30 h-full rounded-lg"></image>
         </div>
+        <!-- <div class=" flex justify-center items-center text-[12px] text-gray-500">
+          <div v-if="state.status === 'loading'">
+            加载中...
+          </div>
+          <div v-if="state.status === 'noMore'">
+            没有更多了～
+          </div>
+        </div> -->
       </grid-view>
+
     </scroll-view>
     <div class="flex flex-col justify-center items-center w-full" v-else>
       <CXBEmpty />
@@ -269,14 +259,13 @@ function handleClose() {
   </div>
 
   <nut-overlay v-model:visible="show" :lock-scroll="true">
-<!--    <image src="https://cdn.bjtdba.com/vod/image/2023-09-16/20230916070524825.png"-->
-<!--           mode="widthFix" class="absolute top-0 right-0"-->
-<!--           @tap.stop="handleClose"-->
-<!--           v-if="state.showTip"-->
-<!--    ></image>-->
-
-    <div class="flex flex-col justify-center items-center w-full h-full"
-    >
+    <!--    <image src="https://cdn.bjtdba.com/vod/image/2023-09-16/20230916070524825.png"-->
+    <!--           mode="widthFix" class="absolute top-0 right-0"-->
+    <!--           @tap.stop="handleClose"-->
+    <!--           v-if="state.showTip"-->
+    <!--    ></image>-->
+
+    <div class="flex flex-col justify-center items-center w-full h-full">
       <div class="bg-white">
         <image :src="state.currentImg" mode="widthFix" class="w-60"></image>
         <div class="bg-white p-3 flex justify-around gap-3">
@@ -284,7 +273,7 @@ function handleClose() {
             <image :src="wechatImg" mode="widthFix" class="w-8 h-8"></image>
             <div>微信</div>
           </div>
-<!--          <div class="flex flex-col text-[12px] justify-center items-center" @tap.stop="shareImage">
+          <!--          <div class="flex flex-col text-[12px] justify-center items-center" @tap.stop="shareImage">
             <image :src="pyqImg" mode="widthFix" class="w-8 h-8"></image>
             <div>朋友圈</div>
           </div>-->
@@ -306,10 +295,11 @@ style:
 
 </route>
 <style>
-
 page {
+  /* height: 100%; */
   overflow: hidden;
 }
+
 image {
 
   image-rendering: -moz-crisp-edges;

src/pages/store/product/detail.vue

@@ -779,7 +779,7 @@ onUnload(() => {
           indicator-active-color="#e93323" :autoplay="state.autoplay" :circular="state.circular"
           :interval="state.interval" :duration="state.duration" class="w-full h-94">
           <swiper-item v-for="(item, index) in detail.slider_image" :key="index">
-            <image :src="item" @tap="previewImage(index)" class="!w-full !h-full" mode="aspectFill" />
+            <image :src="item" @tap="previewImage(index)" style="width: 750rpx; height:750rpx;"  />
           </swiper-item>
         </swiper>
       </div>