From 12a3c43b2f6e14d9bdcd873eb10ec18d3a16bbb2 Mon Sep 17 00:00:00 2001
From: Frost-ZX <30585462+Frost-ZX@users.noreply.github.com>
Date: Sun, 9 May 2021 15:54:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/global.less |  2 +-
 src/views/Home.vue         | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/global.less b/src/assets/css/global.less
index fed420e..6c19901 100644
--- a/src/assets/css/global.less
+++ b/src/assets/css/global.less
@@ -23,7 +23,7 @@
 // 标签
 
 html {
-    transition: font-size @transitionTime;
+    transition: font-size calc(@transitionTime * 2);
 }
 
 body {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5903d55..9bc0ace 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -23,7 +23,7 @@
                 <el-menu-item v-for="(item, itemIndex) in navLinks.list"
                     :key="'list-' + itemIndex" :index="itemIndex.toString()"
                 >
-                    <i class="el-icon-link"></i>
+                    <i :class="item.icon || 'el-icon-link'"></i>
                     <span slot="title">{{ item.title }}</span>
                 </el-menu-item>
 
@@ -42,6 +42,7 @@
 
                         <!-- 输入 -->
                         <input v-model="searchEngine.keyword" class="input" type="text"
+                            @blur="searchEngine.isFocus = false" @focus="searchEngine.isFocus = true"
                             @keydown.enter.exact="searchEngineSubmit()"
                         />
 
@@ -60,7 +61,9 @@
                     </div>
 
                     <!-- 选择搜索引擎 -->
-                    <el-radio-group v-model="config.searchEngine" class="search-type" size="small">
+                    <el-radio-group v-model="config.searchEngine" size="small"
+                        :class="['search-type', { fade: searchEngine.isFocus }]"
+                    >
 
                         <!-- 自动生成 -->
                         <el-radio v-for="item in searchEngine.types" :key="item.name"
@@ -129,6 +132,7 @@ export default {
             },
             // 搜索引擎
             searchEngine: {
+                isFocus: false,
                 keyword: '',
                 types: this.$root.config.searchEngines
             },
@@ -353,6 +357,11 @@ export default {
             justify-content: center;
             margin: 2rem 0;
             font-size: 1rem;
+            transition: opacity calc(@transitionTime * 4);
+
+            &.fade {
+                opacity: 0.5;
+            }
 
             > label {
                 margin: 1em .5em;