chore: 微调按钮位置

sub-store-org · Jan 28, 2024 · ab099c8 · ab099c8
1 parent 7c97c21
commit ab099c8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.100",
+  "version": "2.14.101",
   "private": true,
   "scripts": {
     "dev": "vite --host",

diff --git a/src/views/File.vue b/src/views/File.vue
@@ -17,7 +17,7 @@
             bottom: bottomSafeArea + 48 + 12 + 8,
             right: 16,
           }"
-          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36}px` }"
+          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36 + (!isMobile() ? (isSimpleMode ? 44 : 48) : 0) }px` }"
         >
           <!-- 刷新 -->
           <div v-if="showFloatingRefreshButton" class="drag-btn refresh" @click="refresh">
@@ -133,6 +133,7 @@ import { useSubsStore } from "@/store/subs";
 import { initStores } from "@/utils/initApp";
 import { useI18n } from "vue-i18n";
 import { useBackend } from "@/hooks/useBackend";
+import { isMobile } from '@/utils/isMobile';
 
 const { env } = useBackend();
 const { showNotify } = useAppNotifyStore();
@@ -141,7 +142,7 @@ const { t } = useI18n();
 const subsStore = useSubsStore();
 const globalStore = useGlobalStore();
 const { hasFiles, files } = storeToRefs(subsStore);
-const { isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
+const { isSimpleMode, isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
 const swipeDisabled = ref(false);
 const touchStartY = ref(null);
 const touchStartX = ref(null);

diff --git a/src/views/Sub.vue b/src/views/Sub.vue
@@ -49,7 +49,7 @@
             bottom: bottomSafeArea + 48 + 12 + 8,
             right: 16,
           }"
-          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36}px` }"
+          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36 + (!isMobile() ? (isSimpleMode ? 44 : 48) : 0) }px` }"
         >
           <!-- 刷新 -->
           <div v-if="showFloatingRefreshButton" class="drag-btn refresh" @click="refresh">
@@ -200,6 +200,7 @@ import { useSubsStore } from "@/store/subs";
 import { initStores } from "@/utils/initApp";
 import { useI18n } from "vue-i18n";
 import { useBackend } from "@/hooks/useBackend";
+import { isMobile } from '@/utils/isMobile';
 
 const { env } = useBackend();
 const { showNotify } = useAppNotifyStore();
@@ -209,7 +210,7 @@ const addSubBtnIsVisible = ref(false);
 const subsStore = useSubsStore();
 const globalStore = useGlobalStore();
 const { hasSubs, hasCollections, subs, collections } = storeToRefs(subsStore);
-const { isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
+const { isSimpleMode, isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
 const swipeDisabled = ref(false);
 const touchStartY = ref(null);
 const touchStartX = ref(null);

diff --git a/src/views/Sync.vue b/src/views/Sync.vue
@@ -15,7 +15,7 @@
             bottom: bottomSafeArea + 48 + 12 + 8,
             right: 16,
           }"
-          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36}px` }"
+          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36 + (!isMobile() ? (isSimpleMode ? 44 : 48) : 0) }px` }"
         >
           <div class="drag-btn" @click="onclickAddArtifact">
             <font-awesome-icon icon="fa-solid fa-plus" />
@@ -199,14 +199,15 @@ import { useI18n } from "vue-i18n";
 import { useAppNotifyStore } from "@/store/appNotify";
 import { useBackend } from "@/hooks/useBackend";
 import { Dialog } from '@nutui/nutui';
+import { isMobile } from '@/utils/isMobile';
 
 const { env } = useBackend();
 const subsApi = useSubsApi();
 // const { t } = useI18n();
 const globalStore = useGlobalStore();
 const artifactsStore = useArtifactsStore();
 const settingsStore = useSettingsStore();
-const { isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
+const { isSimpleMode, isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
 const { artifacts } = storeToRefs(artifactsStore);
 const { artifactStore: artifactStoreUrl, artifactStoreStatus, syncPlatform } = storeToRefs(settingsStore);
 const { showNotify } = useAppNotifyStore();