From f77e02b69e4512f00251929b14888f3e6bbac37f Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 09 九月 2024 10:41:19 +0800
Subject: [PATCH] 艺术戏剧（bug解决）
---
src/books/artAndDrama/view/components/chapter002.vue | 326 +++++++++++++++++++++++++++++++----------------------
1 files changed, 189 insertions(+), 137 deletions(-)
diff --git a/src/books/artAndDrama/view/components/chapter002.vue b/src/books/artAndDrama/view/components/chapter002.vue
index 5771e6d..fd20564 100644
--- a/src/books/artAndDrama/view/components/chapter002.vue
+++ b/src/books/artAndDrama/view/components/chapter002.vue
@@ -4,7 +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 class="audio" @play="audioPlay"></audio>
+ <audio style="margin-top: 1em;" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</h1>
<div class="bodystyle">
<div class="bk">
@@ -37,26 +37,26 @@
<h3 class="lefth3" id="c011">
<img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
</h3>
- <p class="text"><span class="hs1">鈼�</span>鎴戞槸灏忕敾瀹�</p>
+ <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>鎴戞槸灏忕敾瀹�</p>
<p class="text">淇濇寔澶撮儴涓嶅姩锛岃瘯鐫�鐢ㄧ溂绁炵敾鍑轰笅闈㈢殑鍥炬鍚э紒</p>
- <p class="center">
+ <p class="center openImgBox">
<img class="img-e" alt="" src="../../assets/images/0016-1.jpg" />
</p>
- <p class="text"><span class="hs1">鈼�</span>鍡呰澶у啋闄�</p>
+ <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</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" />
</h3>
<div style="display: flex; justify-content: flex-start;">
- <p class="text" style="width: 50%">
- <span class="hs1">鈼�</span>浠ュ皬缁勪负鍗曚綅锛屼娇鐢ㄦ墜鍋堕亾鍏疯〃婕旈檮褰曚腑鐨勫墽鏈�夋2銆�
+ <p class="text rhombusFather" style="width: 50%">
+ <span class="hs1 rhombus">鈼�</span>浠ュ皬缁勪负鍗曚綅锛屼娇鐢ㄦ墜鍋堕亾鍏疯〃婕旈檮褰曚腑鐨勫墽鏈�夋2銆�
</p>
<p class="openImgBox" style="width: 50%">
<img class="img-e" alt="" src="../../assets/images/2-1.gif" />
@@ -78,30 +78,25 @@
<div class="bodystyle" style="margin-top: 3%;">
<h2 id="b007" class="problem">绗簩璇俱��鏄庡療绉嬫</h2>
<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 rhombusFather"><span class="hs1 rhombus">鈼�</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"/>
+ <!-- <p class="text"><span class="hs1">鈼�</span>闃呰涓嬮潰鐨勬枃瀛楋紝涓哄皬铓傝殎閫夋嫨涓�绉嶆�ф牸鍚с��</p> -->
+ <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>
- <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->choice
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
<div class="page-footer">
<img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
<div class="page-footer-number-right">13</div>
@@ -118,15 +113,19 @@
<h2 id="b008" class="problem">绗笁璇俱��闂诲０璇嗕汉</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 rhombusFather" ><span class="hs1 rhombus">鈼�</span>濡傛灉鏈嬪弸蹇冩儏涓嶅ソ锛屼綘璇ユ�庝箞瀹夋叞浠�/濂瑰憿锛�
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')" @blur="handleBlur('one')" ></textarea>
+ </p>
+
+ <p class="text t-l rhombusFather"><span class="hs1 rhombus">鈼�</span>濡傛灉浣犻個璇峰ソ鏈嬪弸鏉ュ閲屽仛瀹紝浣犺璇翠粈涔堟潵娆㈣繋浠�/濂瑰憿锛�
+ <textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" @blur="handleBlur('two')" ></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>
+ <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>璇锋牴鎹彁绀鸿鍑哄彞瀛愶紝娉ㄦ剰澹伴煶鍜岃姘旂殑鍙樺寲銆�</p>
<p class="text"><span class="hs">杩欎竴澶у潡濂堕叒閮芥槸鎴戠殑浜嗭紒</span>锛堜竴鍙嫛鐚剧殑铓傝殎锛屾兂瑕佹妸濂堕叒鍋峰伔鍦板崰涓哄繁鏈夛級</p>
<p class="text"><span class="hs">杩欎竴澶у潡濂堕叒閮芥槸鎴戠殑浜嗭紒</span>锛堜竴鍙杽鑹殑铓傝殎锛屽湪甯姪浠栦汉鍚庡緱鍒颁簡濂栧姳锛�</p>
<p class="text"><span class="hs">杩欏潡濂堕叒澶矇浜嗭紝鎴戜滑浼戞伅涓�涓嬪惂锛�</span>锛堜弗鑲冪殑铓傝殎闃熼暱锛屽悜闃熶紞鍙戝嚭鍛戒护锛�</p>
@@ -164,8 +163,8 @@
<h2 id="b009" class="problem">绗洓璇俱��鐪熷惉鐪熺湅鐪熸劅鍙�</h2>
<h3 class="lefth3" id="c017"><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"><span class="hs1">鈼�</span>鐢垫閲岋紝浣犵珯鍦ㄦ渶鍓嶆帓锛屽悗闈㈢殑浜洪渶瑕佷笅鐢垫銆�</p>
+ <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>浣犵湅鍒板濡堢殑姘存澂娌℃按浜嗐��</p>
+ <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>鐢垫閲岋紝浣犵珯鍦ㄦ渶鍓嶆帓锛屽悗闈㈢殑浜洪渶瑕佷笅鐢垫銆�</p>
<h3 class="lefth3" id="c018" style="margin-top: 7%;"><img class="img-gn1" alt=""
src="../../assets/images/czysj.jpg" /></h3>
<div style="display: flex; justify-content: flex-start; ">
@@ -174,7 +173,7 @@
<div class="openImgBox" style="width: 50%"><img class="img-e" alt="" src="../../assets/images/2-4.gif" />
</div>
</div>
- <p class="text"><span class="hs1">鈼�</span>璇疯瘯鐫�鐢ㄦ棤瀹炵墿琛ㄦ紨鐨勬柟寮忔妸涓嬮潰鐨勬儏鏅〃婕斿嚭鏉ュ惂锛�</p>
+ <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>璇疯瘯鐫�鐢ㄦ棤瀹炵墿琛ㄦ紨鐨勬柟寮忔妸涓嬮潰鐨勬儏鏅〃婕斿嚭鏉ュ惂锛�</p>
<p class="center text"><img class="img-0" style="width: 100%; height: auto;" lt=""
src="../../assets/images/0020-2.jpg" /></p>
</div>
@@ -194,13 +193,25 @@
<div class="bodystyle" style="margin-top: 3%">
<h2 id="b010" class="problem">鍗曞厓娲诲姩浠诲姟</h2>
<h3 class="lefth3" id="c019"><img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" /></h3>
- <p class="text"><span class="hs1">鈼�</span>鍚圭焊缁冧範</p>
+ <p class="text ends rhombusFather">
+ <span><span class="hs1 rhombuSpecial">鈼�</span>鍚圭焊缁冧範</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"><span class="hs1">鈼�</span>鍚圭瑪缁冧範</p>
+ <p class="text ends rhombusFather">
+ <span> <span class="hs1 rhombuSpecial">鈼�</span>鍚圭瑪缁冧範</span>
+ <span> <audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio></span>
+ </p>
<p class="text">灏嗕竴鏀瑪绔嬩簬妗岄潰锛岀湅鐪嬩綘鑳戒笉鑳界敤涓�鍙ｆ皵灏嗗畠鍚瑰�掋��</p>
- <p class="text"><span class="hs1">鈼�</span>鍚硅瀛愮粌涔�</p>
+ <p class="text ends rhombusFather">
+ <span><span class="hs1 rhombuSpecial">鈼�</span>鍚硅瀛愮粌涔�</span>
+ <span> <audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio></span>
+ </p>
<p class="text">灏嗕竴鍙鏂欒鎶涜嚦绌轰腑锛屽拰浣犵殑灏忎紮浼翠竴璧疯疆娴佸惞姘旓紝閬垮厤濉戞枡琚嬭惤鍦般��</p>
</div>
<!-- 姝ゅ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
@@ -217,22 +228,28 @@
</h1>
<img class="headerimg" src="../../assets/images/page5.png" alt="" />
<div class="bodystyle" style="margin-top: 3%;">
- <p class="text"><span class="hs1">鈼�</span>鍚逛箳涔撶悆缁冧範</p>
+ <p class="text ends rhombusFather">
+ <span style="text-wrap: nowrap"> <span class="hs1 rhombuSpecial">鈼�</span>鍚逛箳涔撶悆缁冧範</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=""
src="../../assets/images/tzyys.jpg" /></h3>
- <p class="text"><span class="hs1">鈼�</span>璇疯蛋杩涘墽鍦鸿鐪嬩笉鍚屽墽绉嶇殑鐜板満婕斿嚭锛屾劅鍙楁垙鍓х殑榄呭姏鍚э紒</p>
+ <p class="text rhombusFather">
+ <span class="hs1 rhombus">鈼�</span>璇疯蛋杩涘墽鍦鸿鐪嬩笉鍚屽墽绉嶇殑鐜板満婕斿嚭锛屾劅鍙楁垙鍓х殑榄呭姏鍚э紒
+ </p>
<p class="center text">
<video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" @play="videoPlay"
+ controlslist="nodownload" class="w100 video"
style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
</p>
<p class="center videoname">
<span>瑙嗛锛氭儫濡欐儫鑲栫殑浜虹墿 </span>
<el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
placement="top-start">
- <img :src="chapterData.isCollectVideo ? collectCheck : collectImg" alt="" class="collect-btn"
+ <img :src="collectResourceList.findIndex(item => item.id == 'a3c9b55ac8227e4c885384ff2fc6c0e7') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
@click="handleCollect('video')" />
</el-tooltip>
</p>
@@ -250,22 +267,27 @@
<script>
import drag from "@/components/dragQuestion/index.vue"
import { getResourcePath } from "@/assets/methods/resources";
-import choice from "@/components/choice/choice.vue"
+import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
name: "chapterTwo",
- components: { choice,drag },
+ components: { drag },
props: {
showPageList: {
type: Array,
},
},
//鍦ㄨ繖閲屽璋冪敤鐨勬柟娉曡繘琛屾寕杞�
- mounted() {
+ async mounted() {
this.getVidoePath();
const bookQuestion = localStorage.getItem("artAndDrama-book-question-two");
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
}
+ const data = localStorage.getItem("artAndDrama-chapter02-Data");
+ if (data) {
+ this.chapterData = JSON.parse(data);
+ }
+ this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
},
data() {
return {
@@ -273,6 +295,12 @@
collectCheck: require("../../assets/images/icon/heart-check.png"),
videoPathOne: "",
auidoPathOne: "",
+ auidoPathTwo: "",
+ auidoPathThree: "",
+ auidoPathFour: "",
+ auidoPathFive: "",
+ isFocused: null, // 鐢ㄤ簬璺熻釜textarea鐨勮仛鐒︾姸鎬�
+ collectResourceList:[],
chapterData: {
isCollectImg: false,
isCollectVideo: false,
@@ -288,13 +316,6 @@
five: "",
six: "",
seven: "",
- eight: "",
- nine: "",
- ten: "",
- eleven: "",
- twelve: "",
- thirteen: "",
- fourteen: "",
},
reading: {
one: "",
@@ -312,10 +333,10 @@
nine: "",
},
},
- dragQuestion:[
- {
+ dragQuestion: [
+ {
analysisCon: null,
- answer: ['A','B','C'],
+ answer: ['C', 'A', 'B'],
difficulty: 0,
id: "7BC7B760",
isCollect: false,
@@ -330,21 +351,21 @@
index: "010311",
txt: "鑳嗗皬鐨�",
value: "A",
- isShow:true
+ isShow: true
},
{
img: "",
index: "010312",
txt: "鍠勮壇鐨�",
value: "B",
- isShow:true
+ isShow: true
},
{
img: "",
index: "010313",
txt: "娌夌ǔ鐨�",
value: "C",
- isShow:true
+ isShow: true
},
],
optionStyle: "Txt",
@@ -352,85 +373,85 @@
score: 2,
stem: {
0: "铓傝殎闃熼暱璧拌矾鏄傞鎸鸿兏銆佹浼愬潥瀹氾紝瀹冩槸涓�鍙�(",
- 1:{
+ 1: {
data: "span",
num: 0
},
2: ")铓傝殎;灏忚殏铓佽蛋璧疯矾鏉ュ皬蹇冪考缈硷紝鐪肩椋樺拷涓嶅畾锛屽畠鏄竴鍙�(",
- 3:{
- data:"span",
- num:1
+ 3: {
+ data: "span",
+ num: 1
},
- 4:")铓傝殎;铓傝殎灏忓闈㈠甫寰瑧锛屾椂鍒绘効鎰忓府鍔╁ぇ瀹讹紝瀹冩槸涓�鍙�(",
- 5:{
- data:"span",
- num:2,
+ 4: ")铓傝殎;铓傝殎灏忓闈㈠甫寰瑧锛屾椂鍒绘効鎰忓府鍔╁ぇ瀹讹紝瀹冩槸涓�鍙�(",
+ 5: {
+ data: "span",
+ num: 2,
},
- 6:" )铓傝殎"
+ 6: " )铓傝殎"
},
stemStyle: "RichTxt",
type: "鎷栨嫿棰�",
- userAnswer:[
+ userAnswer: [
{
- vlaue:'',
- txt:''
+ vlaue: '',
+ txt: ''
},
{
- vlaue:'',
- txt:''
+ vlaue: '',
+ txt: ''
},
{
- vlaue:'',
- txt:''
+ vlaue: '',
+ txt: ''
},
]
},
],
questions: [
- {
- analysisCon: "undefined",
- answer: ['C', 'A', 'B'],
- difficulty: 0,
- id: 47775,
- isCollect: false,
- isComplete: false,
- isRight: null,
- isUnfold: "",
- isUserAnswer: false,
- number: 1,
- options: [
- {
- "img": "",
- "index": "3CA6",
- "txt": "鑳嗗皬鐨�",
- "value": "A"
- },
- {
- "img": "",
- "index": "73EE",
- "txt": "鍠勮壇鐨�",
- "value": "B"
- },
- {
- "img": "",
- "index": "6AEF",
- "txt": "娌夌ǔ鐨�",
- "value": "C"
- },
- ],
- optionStyle: "Image",
- questionType: "singleChoice",
- score: 2,
- stem: {
- "stemTxt": "铓傝殎闃熼暱璧拌矾鏄傞鎸鸿兏銆佹浼愬潥瀹氾紝瀹冩槸涓�鍙紙銆�銆�锛夎殏铓侊紱灏忚殏铓佽蛋璧疯矾鏉ュ皬蹇冪考缈硷紝鐪肩椋樺拷涓嶅畾锛屽畠鏄竴鍙紙銆�銆�锛夎殏铓侊紱铓傝殎灏忓闈㈠甫寰瑧锛屾椂鍒绘効鎰忓府鍔╁ぇ瀹讹紝瀹冩槸涓�鍙紙銆�銆�锛夎殏铓併��"
- },
- stemStyle: "Txt",
- userAnswer: "",
- // 鍗曢�夐杩欓噷鐨勫瓧娈靛唴瀹瑰氨鏄�"鍗曢�夐"
- type: 'sort'
- },
- ],
- accentColor:'green',
+ {
+ analysisCon: "undefined",
+ answer: ['C', 'A', 'B'],
+ difficulty: 0,
+ id: 47775,
+ isCollect: false,
+ isComplete: false,
+ isRight: null,
+ isUnfold: "",
+ isUserAnswer: false,
+ number: 1,
+ options: [
+ {
+ "img": "",
+ "index": "3CA6",
+ "txt": "鑳嗗皬鐨�",
+ "value": "A"
+ },
+ {
+ "img": "",
+ "index": "73EE",
+ "txt": "鍠勮壇鐨�",
+ "value": "B"
+ },
+ {
+ "img": "",
+ "index": "6AEF",
+ "txt": "娌夌ǔ鐨�",
+ "value": "C"
+ },
+ ],
+ optionStyle: "Image",
+ questionType: "singleChoice",
+ score: 2,
+ stem: {
+ "stemTxt": "铓傝殎闃熼暱璧拌矾鏄傞鎸鸿兏銆佹浼愬潥瀹氾紝瀹冩槸涓�鍙紙銆�銆�锛夎殏铓侊紱灏忚殏铓佽蛋璧疯矾鏉ュ皬蹇冪考缈硷紝鐪肩椋樺拷涓嶅畾锛屽畠鏄竴鍙紙銆�銆�锛夎殏铓侊紱铓傝殎灏忓闈㈠甫寰瑧锛屾椂鍒绘効鎰忓府鍔╁ぇ瀹讹紝瀹冩槸涓�鍙紙銆�銆�锛夎殏铓併��"
+ },
+ stemStyle: "Txt",
+ userAnswer: "",
+ // 鍗曢�夐杩欓噷鐨勫瓧娈靛唴瀹瑰氨鏄�"鍗曢�夐"
+ type: 'sort'
+ },
+ ],
+ accentColor: 'green',
};
},
methods: {
@@ -439,39 +460,64 @@
this.videoPathOne = await getResourcePath(
"a3c9b55ac8227e4c885384ff2fc6c0e7"
);
- // this.auidoPathOne = await getResourcePath(
- // "2c5f6c69b0f9f7a3c03e473cb8c977f5"
- // );
+ this.auidoPathOne = await getResourcePath(
+ "0c147c73d67672d1538f76fa22793ff1"
+ );
+ this.auidoPathTwo = await getResourcePath(
+ "daf62713e056d875baa37283c6190a46"
+ );
+ this.auidoPathThree = await getResourcePath(
+ "126edb6a476971840e4c6abf0a3e9da5"
+ );
+ this.auidoPathFour = await getResourcePath(
+ "2485785e9a21a78bcfc58db132537ffd"
+ );
+ this.auidoPathFive = await getResourcePath(
+ "a37bb621b2591e3666e94d1a3bc23bc0"
+ );
},
+ handleFocus(id) {
+ this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
+ },
+ handleBlur(id) {
+ this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse
+ },
setBookQuestion() {
- console.log("淇濆瓨");
localStorage.setItem(
"artAndDrama-book-question-two",
JSON.stringify(this.questionData)
);
},
- //闊抽
- audioPlay(e) {
- this.$emit('closeAudio', e.srcElement.currentSrc)
- },
- //瑙嗛
- videoPlay(e) {
- this.$emit('closeVideo', e.srcElement.currentSrc)
- },
handleChapterData() {
localStorage.setItem(
- "math-chapterData",
+ "artAndDrama-chapter02-Data",
JSON.stringify(this.chapterData)
);
},
handleCollect(type) {
- if (type == "img") {
- this.chapterData.isCollectImg = !this.chapterData.isCollectImg;
- } else if (type == "video") {
- this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
- }
+ if (type == "video") {
+ this.handleCollectResource("a3c9b55ac8227e4c885384ff2fc6c0e7","a3c9b55ac8227e4c885384ff2fc6c0e7",'',"瑙嗛","bits",'瑙嗛锛氭儫濡欐儫鑲栫殑浜虹墿')
+ }
this.handleChapterData();
},
+ //璧勬簮鏀惰棌浜嬩欢
+ handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
+ let list = this.collectResourceList
+ if (list.findIndex(item => item.id == id) > -1) {
+ list = list.filter(item => item.id != id)
+ } else {
+ list.push({
+ id,
+ md5,
+ resourcePath,
+ resourceType,
+ source,
+ resourceName,
+ })
+ }
+ this.collectResourceList = list
+ setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
+ }
},
};
</script>
@@ -500,4 +546,10 @@
height: 100%;
background-color: red;
}
+
+.drag-text {
+ margin: 0 4%;
+ font-family: "STKaiti";
+ font-size: 19px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.1