From ecd81752593af269d92454426b673de6ace9b9ad Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Wed, 2 Jun 2021 19:24:28 +0800
Subject: [PATCH] =?UTF-8?q?:poop:=20=E6=90=9C=E7=B4=A2=E6=A1=86=20UI=20?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layouts/pc/header.vue | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/components/layouts/pc/header.vue b/components/layouts/pc/header.vue
index a9c546c..478cede 100644
--- a/components/layouts/pc/header.vue
+++ b/components/layouts/pc/header.vue
@@ -14,6 +14,16 @@
               <el-menu-item index="index">首页</el-menu-item>
               <el-menu-item index="topic">专题</el-menu-item>
               <el-menu-item index="portfolios">作品集</el-menu-item>
+              <el-submenu index="store">
+                <template slot="title">RYMCU Store</template>
+                <el-menu-item index="taobao">淘宝店铺</el-menu-item>
+                <el-submenu index="weixin">
+                  <template slot="title">微信</template>
+                  <el-menu-item style="height: 200px;">
+                    <img src="@/assets/weixinStore.jpg" style="width: 200px;"/>
+                  </el-menu-item>
+                </el-submenu>
+              </el-submenu>
             </el-menu>
           </el-col>
         </el-row>
@@ -27,8 +37,7 @@
               trigger="click"
               v-model="showPopover"
               @show="handleShowPopover">
-              <el-input id="searchInput" v-model="queryString" @keyup.enter.native="querySearchAsync" placeholder="搜索文章,作品集,用户"
-                        :autofocus="autofocus">
+              <el-input name="searchInput" v-model="queryString" @keyup.enter.native="querySearchAsync" placeholder="搜索文章,作品集,用户">
                 <el-button slot="append" icon="el-icon-search" @click="querySearchAsync"></el-button>
               </el-input>
               <el-button slot="reference" icon="el-icon-search" circle size="small"></el-button>
@@ -82,9 +91,9 @@
               placement="bottom"
               width="400"
               trigger="click"
-              v-model="showPopover">
-              <el-input v-model="queryString" @keyup.enter.native="querySearchAsync" placeholder="搜索文章,作品集,用户"
-                        autofocus>
+              v-model="showPopover"
+              @show="handleShowPopover">
+              <el-input name="searchInput" v-model="queryString" @keyup.enter.native="querySearchAsync" placeholder="搜索文章,作品集,用户">
                 <el-button slot="append" icon="el-icon-search" @click="querySearchAsync"></el-button>
               </el-input>
               <el-button slot="reference" icon="el-icon-search" circle size="small"></el-button>
@@ -181,7 +190,7 @@ export default {
     },
     handleShowPopover() {
       setTimeout(function () {
-        document.getElementById("searchInput").focus()
+        document.getElementsByName("searchInput")[0].focus()
       }, 500);
     },
     handleSelectMenu(item) {
@@ -201,7 +210,9 @@ export default {
             break;
           case 'github':
             window.open("https://github.com/rymcu");
-            return false;
+            break;
+          case 'taobao':
+            window.open("https://rymcu.taobao.com?utm_source=rymcu.com");
             break;
           default:
             _ts.$router.push(