From f457ae3c879ad52fc6fb7e3aebba0d937a56e110 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 2 Dec 2020 15:28:45 +0800
Subject: [PATCH] chore(cli): improve header style

---
 .../vant-cli/site/desktop/components/Header.vue | 17 ++++++++++-------
 .../site/desktop/components/SearchInput.vue     | 10 ++++++++++
 vant.config.js                                  |  2 +-
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/packages/vant-cli/site/desktop/components/Header.vue b/packages/vant-cli/site/desktop/components/Header.vue
index 2ff042519..0d18c3423 100644
--- a/packages/vant-cli/site/desktop/components/Header.vue
+++ b/packages/vant-cli/site/desktop/components/Header.vue
@@ -47,7 +47,9 @@
           </li>
 
           <li v-if="langLabel && langLink" class="van-doc-header__top-nav-item">
-            <a class="van-doc-header__cube" :href="langLink">{{ langLabel }}</a>
+            <a class="van-doc-header__cube" :href="langLink">
+              {{ langLabel }}
+            </a>
           </li>
 
           <search-input
@@ -181,9 +183,10 @@ export default {
     position: relative;
     display: block;
     padding: 0 12px;
-    color: #fff;
+    color: #001938;
+    background: #f7f8fa;
     font-size: 14px;
-    line-height: 28px;
+    line-height: 30px;
     text-align: center;
     border: 1px solid rgba(255, 255, 255, 0.7);
     border-radius: 20px;
@@ -196,11 +199,11 @@ export default {
 
     &::after {
       position: absolute;
-      top: 9px;
+      top: 10px;
       right: 9px;
       width: 5px;
       height: 5px;
-      color: rgba(255, 255, 255, 0.9);
+      color: #001938;
       border: 1px solid;
       border-color: transparent transparent currentColor currentColor;
       transform: rotate(-45deg);
@@ -263,8 +266,8 @@ export default {
 
     img {
       display: block;
-      width: 28px;
-      height: 28px;
+      width: 30px;
+      height: 30px;
       transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
       &:hover {
diff --git a/packages/vant-cli/site/desktop/components/SearchInput.vue b/packages/vant-cli/site/desktop/components/SearchInput.vue
index 470f1b55b..74a3dc9c6 100644
--- a/packages/vant-cli/site/desktop/components/SearchInput.vue
+++ b/packages/vant-cli/site/desktop/components/SearchInput.vue
@@ -50,5 +50,15 @@ export default {
 
 .DocSearch-Button {
   height: 32px;
+  background: #f7f8fa;
+
+  &:hover {
+    box-shadow: none;
+  }
+}
+
+.DocSearch-Search-Icon {
+  width: 18px;
+  height: 18px;
 }
 </style>
diff --git a/vant.config.js b/vant.config.js
index 77b3e7ec1..3a43eb1e9 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -27,7 +27,7 @@ module.exports = {
         title: 'Vant',
         description: '轻量、可靠的移动端 Vue 组件库',
         logo: 'https://img.yzcdn.cn/vant/logo.png',
-        langLabel: '中文',
+        langLabel: '中',
         links: [
           {
             logo: 'https://b.yzcdn.cn/vant/logo/github.svg',