From a954bafb1bb4a70b2baf768230f2c50fd5c7163c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期四, 13 六月 2024 14:20:53 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/artAndDrama/view/components/chapter002.vue |  637 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 637 insertions(+), 0 deletions(-)

diff --git a/src/books/artAndDrama/view/components/chapter002.vue b/src/books/artAndDrama/view/components/chapter002.vue
new file mode 100644
index 0000000..1fb35c7
--- /dev/null
+++ b/src/books/artAndDrama/view/components/chapter002.vue
@@ -0,0 +1,637 @@
+<template>
+  <div class="chapter" num="3">
+    <div class="page-box" page="14" style="min-height: auto">
+      <div v-if="showPageList.indexOf(14) > -1">
+        <h1 id="a004">
+          <!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
+          <img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
+          <audio :src="auidoPathOne" controls></audio>
+        </h1>
+        <div class="bodystyle">
+          <div class="bk">
+            <div class="bj1">
+              <p class="left">
+                <img class="img-gn" alt="" src="../../assets/images/dydd.jpg" />
+              </p>
+            </div>
+
+            <p class="block">
+              鎴忓墽琛ㄦ紨涓殑鍔ㄤ綔銆佷綋鎬併�佺溂绁炪�佸0闊冲湪濉戦�犺鑹叉椂璧峰埌浜嗛噸瑕佺殑浣滅敤銆傛湰鍗曞厓鎴戜滑灏嗙户缁涔犮�婁竴鍧楀ザ閰�嬬殑鏁呬簨锛屽苟浠ュ伓鍓х殑褰㈠紡杩涜琛ㄦ紨銆�
+            </p>
+          </div>
+        </div>
+        <p><br /></p>
+        <h1><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
+      </div>
+    </div>
+    <div class="page-box" page="15" style="min-height: auto">
+      <div v-if="showPageList.indexOf(15) > -1">
+        <h1>
+          <img
+            src="../../assets/images/header-green.png"
+            alt=""
+            style="width: 100%; height: auto"
+          />
+        </h1>
+        <div class="bodystyle">
+          <img src="../../assets/images/page5.png" alt="" />
+          <h2 id="b006">绗竴璇俱��浜斿畼鐨勫姏閲�</h2>
+          <h3 class="lefth3" id="c011">
+            <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
+          </h3>
+          <p><span class="hs1">鈼�</span>鎴戞槸灏忕敾瀹�</p>
+          <p>淇濇寔澶撮儴涓嶅姩锛岃瘯鐫�鐢ㄧ溂绁炵敾鍑轰笅闈㈢殑鍥炬鍚э紒</p>
+          <p class="center">
+            <img class="img-e" alt="" src="../../assets/images/0016-1.jpg" />
+          </p>
+          <p><span class="hs1">鈼�</span>鍡呰澶у啋闄�</p>
+          <p>
+            浣犳渶鐖卞悆鐨勯鐗╂槸_________銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛�
+          </p>
+          <p>
+            浣犳渶涓嶇埍鍚冪殑椋熺墿鏄痏________銆傚綋闂诲埌瀹冪殑鍛抽亾鏃讹紝浣犱細鍋氬嚭浠�涔堣〃鎯呭憿锛�
+          </p>
+          <h3 class="lefth3" id="c012">
+            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
+          </h3>
+          <p>
+            <span class="hs1">鈼�</span
+            >浠ュ皬缁勪负鍗曚綅锛屼娇鐢ㄦ墜鍋堕亾鍏疯〃婕旈檮褰曚腑鐨勫墽鏈�夋2銆�
+          </p>
+          <p class="center">
+            <img class="img-e" alt="" src="../../assets/images/0016-2.jpg" />
+          </p>
+        </div>
+        <p><br /></p>
+        <h1><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
+      </div>
+    </div>
+    <!--<div class="page-box" page="16" style="min-height: auto">
+        <div v-if="showPageList.indexOf(16) > -1">
+          <h1>
+            <img
+              src="../../assets/images/page6-header-green.png"
+              alt=""
+              style="height: auto; width: 100%"
+            />
+          </h1>
+          <div class="bodystyle">
+            <h1 class="lefth3" id="c002">
+              <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
+            </h1>
+            <p><span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</p>
+            <p class="center">
+              <img class="img-e" alt="" src="../../assets/images/1-2铓傝殎涓惧ぇ鏍�.gif" />
+            </p>
+            <p>铓傝殎鏄吀鍨嬬殑锛堛��銆�锛夋槅铏�傦紙澶氶�夛級</p>
+            <p>A.缇ゅ眳</p>
+            <p>B.绀句細鎬�</p>
+            <p>C.鐙眳</p>
+            <p>铓傝殎鍐呴儴鏈夛紙銆�銆�锛夊垎宸ャ�傦紙澶氶�夛級</p>
+            <p>A.鏄庣‘鐨�</p>
+            <p>B.濂囨�殑</p>
+            <p>C.鏈夊簭鐨�</p>
+            <p>涓�涓紙銆�銆�锛夌兢浣撳皯涓嶄簡榛樺鐨勯厤鍚堛�傦紙澶氶�夛級</p>
+            <p>A.鍥㈢粨鐨�</p>
+            <p>B.浼樼鐨�</p>
+            <p>C.鏉炬暎鐨�</p>
+            <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"
+              style="margin-top: 40px"
+            ></video>
+          </div>
+  
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+          </p>
+        </div>
+      </div>
+      <div class="page-box" page="17" style="min-height: auto">
+        <div v-if="showPageList.indexOf(17) > -1">
+          <h1>
+            <img
+              src="../../assets/images/header-green.png"
+              alt=""
+              style="width: 100%; height: auto"
+            />
+          </h1>
+          <div class="bodystyle">
+            <img src="../../assets/images/page5.png" alt="" />
+            <h2 id="b002">绗簩璇俱��娲ユ触涔愰亾</h2>
+            <h3 class="lefth3" id="c003">
+              <img class="img-gn1" alt="" src="image/rhybx.jpg" />
+            </h3>
+            <p>
+              <span class="hs1">鈼�</span
+              >璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+            </p>
+            <audio :src="auidoPathThree" controls></audio>
+            <div class="bj3">
+              <p class="center">
+                <span class="hs"
+                  >鏄�<a id="w1"></a><a href="chapter003.html#m1"><sup>[1]</sup></a
+                  >锛堣妭閫夛級</span
+                >
+              </p>
+              <p class="center">鏈辫嚜娓�</p>
+              <p class="block">
+                鐩兼湜鐫�锛�<span class="un1">鐩兼湜鐫�</span>锛屼笢椋庢潵浜嗭紝鏄ュぉ鐨勮剼姝�<span
+                  class="un1"
+                  >杩�</span
+                >浜嗐��
+              </p>
+              <p class="block">
+                涓�鍒囬兘鍍�<span class="un1">鍒氱潯閱�</span>鐨勬牱瀛愶紝娆f鐒�<span
+                  class="un1"
+                  >寮犲紑</span
+                >浜嗙溂銆傚北<span class="un1">鏈楁鼎</span>璧锋潵浜嗭紝姘�<span class="un1"
+                  >娑�</span
+                >璧锋潵浜嗭紝澶槼鐨勮劯<span class="un1">绾�</span>璧锋潵浜嗐��
+              </p>
+            </div>
+            <h3 class="lefth3" id="c004">
+              <img class="img-gn1" alt="" src="image/czysj.jpg" />
+            </h3>
+            <p>
+              <span class="hs1">鈼�</span
+              >鍦ㄣ�婁竴鍧楀ザ閰�嬬殑鏁呬簨涓紝灏忚殏铓佷滑閮芥湁鍚勮嚜鐨勭珛鍦猴紝浣犺兘鐞嗚В浠栦滑鐨勬兂娉曞悧锛熻浣犲拰鍚屼即鏍规嵁鏁呬簨鍐呭璁ㄨ涓�涓嬨��
+            </p>
+            <hr />
+            <p class="note">
+              <a id="m1"></a><a href="chapter003.html#w1">[1]</a>
+              鏈辫嚜娓咃細銆婃槬銆嬶紝瑙佹俯鍎掓晱绛夛細銆婁箟鍔℃暀鑲叉暀绉戜功 璇枃
+              涓冨勾绾т笂鍐屻�嬶紝2椤碉紝鍖椾含锛屼汉姘戞暀鑲插嚭鐗堢ぞ锛�2016銆�
+            </p>
+          </div>
+  
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+          </p>
+        </div>
+      </div>
+      <div class="page-box" page="18" style="min-height: auto">
+        <div v-if="showPageList.indexOf(18) > -1">
+          <h1>
+            <img
+              src="../../assets/images/header-green.png"
+              alt=""
+              style="width: 100%; height: auto"
+            />
+          </h1>
+          <div class="bodystyle">
+            <img src="../../assets/images/page5.png" alt="" />
+            <h2 id="b003">绗笁璇俱��鍐呭績鐨勫0闊�</h2>
+            <h1 class="lefth3" id="c005">
+              <img
+                class="img-gn1"
+                alt=""
+                src="../../assets/images/1-3.gif"
+                style="height: auto; width: 50%"
+              />
+            </h1>
+            <p>
+              <span class="hs1">鈼�</span
+              >璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+            </p>
+            <p class="center">
+              <img class="img-e" alt="" src="image/0009-1.jpg" />
+            </p>
+            <audio :src="auidoPathTwo" controls></audio>
+            <div class="bj3">
+              <p class="center">
+                <span class="hs"
+                  >鏄�<a id="w1"></a><a href="chapter004.html#m1"><sup>[1]</sup></a
+                  >锛堣妭閫夛級</span
+                >
+              </p>
+              <p class="center">鏈辫嚜娓�</p>
+              <p class="block">
+                灏忚崏鍋峰伔鍦颁粠鍦熼噷<span class="un1">閽诲嚭鏉�</span>锛�<span class="un1"
+                  >瀚╁鐨�</span
+                >锛�<span class="un1">缁跨豢鐨�</span>銆傚洯瀛愰噷锛岀敯閲庨噷锛�<span
+                  class="un1"
+                  >鐬�</span
+                >鍘伙紝涓�澶х墖涓�澶х墖婊℃槸鐨勩��<span class="un1">鍧�</span>鐫�锛�<span
+                  class="un1"
+                  >韬�</span
+                >鐫�锛�<span class="un1">鎵�</span>涓や釜<span class="un1">婊�</span
+                >鍎匡紝<span class="un1">韪�</span>鍑犺剼<span class="un1">鐞�</span
+                >锛�<span class="un1">璧�</span>鍑犺稛<span class="un1">璺�</span
+                >锛�<span class="un1">鎹�</span>鍑犲洖<span class="un1">杩疯棌</span
+                >銆傞<span class="un1">杞绘倓鎮�</span>鐨勶紝鑽�<span class="un1"
+                  >杞坏缁�</span
+                >鐨勩��
+              </p>
+            </div>
+            <h3 class="lefth3" id="c006">
+              <img class="img-gn1" alt="" src="image/czysj.jpg" />
+            </h3>
+            <p class="center">
+              <img class="img-e" alt="" src="image/0010-1.jpg" />
+            </p>
+            <hr />
+            <p class="note">
+              <a id="m1"></a><a href="chapter004.html#w1">[1]</a>
+              鏈辫嚜娓咃細銆婃槬銆嬶紝瑙佹俯鍎掓晱绛夛細銆婁箟鍔℃暀鑲叉暀绉戜功 璇枃
+              涓冨勾绾т笂鍐屻�嬶紝2椤碉紝鍖椾含锛屼汉姘戞暀鑲插嚭鐗堢ぞ锛�2016銆�
+            </p>
+          </div>
+        </div>
+        <p class="center">
+          <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+        </p>
+      </div>
+      <div class="page-box" page="19" style="min-height: auto">
+        <div v-if="showPageList.indexOf(19) > -1">
+          <h1>
+            <img
+              src="../../assets/images/header-green.png"
+              alt=""
+              style="width: 100%; height: auto"
+            />
+          </h1>
+          <div class="bodystyle">
+            <img src="../../assets/images/page5.png" alt="" />
+            <h3 class="lefth3" id="c006">
+              <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
+            </h3>
+            <h1 class="center">
+              <img
+                class="img-e"
+                alt=""
+                src="../../assets/images/1-4.gif"
+                style="height: auto; width: 50%"
+              />
+            </h1>
+            <p>
+              <span class="hs1">鈼�</span
+              >鐢熸椿涓紝鎴戜滑鎬讳細閬囧埌鍚勭鍚勬牱鐨勮鎯戙�傞潰瀵硅鎯戞椂锛屾垜浠殑鍐呭績甯稿父浼氭湁涓や釜涓嶅悓鐨勫0闊冲嚭鐜帮細涓�涓0闊宠姹傛垜浠弗浜庡緥宸憋紝鍙︿竴涓0闊宠姹傛垜浠殢蹇冩墍娆层�傝浣犲垎鏋愪竴涓嬶紝褰撹殏铓侀槦闀块潰瀵规帀钀界殑濂堕叒娓g殑璇辨儜鏃讹紝浠栧唴蹇冪殑涓や釜澹伴煶浼氳浜涗粈涔堝憿锛�
+            </p>
+            <p>姝d箟闃熼暱锛氣�淿________________________________銆傗��</p>
+            <p>榛戞殫闃熼暱锛氣�淿________________________________銆傗��</p>
+          </div>
+        </div>
+        <p class="center">
+          <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+        </p>
+      </div>
+      <div class="page-box" page="20" style="min-height: auto">
+        <div v-if="showPageList.indexOf(20) > -1">
+          <h1>
+            <img
+              src="../../assets/images/page6-header-green.png"
+              alt=""
+              style="width: 100%; height: auto"
+            />
+          </h1>
+          <div class="bodystyle">
+            <h2 id="b004">绗洓璇俱��韬复鍏跺</h2>
+            <h3 class="lefth3" id="c007">
+              <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
+            </h3>
+            <p>
+              <span class="hs1">鈼�</span
+              >璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+            </p>
+            <audio :src="auidoPathTwo" controls></audio>
+            <div class="bj3">
+              <p class="center">
+                <span class="hs"
+                  >鏄�<a id="w1"></a><a href="chapter005.html#m1"><sup>[1]</sup></a
+                  >锛堣妭閫夛級</span
+                >
+              </p>
+              <p class="center">鏈辫嚜娓�</p>
+              <p class="block">
+                <span class="un1">妗�</span>鏍戙��<span class="un1">鏉�</span
+                >鏍戙��<span class="un1">姊�</span
+                >鏍戯紝浣犱笉璁╂垜锛屾垜涓嶈浣狅紝閮藉紑婊′簡鑺辫刀瓒熷効銆傜孩鐨勫儚<span class="un1"
+                  >鐏�</span
+                >锛岀矇鐨勫儚<span class="un1">闇�</span>锛岀櫧鐨勫儚<span class="un1"
+                  >闆�</span
+                >銆傝姳閲屽甫鐫�鐢滃懗鍎库�︹��
+              </p>
+            </div>
+            <h3 class="lefth3" id="c008">
+              <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
+            </h3>
+            <p>
+              <span class="hs1">鈼�</span
+              >鍋囧浣犳槸鎼繍濂堕叒鐨勮殏铓侊紝浣犺鎬庝箞鎼繍涓嶅悓褰㈢姸銆佸ぇ灏忕殑濂堕叒鍛紵璇峰厛涓鸿嚜宸辫璁′竴涓墽鏈惂锛�
+            </p>
+            <p>
+              鎴戞槸铓傝殎_________锛堝悕瀛楋級锛屼粖澶╂槸_________锛堝ぉ姘旓級锛屾垜鐨勫ザ閰壒鍒玙________锛堣交/閲嶏級锛屾垜鎰熻濂絖________锛堣韩浣撴劅瑙夛級鍟婏紒
+            </p>
+            <hr />
+            <p class="note">
+              <a id="m1"></a><a href="chapter003.html#w1">[1]</a>
+              鏈辫嚜娓咃細銆婃槬銆嬶紝瑙佹俯鍎掓晱绛夛細銆婁箟鍔℃暀鑲叉暀绉戜功 璇枃
+              涓冨勾绾т笂鍐屻�嬶紝2椤碉紝鍖椾含锛屼汉姘戞暀鑲插嚭鐗堢ぞ锛�2016銆�
+            </p>
+          </div>
+        </div>
+        <p class="center">
+          <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+        </p>
+      </div>
+      <div class="page-box" page="21" style="min-height: auto">
+        <div v-if="showPageList.indexOf(21) > -1">
+          <h1>
+            <img
+              src="../../assets/images/header-green.png"
+              alt=""
+              style="width: 100%; height: auto"
+            />
+          </h1>
+          <div class="bodystyle">
+            <img src="../../assets/images/page5.png" alt="" />
+            <p class="center">
+              <img class="img-e" alt="" src="../../assets/images/1-5.gif" />
+            </p>
+            <p>
+              <span class="hs1">鈼�</span
+              >铓傝殎闃熼暱鎶婂ザ閰福鐣欑粰浜嗗勾榫勬渶灏忕殑铓傝殎锛岃耽寰椾簡澶у鐨勮鍙�傚湪鐢熸椿涓紝浣犳浘缁忓儚鈥滆殏铓侀槦闀库�濅竴鏍风埍鎶ゅ急灏忓悧锛熸垨鑰呭儚鈥滃皬铓傝殎鈥濅竴鏍峰緱鍒拌繃鍝ュ摜濮愬浠殑鍏崇埍鍚楋紵
+            </p>
+          </div>
+        </div>
+        <p class="center">
+          <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+        </p>
+      </div>
+      <div class="page-box" page="22" style="min-height: auto">
+        <div v-if="showPageList.indexOf(22) > -1">
+          <h1>
+            <img
+              src="../../assets/images/page6-header-green.png"
+              alt=""
+              style="width: 100%; height: auto"
+            />
+          </h1>
+          <div class="bodystyle">
+            <h2 id="b005">鍗曞厓娲诲姩浠诲姟</h2>
+            <h3 class="lefth3" id="c009">
+              <img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" />
+            </h3>
+            <p><span class="hs1">鈼�</span>鏀惧ぇ缂╁皬</p>
+            <p>
+              璇蜂綘浜ゆ浛鈥滄斁澶р�濆拰鈥滅缉灏忊�濅簲瀹樸�傚湪鈥滄斁澶р�濇椂锛屾兂璞′簲瀹樿椋炲埌澶栧お绌猴紱鍦ㄢ�滅缉灏忊�濇椂锛屾兂璞′簲瀹樺叏閮ㄧ缉灏忓埌浜嗛蓟灏栦笂銆�
+            </p>
+            <p><span class="hs1">鈼�</span>鎻愬崌鑻规灉鑲�</p>
+            <p>
+              鎯宠薄浣犲湪涓�涓檶鐢熺殑鍦版柟锛岃皝閮戒笉璁よ瘑锛岀獊鐒堕亣瑙佷簡濂芥湅鍙嬶紝浣犲緢楂樺叴锛屼笂鍓嶅拰浠�/濂规墦鎷涘懠銆傚仛涓�鍋氫綘姝ゆ椂鐨勮〃鎯呭惂銆�
+            </p>
+            <p><span class="hs1">鈼�</span>寰瑧璇粹�渁ng鈥�</p>
+            <p>
+              璇蜂綘璇曚竴璇曞湪鎻愬崌鑻规灉鑲岀殑鍩虹涓婏紝鍙戝嚭鈥渁ng鈥濈殑闊炽�傚0闊宠灏藉彲鑳芥媺闀裤�佷繚鎸佺ǔ瀹氾紝骞跺悜杩滈�併��
+            </p>
+            <p><span class="hs1">鈼�</span>鍚戣繙灞卞枈鈥滈樋姣涒��</p>
+            <p>
+              鎯宠薄鑷繁绔欏湪涓�搴ч珮灞变笂锛屽ソ鏈嬪弸鈥滈樋姣涒�濈珯鍦ㄥ闈㈢殑楂樺北涓婏紝浣犺濡備綍鍠婁粬鍛紵
+            </p>
+          </div>
+        </div>
+        <p class="center">
+          <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+        </p>
+      </div>
+      <div class="page-box" page="23" style="min-height: auto">
+        <div v-if="showPageList.indexOf(23) > -1">
+          <h1>
+            <img
+              src="../../assets/images/page6-header-green.png"
+              alt=""
+              style="width: 100%; height: auto"
+            />
+          </h1>
+          <div class="bodystyle">
+            <h3 class="lefth3" id="c010">
+              <img class="img-gn1" alt="" src="../../assets/images/tzyys.jpg" />
+            </h3>
+            <p><span class="hs1">鈼�</span>鎺掍竴鎺捖锋紨涓�婕旓細瀛旇瀺璁╂ⅷ</p>
+            <p>
+              瀛旇瀺鍥涘瞾灏辨噦绀艰矊銆佺煡璋﹁锛屾槸鎴戜滑瀛︿範鐨勫ソ姒滄牱锛岃鎴戜滑杩愮敤鏈崟鍏冪殑鎴忓墽鐭ヨ瘑锛屾妸浠栫殑鏁呬簨琛ㄦ紨鍑烘潵鍚э紒
+            </p>
+            <p class="center">
+              <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"
+              style="margin-top: 40px"
+            ></video>
+            </p>
+          </div>
+        </div>
+        <p class="center">
+          <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+        </p>
+      </div> -->
+  </div>
+</template>
+    
+    <script>
+//import matching from "@/components/matching/matching.vue";
+import { getResourcePath } from "@/assets/methods/resources";
+export default {
+  name: "chapterTwo",
+  //components: { matching },
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  }, 
+   //鍦ㄨ繖閲屽璋冪敤鐨勬柟娉曡繘琛屾寕杞�
+  mounted() {
+    this.getVidoePath();
+  },
+  data() {
+    return {
+      videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      auidoPathOne: "",
+      auidoPathTwo: "",
+      auidoPathThree: "",
+      rawData: {
+        left: [
+          {
+            oldId: "FB34",
+            txt: "鎴戣浣犲悆鑻规灉鍚э紒",
+          },
+          {
+            oldId: "64D6",
+            txt: "鎴戣浣犲悆鑻规灉鍚э紒",
+          },
+          {
+            oldId: "2ED4",
+            txt: "鎴戣浣犲悆鑻规灉鍚э紒",
+          },
+          {
+            oldId: "44DE",
+            txt: "鎴戣浣犲悆鑻规灉鍚э紒",
+          },
+        ],
+        right: [
+          {
+            oldId: "64D6",
+            txt: "寮鸿皟鏄瀹�",
+          },
+          {
+            oldId: "FB34",
+            txt: "寮鸿皟璇风殑鏄�滀綘鈥�",
+          },
+          {
+            oldId: "2ED4",
+            txt: "寮鸿皟鍚冪殑涓滆タ鏄�滆嫻鏋溾��",
+          },
+          {
+            oldId: "44DE",
+            txt: "寮鸿皟璇峰鐨勪汉鏄�滄垜鈥�",
+          },
+        ],
+      },
+      question: {
+        KnowledgePoint: "123",
+        analysis: "123",
+        answer: [
+          {
+            id: "FB34",
+            linkValue: "鎴戣浣犲悆鑻规灉鍚э紒",
+            value: "寮鸿皟鏄瀹�",
+          },
+          {
+            id: "64D6",
+            linkValue: "鎴戣浣犲悆鑻规灉鍚э紒",
+            value: "寮鸿皟璇风殑鏄�滀綘鈥�",
+          },
+          {
+            id: "2ED4",
+            linkValue: "鎴戣浣犲悆鑻规灉鍚э紒",
+            value: "寮鸿皟鍚冪殑涓滆タ鏄�滆嫻鏋溾��",
+          },
+          {
+            id: "44DE",
+            linkValue: "鎴戣浣犲悆鑻规灉鍚э紒",
+            value: "寮鸿皟璇峰鐨勪汉鏄�滄垜鈥�",
+          },
+        ],
+        optionStyle: undefined,
+        id: 489306,
+        options: {
+          linkValues: [
+            {
+              oldId: "64D6",
+              txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+            },
+            {
+              oldId: "44DE",
+              txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+            },
+            {
+              oldId: "FB34",
+              txt: "The clothing material is quite popular among Roman women inancient times.",
+            },
+            {
+              oldId: "2ED4",
+              txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+            },
+          ],
+          values: [
+            {
+              oldId: "FB34",
+              txt: "Martin  Silk",
+            },
+            {
+              oldId: "64D6",
+              txt: "The Great Wall",
+            },
+            {
+              oldId: "2ED4",
+              txt: "Chinese Food",
+            },
+            {
+              oldId: "44DE",
+              txt: "Chinese Tea",
+            },
+          ],
+        },
+        questionType: "matching",
+        stem: {
+          stemTxt: "鎸夐『搴忚繛绾�",
+        },
+        stemStyle: undefined,
+        titleDescription: "1",
+        userChoise: [],
+        value: [],
+      },
+    };
+  },
+
+
+  methods: {
+    //瑙嗛鍜岄煶棰戠殑MD5鍦板潃
+    async getVidoePath() {
+      this.videoPathOne = await getResourcePath(
+        "691cbd2c13198d04afc7800d0f2cafb0"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "a3c9b55ac8227e4c885384ff2fc6c0e7"
+      );
+      this.videoPathThree = await getResourcePath(
+        "dd44a1e31b4304f50d10b2481a148411"
+      );
+      this.videoPathFour = await getResourcePath(
+        "09de7704eeaaf3a210b8c6af0a94d545"
+      );
+      this.auidoPathOne = await getResourcePath(
+        "2c5f6c69b0f9f7a3c03e473cb8c977f5"
+      );
+      this.auidoPathTwo = await getResourcePath(
+        "e93c0fdde08be5a4386c8c863892a287"
+      );
+      this.auidoPathThree = await getResourcePath(
+        "e93c0fdde08be5a4386c8c863892a287"
+      );
+    },
+  },
+};
+</script>
+    
+    <style lang="less" scoped>
+.w70 {
+  width: 78%;
+}
+.fw-400 {
+  font-weight: 400 !important;
+}
+.fz-26 {
+  font-size: 26px !important;
+}
+.cover-img {
+  position: absolute;
+  top: 33%;
+  left: 23%;
+}
+.division-line {
+  width: 2px;
+  height: 100%;
+  background-color: red;
+}
+</style>
+    
\ No newline at end of file

--
Gitblit v1.9.1