From 986aa62ed00bee39363bab41b4eeb8259d446efd Mon Sep 17 00:00:00 2001
From: ludc <ludc@vci-tech.com>
Date: 星期四, 16 一月 2025 18:20:32 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
Source/plt-web/plt-web-ui/src/page/index/logo.vue | 30 ++++++++++++++----------------
1 files changed, 14 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 a89e19e..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 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;
@@ -101,7 +99,7 @@
}
.indexTitle{
//background-image: linear-gradient(120deg, #54b6d0 16%, #3f8bdb, #3f8bdb);
- background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
+ background-image: linear-gradient(-225deg, #5D9FFF 0%, #9cbcdc 48%, #6BBBFF 100%);
background-clip: text;
color: transparent;
font-weight: 700;
--
Gitblit v1.9.3