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/chapter004.vue | 16 +++++++++++++--- 1 files changed, 13 insertions(+), 3 deletions(-) diff --git a/src/books/artAndDrama/view/components/chapter004.vue b/src/books/artAndDrama/view/components/chapter004.vue index 1635a5e..8e13d67 100644 --- a/src/books/artAndDrama/view/components/chapter004.vue +++ b/src/books/artAndDrama/view/components/chapter004.vue @@ -35,8 +35,10 @@ <h3 class="lefth3" id="c031"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3> <p class="text"><span class="hs1">鈼�</span>浠ュ皬缁勪负鍗曚綅鍥存垚涓�鍦堬紝闈㈡湞鍦堝韫蹭笅锛岀浉閭讳袱浜轰簰鎸庢墜鑷傦紝缁勫憳鍚屾椂绔欒捣鏉ワ紝鐪嬬湅鍝釜缁勬渶蹇紒</p> <p class="text t-l"><span class="hs1">鈼�</span>璇翠竴璇达細蹇�熺珯璧锋潵鐨勭璇�鏄粈涔堬紵 - <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"> + <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + 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> <h3 class="lefth3" id="c032"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3> @@ -68,7 +70,8 @@ class="hs1">鈼�</span>鏄ュぉ鏉ヤ簡锛屾槬椋庡惞杩囷紝鏌虫爲鍙戣娊浜嗭紝杩庢槬鑺卞紑浜嗭紝灏忕嚂瀛愬湪澶╃┖鑷敱鍦伴缈斻�備竴鍒囬兘鏄偅涔堢敓鏈哄媰鍕冦�傝涓衡�滄槬澶┾�濇秱涓婁綘鍠滄鐨勯鑹层��</p> <!-- 鍥剧墖缂哄け --> <!-- <p class="center"><img class="img-e" alt="" src="./../assets/images/0033-1.jpg" /></p> --> - <graffiti :page="32" :bcImg="this.config.activeBook.resourceUrl + '/image/0033-1.jpg'" :imgWidth="596" :imgHeight="500" /> + <graffiti :page="32" :bcImg="this.config.activeBook.resourceUrl + '/image/0033-1.jpg'" + :imgWidth="596" :imgHeight="500" /> </div> <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 --> <div class="page-footer"> @@ -252,6 +255,7 @@ audioPathThree: "", audioPathFour: "", audioPathFive: "", + isFocused: null, // 鐢ㄤ簬璺熻釜textarea鐨勮仛鐒︾姸鎬� chapterData: { isCollectImg: false, isCollectVideo: false, @@ -308,6 +312,12 @@ "7abb747bd16745afb83715fcbb3579ab" ); }, + handleFocus(id) { + this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue + }, + handleBlur(id) { + this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse + }, setBookQuestion() { console.log("淇濆瓨"); localStorage.setItem( -- Gitblit v1.9.1