From 306a9c4fde94c54d91aee5a69d59b993c7c707a1 Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期一, 30 十二月 2024 17:40:07 +0800
Subject: [PATCH] 调整菜单
---
Source/plt-web/plt-web-ui/src/page/index/logo.vue | 22 ++++++++++------------
1 files changed, 10 insertions(+), 12 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/page/index/logo.vue b/Source/plt-web/plt-web-ui/src/page/index/logo.vue
index 0db22fa..b2a514c 100644
--- a/Source/plt-web/plt-web-ui/src/page/index/logo.vue
+++ b/Source/plt-web/plt-web-ui/src/page/index/logo.vue
@@ -1,24 +1,21 @@
<template>
<div class="avue-logo">
<transition name="fade">
- <span v-if="keyCollapse"
- class="avue-logo_subtitle"
- key="0">
+ <span v-if="isCollapse" class="avue-logo_subtitle" key="0">
<img class="imgTop" :src=imgurl>
</span>
</transition>
<transition-group name="fade">
- <template v-if="!keyCollapse">
+ <template v-if="!isCollapse">
<span>
<img class="imgSpan" :src=imgurl>
</span>
- <span class="avue-logo_title"
- key="1">
+ <span class="avue-logo_title" key="1">
<span>
<img class="imgSpan" :src=imgurl>
</span>
<span class="indexTitle"> {{ website.indexTitle }}</span>
- </span>
+ </span>
</template>
</transition-group>
</div>
@@ -38,26 +35,25 @@
created() {
},
computed: {
- ...mapGetters(["website", "keyCollapse"])
+ ...mapGetters(["website", "isCollapse"])
},
methods: {}
};
</script>
-<style lang="scss">
+<style lang="scss" scoped>
.fade-leave-active {
- transition: opacity 0.2s;
+ transition: opacity 0.3s;
}
.fade-enter-active {
- transition: opacity 2.5s;
+ transition: opacity .3s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
-
.avue-logo {
position: fixed;
top: 0;
@@ -72,6 +68,8 @@
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.8);
z-index: 1024;
+ -webkit-transition: width .2s;
+ transition: width .2s;
&_title {
display: block;
--
Gitblit v1.9.3