From 16ea9f528f95de02ff9a05cf663582ffc086a947 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 01 八月 2024 15:45:20 +0800
Subject: [PATCH] 七单元完成
---
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;
}
}
/** 瑙ｆ瀽 */
--
Gitblit v1.9.1