From 78cfdf7c0520f2dda683775bfe22e60975b3ab0e Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期三, 06 十一月 2024 17:41:35 +0800 Subject: [PATCH] 艺术戏剧手机端优化 --- src/books/artAndDrama/view/components/chapter001.vue | 35 ++++++++++++++++++----------------- 1 files changed, 18 insertions(+), 17 deletions(-) diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue index 1881cee..65f6b5a 100644 --- a/src/books/artAndDrama/view/components/chapter001.vue +++ b/src/books/artAndDrama/view/components/chapter001.vue @@ -4,7 +4,8 @@ <div v-if="showPageList.indexOf(4) > -1"> <h1 id="a004"> <img class="img-0" alt="" src="../../assets/images/dy1.jpg" /> - <audio style="margin-top: 1em" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> + <audio style="margin-top: 1em" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" + class="audio"></audio> </h1> <div class="bodystyle"> <div class="bk"> @@ -13,7 +14,7 @@ <img class="img-gn" alt="" src="../../assets/images/dydd.jpg" /> </p> </div> - <p class="block mar-block" > + <p class="block mar-block"> 鍦ㄦ晠浜嬨�婁竴鍧楀ザ閰�嬩腑锛岃殏铓佸搴殑姣忎竴浣嶆垚鍛橀兘涓轰簡鍏卞悓鐨勭洰鏍囧垎宸ュ崗浣溿�佸姫鍔涘鏂楋紝鍦ㄩ潰瀵硅鎯戝拰鎸戞垬鏃舵洿鏄弗浜庡緥宸便�侀伒瀹堝洟闃熺邯寰嬨�傛湰鍗曞厓锛岃鎴戜滑璇讳竴璇汇�婁竴鍧楀ザ閰�嬬殑鏁呬簨锛屽涔犺殏铓佷滑鐨勪紭绉�鍝佹牸鍚э紒 </p> </div> @@ -79,8 +80,9 @@ <span>瑙嗛锛氭垜浠槸涓�瀹朵汉 </span> <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> - <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" alt="" class="collect-btn" - @click="handleCollect('video')" /> + <img + :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video')" /> </el-tooltip> </p> </div> @@ -201,15 +203,13 @@ class="hs1 rhombus">鈼�</span>鐢熸椿涓紝鎴戜滑鎬讳細閬囧埌鍚勭鍚勬牱鐨勮鎯戙�傞潰瀵硅鎯戞椂锛屾垜浠殑鍐呭績甯稿父浼氭湁涓や釜涓嶅悓鐨勫0闊冲嚭鐜帮細涓�涓0闊宠姹傛垜浠弗浜庡緥宸憋紝鍙︿竴涓0闊宠姹傛垜浠殢蹇冩墍娆层�傝浣犲垎鏋愪竴涓嬶紝褰撹殏铓侀槦闀块潰瀵规帀钀界殑濂堕叒娓g殑璇辨儜鏃讹紝浠栧唴蹇冪殑涓や釜澹伴煶浼氳浜涗粈涔堝憿锛� </p> <p class="text t-l special-P">姝d箟闃熼暱锛� - <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="w90 ma-l-40" @change="setBookQuestion" - :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')" + <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="w90 ma-l-40" + @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')" @blur="handleBlur('one')"></textarea> </p> <p class="text t-l special-P">榛戞殫闃熼暱锛� - <textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="w90 ma-l-40" @change="setBookQuestion" - :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" + <textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="w90 ma-l-40" + @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" @blur="handleBlur('two')"></textarea> </p> </div> @@ -327,7 +327,7 @@ 鎯宠薄浣犲湪涓�涓檶鐢熺殑鍦版柟锛岃皝閮戒笉璁よ瘑锛岀獊鐒堕亣瑙佷簡濂芥湅鍙嬶紝浣犲緢楂樺叴锛屼笂鍓嶅拰浠�/濂规墦鎷涘懠銆傚仛涓�鍋氫綘姝ゆ椂鐨勮〃鎯呭惂銆� </p> <p class="text ends rhombusFather"> - <span style="text-wrap: nowrap"><span class="hs1 rhombuSpecial">鈼�</span>寰瑧璇粹�渁ng鈥�</span> + <span style="text-wrap: nowrap"><span class="hs1 rhombuSpecial">鈼�</span>寰瑧璇粹�渁ng鈥�</span> <span><audio :src="auidoPathEight" controls controlslist="noplaybackrate nodownload" class="audio"></audio></span> </p> @@ -376,8 +376,9 @@ <span>瑙嗛锛氭垜浠槸涓�瀹朵汉 </span> <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> - <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" alt="" class="collect-btn" - @click="handleCollect('video')" /> + <img + :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video')" /> </el-tooltip> </p> </div> @@ -419,7 +420,7 @@ this.chapterData = JSON.parse(data); } this.collectResourceList = await getCollectResource(this.config.activeBook.bookId) - + }, data() { return { @@ -438,7 +439,7 @@ accentColor: "", color: "#fff", isFocused: null, // 鐢ㄤ簬璺熻釜textarea鐨勮仛鐒︾姸鎬� - collectResourceList:[], + collectResourceList: [], chapterData: { isCollectImg: false, isCollectVideo: false, @@ -766,8 +767,8 @@ }, handleCollect(type) { if (type == "video") { - this.handleCollectResource("691cbd2c13198d04afc7800d0f2cafb0","691cbd2c13198d04afc7800d0f2cafb0",'',"瑙嗛","bits",'瑙嗛锛氭垜浠槸涓�瀹朵汉') - } + this.handleCollectResource("691cbd2c13198d04afc7800d0f2cafb0", "691cbd2c13198d04afc7800d0f2cafb0", '', "瑙嗛", "bits", '瑙嗛锛氭垜浠槸涓�瀹朵汉') + } this.handleChapterData(); }, //璧勬簮鏀惰棌浜嬩欢 -- Gitblit v1.9.1