From 093c84964aa99d4264485f2cd884a1a16e35f647 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Wed, 23 Aug 2023 02:17:12 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BaseButton.vue |  1 +
 src/components/Toolbar.vue    | 13 ++++++++++---
 src/components/Tooltip.vue    |  1 +
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue
index fd3bcaef..166a13d8 100644
--- a/src/components/BaseButton.vue
+++ b/src/components/BaseButton.vue
@@ -33,6 +33,7 @@ const props = defineProps<{
   justify-content: center;
   transition: all .3s;
   background: rgb(75, 85, 99);
+  //background: #999;
   //background: rgb(60, 63, 65);
   //background: var(--color-second-bg);
   color: white;
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index 8b8bd0c6..f49cb61e 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -34,7 +34,7 @@ const setting = reactive({
 
 <template>
   <header :class="!setting.showToolbar && 'hide'">
-    <div class="info"  @click="store.dictModalIsOpen = true">
+    <div class="info" @click="store.dictModalIsOpen = true">
       CTE-4 第5章
     </div>
     <div class="options">
@@ -67,7 +67,9 @@ const setting = reactive({
     <Tooltip :title="setting.showToolbar?'收起':'展开'">
       <down
           @click="setting.showToolbar = !setting.showToolbar"
-          class="arrow" theme="outline" size="24" fill="#333"/>
+          class="arrow"
+          :class="!setting.showToolbar && 'down'"
+          theme="outline" size="24" fill="#999"/>
     </Tooltip>
   </header>
   <Modal v-model="setting.show" title="设置" subTitle="修改立即生效，实时保存">
@@ -295,7 +297,12 @@ header {
     bottom: 0;
     left: 50%;
     cursor: pointer;
-    transform: translate3d(-50%, 120%, 0);
+    transition: all .5s;
+    transform: translate3d(-50%, 120%, 0) rotate(180deg);
+
+    &.down {
+      transform: translate3d(-50%, 120%, 0) rotate(0);
+    }
   }
 }
 
diff --git a/src/components/Tooltip.vue b/src/components/Tooltip.vue
index 8210a215..08ac4621 100644
--- a/src/components/Tooltip.vue
+++ b/src/components/Tooltip.vue
@@ -50,6 +50,7 @@ export default {
         </Transition>
       </Teleport>
       <Vnode
+          onClick={() => this.show = false}
           onmouseenter={(e) => this.showPop(e)}
           onmouseleave={() => this.show = false}
       />