From c4d04830db3cba46186bb7cd5ef0ed31bc8a7749 Mon Sep 17 00:00:00 2001
From: linhaojun <lhj13401792631@163.com>
Date: Sat, 20 Aug 2022 22:35:05 +0800
Subject: [PATCH] =?UTF-8?q?:rocket:=20=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 aurora-vue/aurora-blog/src/views/Photos.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/aurora-vue/aurora-blog/src/views/Photos.vue b/aurora-vue/aurora-blog/src/views/Photos.vue
index f81d493..aa31732 100644
--- a/aurora-vue/aurora-blog/src/views/Photos.vue
+++ b/aurora-vue/aurora-blog/src/views/Photos.vue
@@ -19,7 +19,7 @@
               :infinite-scroll-immediate-check="false"
               :infinite-scroll-disabled="noResult"
               infinite-scroll-watch-disabled="scrollDisabled"
-              :infinite-scroll-distance="20">
+              :infinite-scroll-distance="isMobile?0:30">
               <div class="photo-wrap">
                 <img
                   v-for="(item, index) of photos"
@@ -41,8 +41,9 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent, reactive, toRefs } from 'vue'
+import { computed, defineComponent, reactive, toRefs } from 'vue'
 import { useI18n } from 'vue-i18n'
+import { useCommonStore } from '@/stores/common'
 import { useRoute, onBeforeRouteUpdate } from 'vue-router'
 import { Sidebar, Profile } from '../components/Sidebar'
 import Breadcrumb from '@/components/Breadcrumb.vue'
@@ -55,6 +56,7 @@ export default defineComponent({
   setup() {
     const { t } = useI18n()
     const route = useRoute()
+    const commonStore = useCommonStore()
     const reactiveData = reactive({
       photoAlbumName: '' as any,
       noResult: false,
@@ -93,6 +95,7 @@ export default defineComponent({
       ...toRefs(reactiveData),
       handlePreview,
       loadDataFromServer,
+      isMobile:computed(()=>commonStore.isMobile),
       t
     }
   }