image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-09-20 10:44:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'Tencent:develop' into develop

Browse Source
This commit is contained in:
青芒 2024-02-05 15:44:37 +08:00 committed by GitHub
commit 8ef288a460
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -32,7 +32,7 @@
"tdesign-icons-vue-next": "^0.2.2", "tdesign-icons-vue-next": "^0.2.2",
"tdesign-vue-next": "^1.6.8", "tdesign-vue-next": "^1.6.8",
"tvision-color": "^1.6.0", "tvision-color": "^1.6.0",
"vue": "^3.3.8", "vue": "~3.3.8",
"vue-i18n": "^9.6.5", "vue-i18n": "^9.6.5",
"vue-router": "~4.2.4" "vue-router": "~4.2.4"
}, },

4
src/App.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<t-config-provider :global-config="getComponentsLocale"> <t-config-provider :global-config="getComponentsLocale">
<router-view :key="locale" :class="[mode]" <router-view :key="locale" :class="[mode]" />
/></t-config-provider> </t-config-provider>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed } from 'vue'; import { computed } from 'vue';

4
src/layouts/components/Content.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<router-view v-if="!isRefreshing" v-slot="{ Component }"> <router-view v-if="!isRefreshing" v-slot="{ Component }">
<transition name="fade"> <transition name="fade" mode="out-in">
<keep-alive :include="aliveViews"> <keep-alive :include="aliveViews">
<component :is="Component" /> <component :is="Component" />
</keep-alive> </keep-alive>
@ -54,7 +54,7 @@ const isRefreshing = computed(() => {
transition: opacity @anim-duration-slow @anim-time-fn-easing; transition: opacity @anim-duration-slow @anim-time-fn-easing;
} }
.fade-enter, .fade-enter-from,
.fade-leave-to { .fade-leave-to {
opacity: 0; opacity: 0;
} }