From 38b2ebcdd71d5f59b79c2e9db9f6a857fef34c63 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 04 七月 2024 12:00:33 +0800
Subject: [PATCH] 艺术戏剧（文本框样式修改）
---
src/books/artAndDrama/view/components/chapter003.vue | 12 ++++++++++++
1 files changed, 12 insertions(+), 0 deletions(-)
diff --git a/src/books/artAndDrama/view/components/chapter003.vue b/src/books/artAndDrama/view/components/chapter003.vue
index 3671807..cdd58ce 100644
--- a/src/books/artAndDrama/view/components/chapter003.vue
+++ b/src/books/artAndDrama/view/components/chapter003.vue
@@ -176,6 +176,7 @@
style="margin-left: 40px; width: 92%"
class="fz-16 fm-son"
@change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')" @blur="handleBlur('one')"
>
</textarea>
</p>
@@ -253,6 +254,7 @@
style="margin-left: 40px; width: 92%"
class="fz-16 fm-son"
@change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" @blur="handleBlur('two')"
>
</textarea>
</p>
@@ -265,6 +267,7 @@
style="margin-left: 40px; width: 92%"
class="fz-16 fm-son"
@change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused === 'three' }" @focus="handleFocus('three')" @blur="handleBlur('three')"
>
</textarea>
</p>
@@ -277,6 +280,7 @@
style="margin-left: 40px; width: 92%"
class="fz-16 fm-son"
@change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused === 'four' }" @focus="handleFocus('four')" @blur="handleBlur('four')"
>
</textarea>
</p>
@@ -290,6 +294,7 @@
style="margin-left: 40px; width: 92%"
class="fz-16 fm-son"
@change="setBookQuestion"
+ :class="{ 'textarea-focused': isFocused === 'five' }" @focus="handleFocus('five')" @blur="handleBlur('five')"
>
</textarea>
</p>
@@ -520,6 +525,7 @@
audioPathThree: "",
audioPathFour: "",
audioPathFive: "",
+ isFocused: null, // 鐢ㄤ簬璺熻釜textarea鐨勮仛鐒︾姸鎬�
segments: [1, 2, 3, 4, 5],
color: "#fff",
activeIndex: null, // 鐢ㄤ簬杩借釜褰撳墠娲诲姩鐨勬寜閽储寮�
@@ -681,6 +687,12 @@
"f56a9d889d3098fa6800125ae7627481"
);
},
+ handleFocus(id) {
+ this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
+ },
+ handleBlur(id) {
+ this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse
+ },
setBookQuestion() {
console.log("淇濆瓨");
localStorage.setItem(
--
Gitblit v1.9.1