From 5f62f94d1cfde3c0a80a42b2aa9371af50aa7cd9 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Thu, 9 Dec 2021 20:56:10 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=20?=
 =?UTF-8?q?=E5=BE=AE=E4=BF=A1/QQ=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

:bug: 个人中心 微信/QQ展示问题修复
---
 pages/user/_account.vue | 40 ++++++++++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/pages/user/_account.vue b/pages/user/_account.vue
index ef39d54..b0847ba 100644
--- a/pages/user/_account.vue
+++ b/pages/user/_account.vue
@@ -32,18 +32,34 @@
                 </g>
               </svg>
             </el-link>
-            <el-link v-if="userExtend.weixin" class="user-link" title="微信" :underline="false" :href="userExtend.weixin">
-              <svg width="24" height="24">
-                <g :fill="'#' + wechat.hex">
-                  <path :d="wechat.path"></path>
-                </g>
-              </svg>
-            </el-link>
-            <el-link v-if="userExtend.qq" class="user-link" title="QQ" :underline="false" :href="userExtend.qq">
-              <svg width="24" height="24">
-                <path :d="tencentqq.path"></path>
-              </svg>
-            </el-link>
+            <el-popover
+              v-if="userExtend.weixin"
+              placement="top-start"
+              title="微信号"
+              width="200"
+              trigger="hover"
+              :content="userExtend.weixin">
+              <el-link slot="reference" class="user-link" :underline="false">
+                <svg width="24" height="24">
+                  <g :fill="'#' + wechat.hex">
+                    <path :d="wechat.path"></path>
+                  </g>
+                </svg>
+              </el-link>
+            </el-popover>
+            <el-popover
+              v-if="userExtend.qq"
+              placement="top-start"
+              title="QQ 号"
+              width="200"
+              trigger="hover"
+              :content="userExtend.qq">
+              <el-link slot="reference" class="user-link" :underline="false">
+                <svg width="24" height="24">
+                  <path :d="tencentqq.path"></path>
+                </svg>
+              </el-link>
+            </el-popover>
           </div>
           <div v-if="oauth">
             <div v-if="oauth.idUser !== user.idUser">