From dc1a81057497cdd692d8a384279e2bcded021ff2 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 27 六月 2024 09:25:21 +0800
Subject: [PATCH] 优化
---
src/books/English/view/components/chapter004.vue | 16 ++++++++--------
src/books/artAndDrama/view/components/chapter003.vue | 2 +-
src/books/artAndDrama/view/components/chapter001.vue | 4 +++-
src/components/dragQuestion/index.vue | 30 +++++++++++++++++++++++++-----
src/books/English/view/components/index.vue | 2 +-
src/books/artAndDrama/view/components/index.vue | 6 +++---
6 files changed, 41 insertions(+), 19 deletions(-)
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 9db2f15..29f79bd 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -21,9 +21,9 @@
</div>
</div>
<!-- 59 -->
- <div class="page-box" page="65">
+ <!-- <div class="page-box" page="65">
<div v-if="showPageList.indexOf(65) > -1">
- <!-- 澶撮儴 -->
+
<ul class="preface-odd-header w100 fl ju-bt">
<li class=""></li>
<li class="fz-18">
@@ -32,7 +32,7 @@
VOLUNTEERS</span>
</li>
</ul>
- <!-- 鍐呭 -->
+
<div class="padding-93">
<div class="bodystyle"></div>
</div>
@@ -40,11 +40,11 @@
<span class="contet-num-box">39</span>
</div>
</div>
- </div>
+ </div> -->
<!-- 60 -->
- <div class="page-box" page="66">
+ <!-- <div class="page-box" page="66">
<div v-if="showPageList.indexOf(66) > -1">
- <!-- 澶撮儴 -->
+
<div class="w100 mb-20" style="padding-right: 20px">
<div class="event-header-bc-unit3 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit3">
@@ -53,7 +53,7 @@
</div>
</div>
</div>
- <!-- 鍐呭 -->
+
<div class="padding-93">
<div class="bodystyle"></div>
</div>
@@ -61,7 +61,7 @@
<span class="contet-num-box">12</span>
</div>
</div>
- </div>
+ </div> -->
</div>
</template>
<script>
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index fbd36e9..7d81bc6 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -184,7 +184,7 @@
// txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
// txtIndex: 57
// });
- }, 50);
+ // }, 50);
},
methods: {
// setZoom1() {
diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index deb3197..f17b8d1 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -48,7 +48,7 @@
@play="audioPlay"></audio> -->
</h1>
<!-- 杩炵嚎棰� -->
- <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color"></matching>
+ <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color" :bordercolor="'#fff'"></matching>
<p class="text">灏忔彁绀猴細鍔犵偣鐨勬枃瀛椾负鏈彞璇濅腑鐨勯�昏緫閲嶉煶锛屽湪鏈楄鍙戦煶鏃惰閲嶈銆�</p>
</div>
<p><br /></p>
@@ -417,12 +417,14 @@
videoPathOne: "",
auidoPathOne: "",
auidoPathTwo: "",
+ auidoPathThree:"",
auidoPathFour: "",
auidoPathFive: "",
auidoPathSex: "",
auidoPathSeven: "",
auidoPathEight: "",
auidoPathNine: "",
+ accentColor:"",
color:"#fff",
chapterData: {
isCollectImg: false,
diff --git a/src/books/artAndDrama/view/components/chapter003.vue b/src/books/artAndDrama/view/components/chapter003.vue
index 0c0f667..f221438 100644
--- a/src/books/artAndDrama/view/components/chapter003.vue
+++ b/src/books/artAndDrama/view/components/chapter003.vue
@@ -73,7 +73,7 @@
<p class="center openImgBox"><img class="img-e" alt="" src="../../assets/images/3-2.gif" /></p>
<p class="text"><span class="hs1">鈼�</span>璇锋妸铓傝殎闃熼暱鐨勫彴璇嶅拰浠栫殑鍐呭績鐙櫧杩炶捣鏉ュ惂锛�</p>
<!-- 杩炵嚎棰� -->
- <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'" :bordercolor="'transparent'">
+ <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'" :bordercolor="'transparent'" >
</matching>
</div>
<!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
diff --git a/src/books/artAndDrama/view/components/index.vue b/src/books/artAndDrama/view/components/index.vue
index 49347fa..ea7ad88 100644
--- a/src/books/artAndDrama/view/components/index.vue
+++ b/src/books/artAndDrama/view/components/index.vue
@@ -155,8 +155,8 @@
}, 500);
// 娴嬭瘯椤甸潰璺宠浆
- setTimeout(() => {
- this.gotoPage(2,6);
+ // setTimeout(() => {
+ // this.gotoPage(2,6);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
@@ -184,7 +184,7 @@
// txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
// txtIndex: 57
// });
- }, 500);
+ // }, 500);
},
methods: {
// setZoom1() {
diff --git a/src/components/dragQuestion/index.vue b/src/components/dragQuestion/index.vue
index d1e4169..ddeca7d 100644
--- a/src/components/dragQuestion/index.vue
+++ b/src/components/dragQuestion/index.vue
@@ -1,9 +1,9 @@
<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">
+ <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"
@@ -20,7 +20,6 @@
p-id="6317"
></path>
</svg>
- </el-tooltip>
</span>
</div>
@@ -279,6 +278,7 @@
spaceList: [],
submitState: false,
isLift: false,
+ ishowTitle:false
};
},
mounted() {},
@@ -491,6 +491,14 @@
}
return flag;
},
+ mouseenterTitle() {
+ this.ishowTitle = true
+ console.log(this.ishowTitle );
+ },
+ mouseleaveTitle() {
+ this.ishowTitle = false
+ console.log(this.ishowTitle );
+ }
},
};
</script>
@@ -555,7 +563,9 @@
width: 100%;
}
.svg-btn {
+ position: relative;
margin-left: 5px;
+ max-height: 20px;
cursor: pointer;
display: flex;
padding: 3px;
@@ -568,12 +578,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