From 4dc1aa46d4b9b2010fca512bb6ebf83cd59e9b70 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 29 五月 2024 21:58:53 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/childHealth/view/content/components/chapter001.vue | 508 +++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 427 insertions(+), 81 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index 4cf7e23..928bb8b 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -41,6 +41,7 @@ <h6 class="Conclusion-title2"> <img + data-imgurl="../../../assets/images/icon/gjc.png" class="img-gn" alt="" src="../../../assets/images/icon/gjc.png" @@ -48,18 +49,25 @@ 涓撻瀵煎 </h6> <p class="blockh6 m0-t0"> - <el-image + <!-- <el-image alt="" :src="introductionImg" :preview-src-list="[introductionImg]" class="mb-20 open-image" - /> + /> --> + <span id="open-image" @click="openImage"> + <img + src="../../../assets/images/chapterOne/0014-1.jpg" + data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg" + class="w100 mt-20" + /> + </span> </p> </div> </div> <!-- 2 --> - <div class="page-box" page="10"> - <div v-if="showPageList.indexOf(10) > -1"> + <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1"> + <div v-show="showPageList.indexOf(10) > -1"> <div class="header-box"> <div class="header-border-box"></div> <div class="header-num-box"> @@ -77,13 +85,40 @@ <span class="fl fl-cn mb-20"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�</span> - <span class="t0" @click="changeResources('learnTbaleOne')"> - <img + <span + class="svg-btn t0" + @click="changeResources('learnTbaleOne')" + > + <!-- <img src="../../../assets/images/icon/document.png" alt="" style="margin-left: 10px" class="btn" - /> + /> --> + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> </span> </span> <table @@ -149,7 +184,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qOne" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -160,7 +194,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qTwo" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -171,7 +204,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qTHree" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -182,7 +214,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qFour" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -193,7 +224,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qFive" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -204,7 +234,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qSix" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -215,7 +244,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qSeven" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -226,7 +254,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qEight" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> <span class="ds-bl mt-10" @@ -237,7 +264,6 @@ rows="4" v-model="chapterOneData.learnTableOne.qNine" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" ></textarea> </td> @@ -257,13 +283,33 @@ <span class="fl fl-cn mb-20"> <span class="learn-title-text">瑙嗛锛�</span> <span class="t0">浜轰綋姒傝堪</span> - <span class="t0" @click="changeResources('videoOne')"> - <img + <span class="svg-btn t0" @click="changeResources('videoOne')"> + <!-- <img src="../../../assets/images/icon/video.png" alt="" style="margin-left: 10px" class="btn" - /> + /> --> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="16" + height="15" + viewBox="0 0 19.863 13.817" + > + <g transform="translate(-40.961 -184.321)"> + <path + class="a" + d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z" + transform="translate(51.824 196.82) rotate(-90)" + /> + <path + class="b" + d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z" + transform="translate(-3269 15293.001)" + /> + </g> + </svg> </span> <!-- <svg @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> --> @@ -288,21 +334,32 @@ <span class="learn-title-text">浜戞祴璇曪細</span> <span class="t0">浜轰綋姒傝堪</span> <!-- <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> --> - <span class="t0" @click="changeResources('testOne')"> - <img + <span class="svg-btn t0" @click="changeResources('testOne')"> + <!-- <img src="../../../assets/images/icon/topic.png" alt="" style="margin-left: 10px" class="btn" - /> + /> --> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="16" + height="16" + viewBox="0 0 20.115 19.988" + > + <path + class="a" + d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z" + transform="translate(-3351.001 15212)" + /> + </svg> </span> </span> <examinations v-if="testOne && questionData" ref="examinationOne" :cardList="questionData[10]" - :chapter="1" - :page="2" /> </div> <h2 class="module_block" id="b001" style="margin: 0"> @@ -374,8 +431,8 @@ </div> </div> <!-- 3 --> - <div class="page-box" page="11"> - <div v-if="showPageList.indexOf(11) > -1"> + <div class="page-box" page="11" :show="showPageList.indexOf(11) > -1"> + <div v-show="showPageList.indexOf(11) > -1"> <div class="page-header-box"> <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span @@ -412,7 +469,47 @@ <p>鏂扮敓鍎块楠艰倢鐨勮川閲忎粎鍗犱綋閲嶇殑1/5宸﹀彸锛岄殢鐫�骞撮緞</p> </div> <div class="bottom-right" style="width: 35%"> - <el-carousel + <div class="mt-40"> + <div class="banshi openImgBox"> + <div class="swiper-container"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/bones1.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/bones2.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/bones3.png" + /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + </div> + <!-- <el-carousel trigger="click" class="bones-carousel carousel-image" arrow="always" @@ -430,7 +527,7 @@ class="open-image" /> </el-carousel-item> - </el-carousel> + </el-carousel> --> <p class="img">鍥�1-2 鎴愪汉鑴婃煴妯″紡鍥�</p> </div> </div> @@ -656,13 +753,39 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚浜� 鍛煎惛绯荤粺鑷富瀛︿範浠诲姟鍗�</span> - <img + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableTwo')" style="margin-left: 10px" class="btn" - /> + /> --> + <span class="svg-btn t0" @click="changeResources('learnTableTwo')"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> </div> <table v-if="learnTableTwo" @@ -903,7 +1026,7 @@ </div> <div class="right" style="width: 60%"> <video - :src="pathFive" + :src="getResourcePath('163c06871b763954952d1cd74373c618')" poster="../../../assets/images/chapterOne/people-video-img.jpg" webkit-playsinline="true" x-webkit-airplay="true" @@ -1084,13 +1207,42 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚涓� 寰幆绯荤粺鑷富瀛︿範浠诲姟鍗�</span> - <img + <span + class="t0 svg-btn" + @click="changeResources('learnTableThree')" + > + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableThree')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableThree" @@ -1512,13 +1664,39 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚鍥� 娑堝寲绯荤粺鑷富瀛︿範浠诲姟鍗�</span> - <img + <span class="t0 svg-btn" @click="changeResources('learnTableFour')"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableFour')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableFour" @@ -1992,13 +2170,39 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚浜� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span> - <img + <span class="t0 svg-btn" @click="changeResources('learnTableFive')"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableFive')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableFive" @@ -2295,13 +2499,39 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚鍏� 鐢熸畺绯荤粺鑷富瀛︿範浠诲姟鍗�</span> - <img + <span class="t0 svg-btn" @click="changeResources('learnTableSix')"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableSix')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableSix" @@ -2558,13 +2788,42 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚涓� 鍐呭垎娉岀郴缁熻嚜涓诲涔犱换鍔″崟</span> - <img + <span + class="t0 svg-btn" + @click="changeResources('learnTableSeven')" + > + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableSeven')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableSeven" @@ -2864,13 +3123,42 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚鍏� 绁炵粡绯荤粺鑷富瀛︿範浠诲姟鍗�</span> - <img + <span + class="t0 svg-btn" + @click="changeResources('learnTableEight')" + > + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableEight')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableEight" @@ -3373,13 +3661,39 @@ <div class="mb-20 fm-st fl fl-cn t2"> <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> <span class="t0">涓撻涓�瀛︿範涓婚涔� 鎰熻鍣ㄥ畼鑷富瀛︿範浠诲姟鍗�</span> - <img + <span class="t0 svg-btn" @click="changeResources('learnTableNine')"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="16" + height="17" + viewBox="0 0 19.28 20.563" + > + <g transform="translate(-109.056 -82.941)"> + <path + class="a" + d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" + d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> + </g> + </svg> + </span> + <!-- <img src="../../../assets/images/icon/document.png" alt="" @click="changeResources('learnTableNine')" style="margin-left: 10px" class="btn" - /> + /> --> </div> <table v-if="learnTableNine" @@ -4305,20 +4619,20 @@ </div> </div> </template> - <script> import examinations from "@/components/examinations/index.vue"; import getResourcePath from "@/assets/methods/resources"; + export default { name: "chapter-one", components: { examinations }, props: { - showPageList:{ - type:Array, - default:[] + showPageList: { + type: Array, + default: [] }, - questionData:{ - type:Object + questionData: { + type: Object } }, data() { @@ -4331,19 +4645,15 @@ jointImg: require("../../../assets/images/chapterOne/0017-1.jpg"), footImg: require("../../../assets/images/chapterOne/0017-2.jpg"), sitImg: require("../../../assets/images/chapterOne/0018-1.jpg"), - bonesList: [ - require("../../../assets/images/chapterOne/bones1.png"), - require("../../../assets/images/chapterOne/bones2.png"), - require("../../../assets/images/chapterOne/bones3.png"), - ], + bonesList: [], footList: [ require("../../../assets/images/chapterOne/foot-01.png"), - require("../../../assets/images/chapterOne/foot-02.png"), + require("../../../assets/images/chapterOne/foot-02.png") ], posureList: [ require("../../../assets/images/chapterOne/posture-01.png"), require("../../../assets/images/chapterOne/posture-02.png"), - require("../../../assets/images/chapterOne/posture-03.png"), + require("../../../assets/images/chapterOne/posture-03.png") ], resourceState: "", type: "option", @@ -4370,6 +4680,7 @@ eyesImg: require("../../../assets/images/chapterOne/0046-2.jpg"), ersImg: require("../../../assets/images/chapterOne/0048-1.jpg"), erImg: require("../../../assets/images/chapterOne/0048-2.jpg"), + img: require("@/books/childHealth/assets/images/chapterOne/0014-1.jpg"), productLinkPath: "", learnTbaleOne: true, videoOne: true, @@ -4413,7 +4724,7 @@ qSix: "", qSeven: "", qEight: "", - qNine: "", + qNine: "" }, learnTableTwo: { qOne: "", @@ -4424,7 +4735,7 @@ qSix: "", qSeven: "", qEight: "", - qNine: "", + qNine: "" }, learnTableThree: { qOne: "", @@ -4435,7 +4746,7 @@ qSix: "", qSeven: "", qEight: "", - qNine: "", + qNine: "" }, learnTableFour: { qOne: "", @@ -4446,7 +4757,7 @@ qSix: "", qSeven: "", qEight: "", - qNine: "", + qNine: "" }, learnTableFive: { qOne: "", @@ -4457,14 +4768,14 @@ qSix: "", qSeven: "", qEight: "", - qNine: "", + qNine: "" }, learnTableSix: { qOne: "", qTwo: "", qThree: "", qFour: "", - qFive: "", + qFive: "" }, learnTableSeven: { qOne: "", @@ -4473,7 +4784,7 @@ qFour: "", qFive: "", qSix: "", - qSeven: "", + qSeven: "" }, learnTableEnight: { qOne: "", @@ -4484,7 +4795,7 @@ qSix: "", qSeven: "", qEight: "", - qNine: "", + qNine: "" }, learnTableNine: { qOne: "", @@ -4494,36 +4805,36 @@ qFive: "", qSix: "", qSeven: "", - qEight: "", + qEight: "" }, question: { judge: { qOne: "", qTwo: "", qThree: "", - qFour: "", + qFour: "" }, fill: { qOne: { one: "", - two: "", + two: "" }, qTwo: { oen: "", - two: "", + two: "" }, qThree: { one: "", - two: "", + two: "" }, qFour: { one: "", - two: "", + two: "" }, qFive: { one: "", - two: "", - }, + two: "" + } }, short: { qOne: "", @@ -4532,13 +4843,15 @@ qFour: "", qFive: "", qSix: "", - qSeven: "", - }, - }, + qSeven: "" + } + } }, + swiper: null }; }, async mounted() { + this.getResourcePath = getResourcePath; this.getVideoPath(); const localData = localStorage.getItem("chapterOneData"); if (localData) { @@ -4562,9 +4875,16 @@ } localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData)); }, + watch: { + showPageList: { + handler(newVal, oldVal) { + console.log(newVal, "绔犺妭鎺ユ敹鍐呭"); + } + } + }, methods: { changeResources(type) { - console.log("鐐瑰嚮",this.$props.questionData); + console.log("鐐瑰嚮", this.$props.questionData); if (type == "learnTbaleOne") { this.$data.learnTbaleOne = !this.$data.learnTbaleOne; } else if (type == "videoOne") { @@ -4609,15 +4929,34 @@ }, saveChapterOneData() { // 璁板綍绗竴寮犺緭鍏ユ暟鎹� - console.log("20miao"); this.saveTime = 20; - console.log(this.chapterOneData); localStorage.setItem( "chapterOneData", JSON.stringify(this.chapterOneData) ); }, - }, + + openImage() { + let container = document.getElementById("open-image"); + let viewr = new Viewer(container, { + inline: false, // 鏄惁浠ュ唴鑱旀柟寮忔樉绀洪瑙� + url: "data-imgurl", + toolbar: { + zoomIn: 1, // 鏄惁鏄剧ず鏀惧ぇ鎸夐挳 + zoomOut: 1, // 鏄惁鏄剧ず缂╁皬鎸夐挳 + oneToOne: 1, // 鏄惁鏄剧ず瀹為檯澶у皬鎸夐挳 + reset: 1, // 鏄惁鏄剧ず閲嶇疆鎸夐挳 + prev: 1, // 鏄惁鏄剧ず涓婁竴椤垫寜閽� + play: 0, // 鏄惁鏄剧ず鎾斁鎸夐挳 + next: 1, // 鏄惁鏄剧ず涓嬩竴椤垫寜閽� + rotateLeft: 0, // 鏄惁鏄剧ず鍚戝乏鏃嬭浆鎸夐挳 + rotateRight: 0, // 鏄惁鏄剧ず鍚戝彸鏃嬭浆鎸夐挳 + flipHorizontal: 0, // 鏄惁鏄剧ず姘村钩缈昏浆鎸夐挳 + flipVertical: 0 // 鏄惁鏄剧ず鍨傜洿缈昏浆鎸夐挳 + } + }); + } + } }; </script> @@ -4701,4 +5040,11 @@ display: flex; justify-content: space-evenly; } + +.banshi { + margin-top: 40px; + width: 100%; + height: 250px; + margin: 0 auto; +} </style> -- Gitblit v1.9.1