From 0cd16877a2ea61e9d086c4e7b93fc3cf17a8ad8e Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期三, 03 七月 2024 15:19:33 +0800 Subject: [PATCH] 艺术戏剧(部署7.3) --- src/books/artAndDrama/view/components/chapter002.vue | 72 ++++++++++++++++-------------------- 1 files changed, 32 insertions(+), 40 deletions(-) diff --git a/src/books/artAndDrama/view/components/chapter002.vue b/src/books/artAndDrama/view/components/chapter002.vue index de0883c..515195d 100644 --- a/src/books/artAndDrama/view/components/chapter002.vue +++ b/src/books/artAndDrama/view/components/chapter002.vue @@ -4,8 +4,7 @@ <div v-if="showPageList.indexOf(14) > -1"> <h1 id="a004"> <img class="img-0" alt="" src="../../assets/images/dy2.jpg" /> - <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio" - ></audio> + <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> </h1> <div class="bodystyle"> <div class="bk"> @@ -46,11 +45,11 @@ <p class="text"><span class="hs1">鈼�</span>鍡呰澶у啋闄�</p> <p class="text"> 浣犳渶鐖卞悆鐨勯鐗╂槸 <input v-model="questionData.warnUp.one" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 10%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛� + @change="setBookQuestion" style="width: 13%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛� </p> <p class="text"> 浣犳渶涓嶇埍鍚冪殑椋熺墿鏄� <input v-model="questionData.warnUp.two" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 10%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛� + @change="setBookQuestion" style="width: 13%" />銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛� </p> <h3 class="lefth3 openImgBox" id="c012"> <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /> @@ -81,24 +80,19 @@ <h3 class="lefth3" id="c013"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3> <p class="text"><span class="hs1">鈼�</span>鎴戜滑鐨勪笘鐣屼簲褰╂枒鏂撱�傝浣犲~涓�濉紝鎻愬埌杩欎簺棰滆壊锛屼綘鎯冲埌浜嗗摢浜涗簨鐗╋紵</p> <p class="text">榛勮壊锛氭煚妾��<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.four" - class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p> - <p class="text">绾㈣壊锛氶灜鐐��<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.six" - class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p> - <p class="text">缁胯壊锛氬彾瀛愩��<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.eight" - class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p> - <p class="text">榛戣壊锛氶粦鏉裤��<input v-model="questionData.warnUp.nine" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.ten" - class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p> - <p class="text">钃濊壊锛氬ぇ娴枫��<input v-model="questionData.warnUp.eleven" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 15%" />銆�<input v-model="questionData.warnUp.twelve" - class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />銆�</p> + @change="setBookQuestion" style="width: 70%" /></p> + <p class="text">绾㈣壊锛氶灜鐐��<input v-model="questionData.warnUp.four" class="input-bottom-border fz-18" + @change="setBookQuestion" style="width: 70%" /></p> + <p class="text">缁胯壊锛氬彾瀛愩��<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18" + @change="setBookQuestion" style="width: 70%" /></p> + <p class="text">榛戣壊锛氶粦鏉裤��<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18" + @change="setBookQuestion" style="width: 70%" /></p> + <p class="text">钃濊壊锛氬ぇ娴枫��<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" + @change="setBookQuestion" style="width: 70%" /></p> <h3 class="lefth3" id="c014" style="margin-top: 7%;"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3> <!-- <p class="text"><span class="hs1">鈼�</span>闃呰涓嬮潰鐨勬枃瀛楋紝涓哄皬铓傝殎閫夋嫨涓�绉嶆�ф牸鍚с��</p> --> - <drag :question="dragQuestion" :page="16" class="drag-text"/> + <drag :question="dragQuestion" :page="16" class="drag-text" /> <!-- <choice class="text" :questions="questions" :primaryColor="accentColor" hoverBackgroundColor="green" hoverColor="white"></choice> --> <p class="center openImgBox"><img class="img-e" alt="" src="../../assets/images/2-2.gif" /></p> </div> @@ -119,12 +113,17 @@ <h2 id="b008" class="problem">绗笁璇俱��闂诲0璇嗕汉</h2> <h3 class="lefth3" id="c015"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3> <p class="text">甯歌█閬擄細鑹█涓�鍙ヤ笁鍐殩锛屾伓璇激浜哄叚鏈堝瘨銆傝瑷�鍦ㄤ汉涓庝汉鐨勪氦寰�涓捣鐫�閲嶈鐨勪綔鐢紝鏈夌潃鏃犵┓鐨勫姏閲忋��</p> - <p class="text"><span class="hs1">鈼�</span>濡傛灉鏈嬪弸蹇冩儏涓嶅ソ锛屼綘璇ユ�庝箞瀹夋叞浠�/濂瑰憿锛�</p> - <p class="text">鈥�<input v-model="questionData.warnUp.thirteen" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 80%" />銆傗��</p> - <p class="text"><span class="hs1">鈼�</span>濡傛灉浣犻個璇峰ソ鏈嬪弸鏉ュ閲屽仛瀹紝浣犺璇翠粈涔堟潵娆㈣繋浠�/濂瑰憿锛�</p> - <p class="text">鈥�<input v-model="questionData.warnUp.fourteen" class="input-bottom-border fz-18" - @change="setBookQuestion" style="width: 80%" />銆傗��</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> + </p> + + <p class="text t-l"><span class="hs1">鈼�</span>濡傛灉浣犻個璇峰ソ鏈嬪弸鏉ュ閲屽仛瀹紝浣犺璇翠粈涔堟潵娆㈣繋浠�/濂瑰憿锛� + <textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"> + </textarea> + </p> + <h3 class="lefth3" id="c016" style="margin-top: 7%;"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3> <p class="text"><span class="hs1">鈼�</span>璇锋牴鎹彁绀鸿鍑哄彞瀛愶紝娉ㄦ剰澹伴煶鍜岃姘旂殑鍙樺寲銆�</p> @@ -197,22 +196,22 @@ <h3 class="lefth3" id="c019"><img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" /></h3> <p class="text ends"> <span><span class="hs1">鈼�</span>鍚圭焊缁冧範</span> - <span> <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio" - ></audio></span> + <span> <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" + class="audio"></audio></span> </p> <p class="center text" style="margin: 4% 0"><img class="img-e" alt="" src="../../assets/images/0021-1.jpg" /> </p> <p class="text">鎵句竴寮犵焊宸撅紝灏嗗畠鎸夊湪澧欎笂銆傜Щ寮�鍙屾墜锛屽姫鍔涚敤姘旀伅灏嗙焊鈥滈拤鈥濆湪澧欓潰涓婏紝涓嶈璁╁畠鍚戜笅婊戣惤銆�</p> <p class="text ends"> <span> <span class="hs1">鈼�</span>鍚圭瑪缁冧範</span> - <span> <audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio" - ></audio></span> + <span> <audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" + class="audio"></audio></span> </p> <p class="text">灏嗕竴鏀瑪绔嬩簬妗岄潰锛岀湅鐪嬩綘鑳戒笉鑳界敤涓�鍙f皵灏嗗畠鍚瑰�掋��</p> <p class="text ends"> <span><span class="hs1">鈼�</span>鍚硅瀛愮粌涔�</span> - <span> <audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" class="audio" - ></audio></span> + <span> <audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" + class="audio"></audio></span> </p> <p class="text">灏嗕竴鍙鏂欒鎶涜嚦绌轰腑锛屽拰浣犵殑灏忎紮浼翠竴璧疯疆娴佸惞姘旓紝閬垮厤濉戞枡琚嬭惤鍦般��</p> </div> @@ -232,8 +231,8 @@ <div class="bodystyle" style="margin-top: 3%;"> <p class="text ends"> <span> <span class="hs1">鈼�</span>鍚逛箳涔撶悆缁冧範</span> - <span> <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio" - ></audio></span> + <span> <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" + class="audio"></audio></span> </p> <p class="text">鐢ㄦ皵鎭皢妗岄潰涓婄殑涔掍箵鐞冧粠鈥滆捣鐐光�濊繍閫佽嚦鈥滅粓鐐光�濓紝杩愰�佽繃绋嬩腑閬垮厤涔掍箵鐞冭Е纰伴殰纰嶇墿銆�</p> <h3 class="lefth3" id="c020" style="margin-top: 7%"><img class="img-gn1" alt="" @@ -310,13 +309,6 @@ five: "", six: "", seven: "", - eight: "", - nine: "", - ten: "", - eleven: "", - twelve: "", - thirteen: "", - fourteen: "", }, reading: { one: "", -- Gitblit v1.9.1