From c2ece099cc210635699de77cd389d54394556c08 Mon Sep 17 00:00:00 2001
From: daihh <seastar@bjxask.com>
Date: Wed, 19 Oct 2022 13:34:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=B3=E4=B8=8B=E8=A7=92=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=20=E9=87=87=E7=94=A8el-tootip=20=E5=8E=9F?=
 =?UTF-8?q?=E6=9D=A5=E7=9A=84title=E5=9C=A8=E4=B8=8B=EF=BC=8C=E7=9C=8B?=
 =?UTF-8?q?=E4=B8=8D=E5=88=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PortalFloatTools.vue | 39 ++++++++++++++++++++++++-----
 1 file changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/components/PortalFloatTools.vue b/src/components/PortalFloatTools.vue
index bc23fd6c..2cdbf9bf 100644
--- a/src/components/PortalFloatTools.vue
+++ b/src/components/PortalFloatTools.vue
@@ -5,32 +5,56 @@
 
       <div class="float-tool-icon" style="margin-bottom:2px" @click="toNeedCourse" v-if="identity>1">
         <!-- <svg-icon class-name="icon"  icon-class="lessons"></svg-icon> -->
-          <div class="float-img" title="做课程"><img :src="`${webBaseUrl}/images/explo.png`" alt=""></div>
+          <div class="float-img">
+             <el-tooltip popper-class="popper-class" effect="dark" content="做课程" placement="top-start">
+                 <img :src="`${webBaseUrl}/images/explo.png`" alt="">
+             </el-tooltip>
+          </div>
         <!-- <span>做课程</span> -->
       </div>
       <div class="float-tool-icon" @click="$refs.addQuestion.askQuestionDialog = true">
         <!-- <svg-icon class-name="icon"  icon-class="problem"></svg-icon> -->
-         <div class="float-img" title="提问题"><img :src="`${webBaseUrl}/images/issue.png`" alt=""></div>
+          <div class="float-img" title="提问题">
+           <el-tooltip popper-class="popper-class" effect="dark" content="提问题" placement="top-start">
+              <img :src="`${webBaseUrl}/images/issue.png`" alt="">
+           </el-tooltip>
+          </div>
         <!-- <span>提问题</span> -->
       </div>
       <div class="float-tool-icon" @click="toAddArticle()">
         <!-- <svg-icon class-name="icon"  icon-class="essay"></svg-icon> -->
-       <div class="float-img" title="写文章">  <img :src="`${webBaseUrl}/images/essay.png`" alt=""></div>
+       <div class="float-img" title="写文章">
+          <el-tooltip popper-class="popper-class" effect="dark" content="写文章" placement="top-start">
+            <img :src="`${webBaseUrl}/images/essay.png`" alt="">
+           </el-tooltip>
+        </div>
         <!-- <span>写文章</span> -->
       </div>
       <div class="float-tool-icon" @click="showFeedback()">
         <!-- <svg-icon class-name="icon"  icon-class="agree"></svg-icon> -->
-       <div class="float-img" title="提意见">  <img :src="`${webBaseUrl}/images/opinion.png`" alt=""></div>
+       <div class="float-img" title="提意见"> 
+         <el-tooltip popper-class="popper-class" effect="dark" content="提意见" placement="top-start">
+          <img :src="`${webBaseUrl}/images/opinion.png`" alt="">
+         </el-tooltip>
+       </div>
         <!-- <span>提意见</span> -->
       </div>
       <div class="float-tool-icon" @click="infoShow=true">
         <!-- <svg-icon class-name="icon"  icon-class="server"></svg-icon> -->
-        <div class="float-img" title="联系我们"> <img :src="`${webBaseUrl}/images/contact.png`" alt=""></div>
+        <div class="float-img" title="联系我们">
+          <el-tooltip popper-class="popper-class" effect="dark" content="联系我们" placement="top-start">
+            <img :src="`${webBaseUrl}/images/contact.png`" alt="">
+            </el-tooltip>
+          </div>
         <!-- <span>联系我们</span> -->
       </div>
       <div class="float-tool-icon"  style="margin-top:2px" @click="backtop">
         <!-- <svg-icon class-name="icon"  icon-class="top"></svg-icon> -->
-       <div class="float-img" title="返回顶部"> <img :src="`${webBaseUrl}/images/back.png`" alt=""></div>
+       <div class="float-img" title="返回顶部"> 
+         <el-tooltip popper-class="popper-class" effect="dark" content="返回顶部" placement="top-start">
+           <img :src="`${webBaseUrl}/images/back.png`" alt="">
+         </el-tooltip>
+        </div>
         <!-- <span>返回顶部</span> -->
       </div>
     </div>
@@ -234,6 +258,9 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+  .popper-class{
+    background-color: #ccc;
+  }
   .float-tools{
     position: fixed;
     // background: white;