From 041b94102f67461e361a28e3af493715cf776b21 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期二, 23 七月 2024 14:07:46 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/components/dragQuestion/index.vue | 45 ++++++++++++++++++++++++++++++++++++++------- 1 files changed, 38 insertions(+), 7 deletions(-) diff --git a/src/components/dragQuestion/index.vue b/src/components/dragQuestion/index.vue index d1e4169..f057489 100644 --- a/src/components/dragQuestion/index.vue +++ b/src/components/dragQuestion/index.vue @@ -1,10 +1,16 @@ <template> <div class="drag-box" :style="{ borderColor: bcColor }"> <div class="title-box"> - <p class="text"><span class="hs1">鈼�</span>{{ titileText }}</p> - <span class="svg-btn t0"> - <el-tooltip class="item" effect="dark" content="璇锋嫋鎷界瓟妗堝埌鎷彿閲屽惂" placement="top-start"> - <svg + <p class="text" style="text-indent: 2em !important"> + <span class="hs1">鈼�</span>{{ titileText }} + </p> + <span + class="svg-btn t0" + @mouseenter="mouseenterTitle" + @mouseleave="mouseleaveTitle" + > + <p class="p-title" v-if="ishowTitle">璇锋嫋鎷界瓟妗堝埌鎷彿閲屽惂</p> + <svg t="1719309984490" class="icon" viewBox="0 0 1024 1024" @@ -20,8 +26,6 @@ p-id="6317" ></path> </svg> - </el-tooltip> - </span> </div> <div @@ -279,6 +283,7 @@ spaceList: [], submitState: false, isLift: false, + ishowTitle: false, }; }, mounted() {}, @@ -302,6 +307,11 @@ }, // 榧犳爣绉诲姩 mousemove(e) { + if (this.isLift) { + this.moveDom.style.position = ""; + this.moveDom.style.left = "0px"; + this.moveDom.style.top = "0px"; + } if (!this.moveDom) return false; this.moveDom.style.position = "absolute"; // 闄愬埗鍦ㄦ棰樿寖鍥村唴鎷栧姩 @@ -310,6 +320,7 @@ const moveY = e.y - this.parentY + 40; this.moveDom.style.left = moveX + "px"; this.moveDom.style.top = moveY + "px"; + this.moveDom.style.zIndex = "99999999"; // 濡傛灉杩樻湁鏈夌┖鏍� if (this.spaceList.length) { for (let index = 0; index < this.spaceList.length; index++) { @@ -491,6 +502,14 @@ } return flag; }, + mouseenterTitle() { + this.ishowTitle = true; + console.log(this.ishowTitle); + }, + mouseleaveTitle() { + this.ishowTitle = false; + console.log(this.ishowTitle); + }, }, }; </script> @@ -555,7 +574,9 @@ width: 100%; } .svg-btn { + position: relative; margin-left: 5px; + max-height: 20px; cursor: pointer; display: flex; padding: 3px; @@ -568,12 +589,22 @@ background-color: #fff; } } +.p-title { + text-indent: 0 !important; + position: absolute; + top: -33px; + background-color: #8fae34; + padding: 0 4px; + white-space: nowrap; + border-radius: 4px; + color: #fff; +} .title-box { display: flex; margin-bottom: 20px; p { margin: 0; - text-indent: 2em !important; + text-indent: 2em; } } /** 瑙f瀽 */ -- Gitblit v1.9.1