diff --git a/admin/src/components/common/header/Header.vue b/admin/src/components/common/header/Header.vue index 162a9e190b137667cc5727f3b1aab41ee705c234..9fbc5a5384e888d95cf9e56c6818d8e4565b6468 100644 --- a/admin/src/components/common/header/Header.vue +++ b/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 {