修改导航

admin/src/components/common/header/Header.vue

@@ -14,11 +14,6 @@
             <el-menu-item style="width: 15% ;font-size: 16px;font-weight: bold" index="/index">网站首页</el-menu-item>
             <el-submenu style="width: 15%;font-weight: bold"  index="/product">
               <template slot="title"  >产品中心</template>
-<!--              <el-menu-item style="font-size: 16px" index="/product?id=1"  >自助打印系统</el-menu-item>
-              <el-menu-item style="font-size: 16px" index="/product?id=2"  >智能win盒</el-menu-item>
-              <el-menu-item style="font-size: 16px" index="/product?id=3"  >自助打印设备</el-menu-item>-->
-
-
               <el-menu-item style="font-size: 16px" index="/product?id=3" >自助打印系统</el-menu-item>
               <el-menu-item style="font-size: 16px" index="/product?id=2"  >智能win盒</el-menu-item>
               <el-menu-item style="font-size: 16px" index="/product?id=1"  >自助打印设备</el-menu-item>
@@ -33,57 +28,32 @@
 
         <el-col :span="4">
           <el-button  @click="login_redirct()" class="blue-button"  style="float: left;"round>管理平台登录</el-button>
-<!--          <img src="../../../assets/images/manage_login.png" style="margin-top:10px;float: right;margin-right: 50px" @click="login_redirct()"  alt="">
-      -->  </el-col>
+ </el-col>
       </el-row>
 
-
-
-<!--      <div class="nav" style=""   >
-				<ul class="am-nav am-nav-pills am-nav-justify">
-          <li ><img src="../../../assets/images/logo_portal.png" style="width: 150px" alt=""></li>
-					<li><router-link class="router" to="/index">网站首页</router-link></li>
-					<li><router-link class="router" to="/product">产品中心</router-link></li>
-					<li><router-link class="router" to="/example">合作案例</router-link></li>
-					<li><router-link class="router" to="/news">招商加盟</router-link></li>
-					<li><router-link class="router" to="/about">关于我们</router-link></li>
-          <li ><img src="../../../assets/images/manage_login.png" style="width: 150px" @click="login_redirct()"  alt=""></li>
-          <li ><el-button @click="login_redirct()">
-            <i class="el-icon-devops" />
-          </el-button></li>
-				</ul>
-      </div>-->
     </div>
 
 
     <div :class="tops?'navbar':'navbar-top'">
-      <el-tooltip class="item" effect="dark"  placement="left">
+      <el-tooltip  popper-class="testtooltip" effect="white"   placement="left">
 
         <div slot="content" v-html="headContent"></div>
 
         <a><i>  <svg-icon  icon-class="headset-one" width="30px" height="30px" ></svg-icon></i></a>
       </el-tooltip>
-      <el-tooltip class="item" effect="dark" content="微信" placement="left">
+      <el-tooltip popper-class="testtooltip" effect="white"   content="微信" placement="left">
         <a><i>  <svg-icon  icon-class="wechat" width="30px" height="30px"></svg-icon></i></a>
 
       </el-tooltip>
 
-      <el-tooltip class="item" effect="dark" content="抖音" placement="left">
+      <el-tooltip popper-class="testtooltip" effect="white"   content="抖音" placement="left">
 
         <a><i> <svg-icon icon-class="tiktok" width="30px" height="30px"></svg-icon></i></a>
 <!--          <a><i class="el-icon-shopping-cart-2"></i></a>-->
 
       </el-tooltip>
 
-<!--      <div class="qrShow right" v-if="showQR">
-        <el-image
-            style="width: 100px; height: 100px;border-radius: 8px;"
-            src="static/img/rightBar/qrcode.jpg"
-            fit="cover">
-        </el-image>
-      </div>-->
-<!--      <a @mouseover="showQRCode" @mouseleave="hideQRCode"><i class="el-icon-full-screen"></i></a>-->
-      <el-tooltip class="item" effect="dark" content="返回顶部" placement="left" v-if="tops">
+      <el-tooltip popper-class="testtooltip"  effect="white"  content="返回顶部" placement="left" v-if="tops">
         <a @click="gotop"><i class="el-icon-caret-top"></i>
           <br>
           <span>顶部</span></a>
@@ -185,6 +155,20 @@ export default {
 }
 </script>
 
+
+<style >
+.el-tooltip__popper[x-placement^="left"] .popper__arrow {
+  border-left-color: white!important;
+}
+.el-tooltip__popper[x-placement^="left"] .popper__arrow:after {
+  border-left-color: white !important;
+}
+.testtooltip{
+  background: white !important;
+  box-shadow: 1px 1px 10px 3px #D3D3D6;
+}
+</style>
+
 <style scoped>
 
 ::v-deep .el-icon-devops {