From 0cb0f4c5fe7bd441065fe6b8eec2d54ec99d47ed Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Wed, 21 Aug 2019 11:25:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=8F=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/TitleBar.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/TitleBar.vue b/frontend/src/components/TitleBar.vue
index 32b177a9..ef5e0180 100644
--- a/frontend/src/components/TitleBar.vue
+++ b/frontend/src/components/TitleBar.vue
@@ -8,16 +8,16 @@
       <div title="置顶窗口" :class="{btn: true, pin: true, ontop: isAlwaysOnTop}" @click="toggleAlwaysOnTop">
         <y-icon class="pin-icon" name="thumbtack"></y-icon>
       </div>
-      <div class="btn" @click="minimize">
+      <div title="最小化" class="btn" @click="minimize">
         <div class="icon minimize"></div>
       </div>
-      <div v-if="isMaximized" class="btn" @click="unmaximize">
+      <div title="还原" v-if="isMaximized" class="btn" @click="unmaximize">
         <div class="icon unmaximize"></div>
       </div>
-      <div v-else class="btn" @click="maximize">
+      <div title="最大化" v-else class="btn" @click="maximize">
         <div class="icon maximize"></div>
       </div>
-      <div class="btn" @click="close">
+      <div title="关闭" class="btn btn-close" @click="close">
         <div class="icon close"></div>
       </div>
     </div>
@@ -233,6 +233,10 @@ export default {
   mask: url(~@/assets/window-close.svg) no-repeat 50% 50%;
 }
 
+.action .btn.btn-close:hover {
+  background-color: rgba(232, 17, 35, .9)
+}
+
 .action .btn:hover {
   background-color:  hsla(0, 0%, 100%, .1)
 }