From c658f316d2f464e510d10f1081c52848c3aefeb2 Mon Sep 17 00:00:00 2001 From: lixuliang <lixuliang_hd@126.com> Date: 星期三, 15 十一月 2023 23:21:16 +0800 Subject: [PATCH] 企业 视频弹框 --- src/components/right/right-top.vue | 40 ++++++++++++++++++++++++++-------------- 1 files changed, 26 insertions(+), 14 deletions(-) diff --git a/src/components/right/right-top.vue b/src/components/right/right-top.vue index 0be5280..1fcc4a1 100644 --- a/src/components/right/right-top.vue +++ b/src/components/right/right-top.vue @@ -53,8 +53,8 @@ </div> </el-dialog> <div class="rightTool"> - <el-button @click="showInput"> - <img class="searchBg" src="@/assets/img/new/leftCircle.png" /> + <el-button class="searchElBg" @click="showInput"> + <div class="searchBg"></div> <img class="searchBtn" v-if="!isShowInput" @@ -409,6 +409,7 @@ color: #fff; padding: 10px; box-sizing: border-box; + z-index: 9999; } .transition-box ul li { /* min-width: 154px; */ @@ -677,16 +678,25 @@ margin: 1px; margin: 20px 0; } - -.searchBtn { - width: 40px; +.searchElBg{ + background-image: url("~@/assets/img/new/leftCircle.png") !important; + background-size: 48px 48px !important; } - +.searchBtn { + margin-top: 3px; + width: 40px; + pointer-events: none; +} +.searchElBg:hover{ + background-image: url("~@/assets/img/new/leftCircle-y.png") !important; + background-size: 48px 48px !important; +} .searchBg { position: absolute; left: -4px; top: 15px; - width: 54.5px; + width: 56px; + height: 56px; z-index: -10; } .active { @@ -697,11 +707,13 @@ position: absolute; right: 26px; top: 17px; - width: 70.6px; - height: 70.6px; + width: 71px; + height: 71px; background-image: url("~@/assets/img/new/rightCircle.png"); } - +.user:hover { + background-image: url("~@/assets/img/new/rightCircle-y.png"); +} .user .el-avatar { background-color: transparent; margin: 3px auto 0; @@ -1558,10 +1570,10 @@ // this.showInfoBox = true; if (this.info["JK鍐呯爜"]) { - this.$message({ - showClose: true, - message: "杩炴帴鐘舵�佹煡璇腑", - }); + // this.$message({ + // showClose: true, + // message: "杩炴帴鐘舵�佹煡璇腑", + // }); this.spjkLoad(this.info); } }, -- Gitblit v1.9.3