feat: 增加滚动行为(支持后退保持之前的位置等)

sub-store-org · Jan 17, 2024 · bcb48df · bcb48df
1 parent e53afaf
commit bcb48df
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -17,13 +17,14 @@
   <meta id="theme__color" name="theme-color" content="#000" />
   <link rel="manifest" href="/manifest.json" />
   <style>
-    html,
     body {
       width: 100%;
       height: 100%;
-      overflow: hidden;
+      overflow-x: hidden;
+      overflow-y: auto;
     }
     html {
+      width: 100%;
       background: #f2f2f2;
     }
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.66",
+  "version": "2.14.67",
   "private": true,
   "scripts": {
     "dev": "vite --host",

diff --git a/src/App.vue b/src/App.vue
@@ -72,7 +72,7 @@
     display: flex;
     flex-direction: column;
     position: absolute;
-    height: 100%;
+    min-height: 100%;
     width: 100%;
 
     background: var(--background-color);

diff --git a/src/components/PreviewPanel.vue b/src/components/PreviewPanel.vue
@@ -135,7 +135,7 @@
     },
   ];
   const surgeTips = () => {
-    Toast.text('"target=SurgeMac" - supports SSR external', {
+    Toast.text('"target=SurgeMac" - supports ShadowsocksR/External Proxy Program', {
       title: 'Surge Tips',
       duration: 0,
       cover: true,

diff --git a/src/router/index.ts b/src/router/index.ts
@@ -38,6 +38,19 @@ declare module 'vue-router' {
 
 const history = createWebHistory();
 const router = createRouter({
+  scrollBehavior(to, from, savedPosition) {
+    if (to.hash) {
+      return {
+        el: to.hash,
+        behavior: 'smooth',
+      }
+    }
+    if (savedPosition) {
+      return savedPosition
+    } else {
+      return { top: 0, left: 0 }
+    }
+  },
   history,
   routes: [
     {