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 | 37 +++++++++++++++++++++----------------
1 files changed, 21 insertions(+), 16 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 cedb042..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">
-<span>
- <img class="imgSpan" :src=imgurl>
- </span>
- <span class="avue-logo_title"
- key="1">
+ <template v-if="!isCollapse">
+ <span>
+ <img class="imgSpan" :src=imgurl>
+ </span>
+ <span class="avue-logo_title" key="1">
<span>
<img class="imgSpan" :src=imgurl>
</span>
- <span> {{ website.indexTitle }}</span>
- </span>
+ <span class="indexTitle"> {{ website.indexTitle }}</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;
@@ -99,4 +97,11 @@
top: 15px;
left: 12px;
}
+.indexTitle{
+ //background-image: linear-gradient(120deg, #54b6d0 16%, #3f8bdb, #3f8bdb);
+ background-image: linear-gradient(-225deg, #5D9FFF 0%, #9cbcdc 48%, #6BBBFF 100%);
+ background-clip: text;
+ color: transparent;
+ font-weight: 700;
+}
</style>
--
Gitblit v1.9.3