feat:添加动画

hangjob · Sep 22, 2024 · 1ef812a · 1ef812a
1 parent ba1cc4c
commit 1ef812a
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -5,3 +5,8 @@
 
 # 小技巧
 @vue.monu
+
+
+
+
+
diff --git a/api/src/extensions/documentation/documentation/1.0.0/full_documentation.json b/api/src/extensions/documentation/documentation/1.0.0/full_documentation.json
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "2024-09-18T08:37:41.562Z"
+    "x-generation-date": "2024-09-22T14:08:38.593Z"
   },
   "x-strapi-config": {
     "path": "/documentation",

diff --git a/docs/guide/router.md b/docs/guide/router.md
@@ -20,7 +20,7 @@
 import install from "vue-bag-admin"
 import App from "./App.vue"
 
-const {app, framework, plugins} = install(App, {...})
+const {app, framework, plugins} = install(App)
 ```
 
 ### 附带框架源码

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-bag-admin",
   "private": false,
-  "version": "5.0.9",
+  "version": "5.0.0",
   "type": "module",
   "main": "./lib/vue-bag-admin.cjs.js",
   "module": "./lib/vue-bag-admin.es.js",

diff --git a/src/app/plugins/router-plugin/index.js b/src/app/plugins/router-plugin/index.js
@@ -20,7 +20,7 @@ export class RouterPlugin {
         options.errorRoute ? routes.push(options.errorRoute) : routes.push(defaultErrorRouter); // 这个要放在最后
         ctx.router = router || createRouter({
             history: createWebHistory(options.base || '/'),
-            routes:routes, // 合并默认路由与用户配置路由
+            routes: routes, // 合并默认路由与用户配置路由
             ...args
         });
         ctx.app.use(ctx.router)

diff --git a/src/packages/App.vue b/src/packages/App.vue
@@ -6,8 +6,10 @@
         <n-global-style/>
         <!--   多router-view模式     -->
         <template v-if="$globalStore.isRouterReload">
-            <router-view v-if="$globalStore.isIframe" name="iframe"></router-view>
-            <router-view v-else></router-view>
+            <router-view v-if="$globalStore.isIframe" name="iframe">
+            </router-view>
+            <router-view v-else>
+            </router-view>
         </template>
     </n-config-provider>
 </template>

diff --git a/src/packages/install.js b/src/packages/install.js
@@ -1,7 +1,6 @@
 import 'default-passive-events' // 去掉chrome51版本后的事件捕获机制Passive Event Listeners 的警告
 import '@/packages/style/tailwind.css'
 import "@/packages/style/tailwind.css"
-import "@/packages/style/reset.css"
 import "@/packages/style/style.less"
 import nprogress from 'nprogress'
 import 'nprogress/nprogress.css'

diff --git a/src/packages/layout/Index.vue b/src/packages/layout/Index.vue
@@ -16,7 +16,7 @@
             </n-layout-sider>
             <div class="flex h-full flex-col flex-auto overflow-hidden item">
                 <template v-if="components.LayoutHeaderCum">
-                    <template  v-if="$globalStore.configs.isBreadcrumb && ($globalStore.appGroups.length)">
+                    <template v-if="$globalStore.configs.isBreadcrumb && ($globalStore.appGroups.length)">
                         <n-breadcrumb class="py-2 px-4">
                             <n-breadcrumb-item v-for="item in $globalStore.breadcrumb">
                                 {{ $global?.helpers?.formatTitle($global, item) }}
@@ -29,7 +29,11 @@
                     <TabBar v-if="$globalStore.configs.isTabar"/>
                 </component>
                 <n-layout id="layout" class="p-2">
-                    <router-view></router-view>
+                    <router-view v-slot="{ Component }">
+                        <transition mode="out-in">
+                            <component :is="Component"/>
+                        </transition>
+                    </router-view>
                 </n-layout>
             </div>
         </n-layout>