From a7f98a6d0434152d9c005a4660c3ebcee790a94c Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期四, 30 五月 2024 20:18:43 +0800 Subject: [PATCH] hebing --- src/books/childHealth/view/content/components/chapter003.vue | 18 src/books/embedded/view/components/chapter001.vue | 10 src/books/embedded/view/components/index.vue | 47 src/books/English/view/components/chapter001.vue | 1286 +++++++++++++++++++------------ src/books/childHealth/view/content/components/chapter0004.vue | 13 src/books/childHealth/view/content/components/chapter008.vue | 136 +-- src/books/childHealth/view/content/components/chapter006.vue | 53 src/books/childHealth/view/content/components/chapter011.vue | 19 src/books/childHealth/view/content/components/chapter002.vue | 28 src/books/English/assets/main.less | 1 src/books/childHealth/view/content/index.vue | 47 src/books/English/assets/images/dy1-le2.jpg | 0 src/books/childHealth/view/content/components/chapter010.vue | 33 src/books/childHealth/view/content/components/chapter007.vue | 40 src/books/childHealth/view/content/components/chapter009.vue | 33 src/books/lifeCare/index.vue | 2 src/books/childHealth/view/content/components/chapter005.vue | 83 - src/App.vue | 4 src/books/English/view/components/index.vue | 66 + src/books/childHealth/view/content/components/chapter001.vue | 423 +++------- 20 files changed, 1,209 insertions(+), 1,133 deletions(-) diff --git a/src/App.vue b/src/App.vue index 96d9efc..5b6a882 100644 --- a/src/App.vue +++ b/src/App.vue @@ -64,7 +64,9 @@ // childHealth // lifeCare // sportsAndHealth - this.config.resourceCtx + "lifeCare" + // embedded + // english + this.config.resourceCtx + "childHealth" ); // 娴嬭瘯璇曡30椤� // this.activeBook.tryPageCount = 10; diff --git a/src/books/English/assets/images/dy1-le2.jpg b/src/books/English/assets/images/dy1-le2.jpg new file mode 100644 index 0000000..1f41a9f --- /dev/null +++ b/src/books/English/assets/images/dy1-le2.jpg Binary files differ diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less index 8c9df5a..a959269 100644 --- a/src/books/English/assets/main.less +++ b/src/books/English/assets/main.less @@ -841,6 +841,7 @@ } .parimary-btn { min-width: 80px; + min-height: 28px; font-size: 14px; margin-left: 5px; background-color: #0bab87; diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index 5b592fd..8dc5e7f 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/src/books/English/view/components/chapter001.vue @@ -77,19 +77,41 @@ @change="setBookQuestion" /> <span class="icon-box"> - <svg v-if="questionData.warnUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="questionData.warnUp.one.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="questionData.warnUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="questionData.warnUp.one.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -105,7 +127,10 @@ <div class="right" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0012-2.jpg" style="width: 94%" /> + <img + src="../../assets/images/0012-2.jpg" + style="width: 94%" + /> </p> <p class="center"> 2.<input @@ -115,19 +140,41 @@ @change="setBookQuestion" /> <span class="icon-box"> - <svg v-if="questionData.warnUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="questionData.warnUp.two.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="questionData.warnUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="questionData.warnUp.two.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -141,7 +188,7 @@ </p> </div> </div> - + <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> @@ -156,19 +203,41 @@ @change="setBookQuestion" /> <span class="icon-box"> - <svg v-if="questionData.warnUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="questionData.warnUp.three.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="questionData.warnUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="questionData.warnUp.three.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -184,7 +253,10 @@ <div class="right" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0012-4.jpg" style="width: 93%" /> + <img + src="../../assets/images/0012-4.jpg" + style="width: 93%" + /> </p> <p class="center"> 4.<input @@ -194,19 +266,41 @@ @change="setBookQuestion" /> <span class="icon-box"> - <svg v-if="questionData.warnUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="questionData.warnUp.four.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="questionData.warnUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="questionData.warnUp.four.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -220,7 +314,7 @@ </p> </div> </div> - + <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> @@ -235,19 +329,41 @@ @change="setBookQuestion" /> <span class="icon-box"> - <svg v-if="questionData.warnUp.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="questionData.warnUp.five.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="questionData.warnUp.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="questionData.warnUp.five.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -263,7 +379,10 @@ <div class="right" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0012-6.jpg" style="width: 92%" /> + <img + src="../../assets/images/0012-6.jpg" + style="width: 92%" + /> </p> <p class="center"> 6.<input @@ -273,19 +392,41 @@ @change="setBookQuestion" /> <span class="icon-box"> - <svg v-if="questionData.warnUp.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="questionData.warnUp.six.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="questionData.warnUp.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="questionData.warnUp.six.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -335,11 +476,11 @@ style="width: 100%" v-if="showAnswerOne" > - 绛旀锛�1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk - 6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese - papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12. - Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial - makeup + 绛旀锛�1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese + silk 6. Chinese calligraphy & painting 7. Chinese embroidery 8. + Chinese papercut 9. Chinese lantern 10. Moon cake 11. Memorial + archway 12. Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. + Opera facial makeup </p> </div> </div> @@ -381,7 +522,8 @@ <audio :src="resource.readingOne" controls></audio> </h3> <p> - 1.How was Chinese culture introduced to the world in ancient times? + 1.How was Chinese culture introduced to the world in ancient + times? <!-- <button class="parimary-btn" @click="showAnswerThree = !showAnswerThree" @@ -419,8 +561,8 @@ 绛旀锛歍he Silk Road Immigrants Sinologist </p> <p> - 2.China offers so much to see and explore.What took you by surprise - about China? + 2.China offers so much to see and explore.What took you by + surprise about China? <!-- <button class="parimary-btn" @click="showAnswerFour = !showAnswerFour" @@ -455,9 +597,10 @@ style="margin-left: 40px; width: 91%" v-if="showAnswerFour" > - 绛旀锛�(1)Various delicious food (2)Unique architectures (3)Beautiful - (4)Intangible cultural heritage, such as Taichi, shadow puppet show, - traditional Chinese medicine, Peking Opera scenery + 绛旀锛�(1)Various delicious food (2)Unique architectures + (3)Beautiful (4)Intangible cultural heritage, such as Taichi, + shadow puppet show, traditional Chinese medicine, Peking Opera + scenery </p> <p class="center"><b>My Experience in Wonderland</b></p> <p class="block"> @@ -473,9 +616,9 @@ >incredible</span > journey to China started in 2017 when I got selected as a foreign - student for PhD studies at one university.When I arrived in China,I - was like Alice in Alice in Wonderland.I was curious about the - people,the culture,the + student for PhD studies at one university.When I arrived in + China,I was like Alice in Alice in Wonderland.I was curious about + the people,the culture,the <span class="word-bc" @click="saveWord($event, 'cuisine')" >cuisine</span > @@ -485,9 +628,9 @@ >. </p> <p> - I found many great people and made several Chinese friends along the - way.These friends made me see China through the eyes of the locals.I - always found Chinese people very friendly and + I found many great people and made several Chinese friends along + the way.These friends made me see China through the eyes of the + locals.I always found Chinese people very friendly and <span class="word-bc" @click="saveWord($event, 'hospitable')" >hospitable</span > @@ -496,8 +639,8 @@ <span class="word-bc" @click="saveWord($event, 'civilization')" >civilization</span > - much easier,enjoyable and memorable.I consider China my second home - and love it like my own country! + much easier,enjoyable and memorable.I consider China my second + home and love it like my own country! </p> <p> You cannot @@ -531,9 +674,10 @@ <div class="padding-93"> <div class="bodystyle"> <p class="t0"> - a new kind of food every day for one whole year,the list of Chinese - food would still never end! Though I love to eat almost all kinds of - Chinese cuisine,I found Sichuan and Hunan cuisine quite + a new kind of food every day for one whole year,the list of + Chinese food would still never end! Though I love to eat almost + all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine + quite <span class="word-bc" @click="saveWord($event, 'mouth-watering')" >mouth-watering</span > @@ -544,7 +688,8 @@ <span class="word-bc" @click="saveWord($event, 'foodie')" >foodie</span > - like me,China is a heaven.I simply cannot live without Chinese food. + like me,China is a heaven.I simply cannot live without Chinese + food. </p> <p> Like I said earlier,China is a huge wonderland.It has thousands of @@ -561,20 +706,22 @@ @click="saveWord($event, 'atmosphere')" >atmosphere</span > - that attracts you.I visited more than a dozen cities and came across - their charming features and unique landscapes such as Huangshan,the - Great Wall,Canton Tower. + that attracts you.I visited more than a dozen cities and came + across their charming features and unique landscapes such as + Huangshan,the Great Wall,Canton Tower. </p> <p> - There is so much to explore and I am looking forward to it during my - stay.This is a whole new exciting experience for me,and it will + There is so much to explore and I am looking forward to it during + my stay.This is a whole new exciting experience for me,and it will always be remembered. </p> <!-- <p class="center"> <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" /> </p> --> <p class="fl al-cn mt-40"> - <span class="zt-cs " style="font-size:20px">Words & Expressions</span> + <span class="zt-cs" style="font-size: 20px" + >Words & Expressions</span + > <span class="line-border-box"></span> </p> <audio @@ -595,7 +742,9 @@ </p> <div class="bkbj"> <p> - <i>the food served in a restaurant (usually an expensive one)</i> + <i + >the food served in a restaurant (usually an expensive one)</i + > </p> </div> <p>landscape /藞l忙ndske瑟p/ <i>n.</i> 锛堥檰涓婏級 椋庢櫙锛屾櫙鑹�</p> @@ -613,8 +762,9 @@ <div class="bkbj"> <p> <i - >a society,its culture and its way of life (during a particular - period of time or in a particular part of the world)</i + >a society,its culture and its way of life (during a + particular period of time or in a particular part of the + world)</i > </p> </div> @@ -622,8 +772,8 @@ <div class="bkbj"> <p> <i - >to travel into or around an area or a country in order to learn - about it</i + >to travel into or around an area or a country in order to + learn about it</i > </p> </div> @@ -652,7 +802,9 @@ </ul> <div class="padding-93"> <div class="bodystyle"> - <p>stimulating /藞st瑟mjule瑟t瑟艐/ <i>adj.</i> 澧炲姞娲诲姏鐨勶紱澧炶繘鍋ュ悍鐨�</p> + <p> + stimulating /藞st瑟mjule瑟t瑟艐/ <i>adj.</i> 澧炲姞娲诲姏鐨勶紱澧炶繘鍋ュ悍鐨� + </p> <div class="bkbj"> <p> <i>making you feel more active and healthy</i> foodie /藞fu藧di/ @@ -684,7 +836,7 @@ <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p> <p>along the way 娌块��</p> <div class="bj-note"> - <p class="m0 "><b class="fz-18">Notes:</b></p> + <p class="m0"><b class="fz-18">Notes:</b></p> <p class="m0"> <i>Alice in Wonderland</i> 锛�<i >Alice's Adventures in Wonderland</i @@ -697,14 +849,75 @@ China. </p> <p> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> - Language</p> - <p><input type="checkbox" name="ball" value="People" id="2" v-model="testData.check" /> People</p> - <p><input type="checkbox" name="ball" value="Culture" id="3" v-model="testData.check" /> Culture</p> - <p><input type="checkbox" name="ball" value="Cuisine" id="4" v-model="testData.check" /> Cuisine</p> - <p><input type="checkbox" name="ball" value="Folk" id="5" v-model="testData.check" /> Folk art</p> - <p><input type="checkbox" name="ball" value="Landscapes" id="6" v-model="testData.check" /> Landscapes</p> - <p><input type="checkbox" name="ball" value="Transportation" id="7" v-model="testData.check" /> Transportation</p> + <input + type="checkbox" + name="ball" + value="Language" + id="1" + v-model="testData.check" + /> + Language + </p> + <p> + <input + type="checkbox" + name="ball" + value="People" + id="2" + v-model="testData.check" + /> + People + </p> + <p> + <input + type="checkbox" + name="ball" + value="Culture" + id="3" + v-model="testData.check" + /> + Culture + </p> + <p> + <input + type="checkbox" + name="ball" + value="Cuisine" + id="4" + v-model="testData.check" + /> + Cuisine + </p> + <p> + <input + type="checkbox" + name="ball" + value="Folk" + id="5" + v-model="testData.check" + /> + Folk art + </p> + <p> + <input + type="checkbox" + name="ball" + value="Landscapes" + id="6" + v-model="testData.check" + /> + Landscapes + </p> + <p> + <input + type="checkbox" + name="ball" + value="Transportation" + id="7" + v-model="testData.check" + /> + Transportation + </p> <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" @@ -751,8 +964,8 @@ style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer" > - 绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines are - quite mouth-watering and stimulating. + 绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines + are quite mouth-watering and stimulating. </p> <p>2.When and why did the author start her journey to China?</p> <textarea @@ -768,7 +981,8 @@ v-if="showQuestionAnswer" > 绛旀锛歐hen the author got selected as a foreign student for PhD - studies at one university in 2017, she started her journey to China. + studies at one university in 2017, she started her journey to + China. </p> <p>3.What are the author鈥檚 expectations of her stay in China?</p> <textarea @@ -814,11 +1028,11 @@ style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer" > - 绛旀锛欵ach city has its unique atmosphere with charming features and - unique landscapes. + 绛旀锛欵ach city has its unique atmosphere with charming features + and unique landscapes. </p> - Each city has its unique atmosphere with charming features and unique - landscapes. + Each city has its unique atmosphere with charming features and + unique landscapes. <p><b>鈪�.Language focus.</b></p> <p> A.Fill in the blanks with the proper words in the passage.The @@ -838,8 +1052,8 @@ type="text" class="input-bottom-border" style="width: 60px" - />.Chinese friends helped her a lot in understanding Chinese culture - and c<input + />.Chinese friends helped her a lot in understanding Chinese + culture and c<input v-model="testData.in.three" type="text" class="input-bottom-border" @@ -850,8 +1064,8 @@ class="input-bottom-border" style="width: 60px" />China properly if he/she does not try its delicious variety of - food.China has thousands of years of rich and beautiful culture.Each - city has its u<input + food.China has thousands of years of rich and beautiful + culture.Each city has its u<input v-model="testData.in.five" type="text" class="input-bottom-border" @@ -898,8 +1112,8 @@ style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer" > - 绛旀锛歁any foreigners are curious about the amazing Chinese martial - arts. + 绛旀锛歁any foreigners are curious about the amazing Chinese + martial arts. </p> <p> 3.along the way<input @@ -914,8 +1128,8 @@ style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer" > - 绛旀锛欼 suggest that you go to Tibet by train so that you can enjoy - the natural scenery along the way. + 绛旀锛欼 suggest that you go to Tibet by train so that you can + enjoy the natural scenery along the way. </p> <p> 4.come across<input @@ -1008,8 +1222,8 @@ 绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠f枃鏄庣殑鍙戝睍銆� </p> <p> - 3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea - culture in depth. + 3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese + tea culture in depth. </p> <p> <input @@ -1046,12 +1260,21 @@ <p> <b>鈪�.Grammar focus:The conditional sentence鈥攊f-clause.</b> <span class="btn-box" @click="showAnswer('showImg')"> - <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + t="1717037443722" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="30864" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z" - p-id="30865"></path> + p-id="30865" + ></path> </svg> </span> </p> @@ -1138,8 +1361,8 @@ warriors. </p> <p> - 5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken - would possibly be in top three. + 5.Ask foreigners about their favorite Chinese food.Kung Pao + Chicken would possibly be in top three. </p> <p> <b>If</b @@ -1154,8 +1377,8 @@ style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer" > - 绛旀锛� If you ask foreigners about their favorite Chinese food, Kung - Pao Chicken would possible be in top three + 绛旀锛� If you ask foreigners about their favorite Chinese food, + Kung Pao Chicken would possible be in top three </p> <p> B.Complete the following sentences using <i>if</i> or @@ -1199,8 +1422,8 @@ type="text" class="input-bottom-border" style="width: 60px" - />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda - Breeding. + />I go to Sichuan,I will visit Chengdu Research Base of Giant + Panda Breeding. </p> <p class="event-header-text-bc pd-5" @@ -1211,16 +1434,24 @@ 5.if </p> <div class="w100 fl ju-cn"> - <ul class="fl ju-ev" style="width: 50%"> - <li><button class="btn-border btn-w" @click="saveData">鎻愪氦</button></li> + <ul class="fl ju-ev" style="width: 80%"> + <li> + <button class="btn-border btn-w" @click="saveData"> + 鎻愪氦 + </button> + </li> <li> <button @click="setTestData" class="btn-border btn-w"> 淇濆瓨 </button> </li> <li> + <button @click="changeTestData" class="btn-border btn-w"> + 閲嶅仛 + </button> + </li> + <li> <button - style="min-height:24px" @click="showQuestionAnswer = !showQuestionAnswer" class="parimary-btn" > @@ -1255,16 +1486,19 @@ <h3 id="c004"><span class="bjh3">Mini-project</span></h3> <p> China is a great country with a fascinating culture.Its ancient - civilization,rich history,and unique customs make it one of the most - interesting countries in the world.There are so many interesting - facts about Chinese culture.Work in groups and interview your group - members about their knowledge of Chinese culture,and then: + civilization,rich history,and unique customs make it one of the + most interesting countries in the world.There are so many + interesting facts about Chinese culture.Work in groups and + interview your group members about their knowledge of Chinese + culture,and then: </p> <p>1.Find out interesting facts they know about Chinese culture;</p> <p>2.Finish the worksheet and report to the class.</p> <div class="fieldset"> <p>Questions:1.Who are you going to interview?</p> - <p>銆�銆�銆�銆�2.What is he/she interested in about Chinese culture?</p> + <p> + 銆�銆�銆�銆�2.What is he/she interested in about Chinese culture? + </p> <p>銆�銆�銆�銆�3.What does he/she know about it?</p> </div> <p class="left"> @@ -1430,283 +1664,150 @@ </div> <div class="resource-primary-border" style="padding: 8px"> <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/ppt/ppt_01.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_01.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_03.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_04.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_05.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_06.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_07.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_08.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_09.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_10.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_11.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_12.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_13.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_14.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_15.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_16.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_17.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_18.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_19.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_20.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_21.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_22.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_23.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_24.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_25.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_26.png" - /> - </div> - </div> - <div class="swiper-slide"> - <div - class="imgBox" - style="width: 100%; height: 100%" - > - <img - src="../../assets/images/ppt/ppt_27.png" - /> - </div> + <div class="swiper-container swiper-ppt"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> - <div class="swiper-button-next"></div> - <div class="swiper-button-prev"></div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_01.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_03.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_04.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_05.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_06.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_07.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_08.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_09.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_10.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_11.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_12.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_13.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_14.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_15.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_16.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_17.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_18.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_19.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_20.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_21.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_22.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_23.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_24.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_25.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_26.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../assets/images/ppt/ppt_27.png" /> + </div> + </div> </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> + <div class="pagination-info"></div> </div> + </div> </div> </div> </div> @@ -1730,19 +1831,19 @@ <div class="padding-93"> <div class="bodystyle"> <h2 id="b002"> - <img class="img-0" alt="" src="image/dy1-le2.jpg" /> + <img class="img-0" alt="" src="../../assets/images/dy1-le2.jpg" /> </h2> <h3 id="c005"><span class="bjh3">Warm-up</span></h3> <p> <b - >Put the expressions in the box below on the corresponding answer - line under each picture.</b + >Put the expressions in the box below on the corresponding + answer line under each picture.</b > </p> <div class="bk-wh"> <p> - online shopping銆�facial recognition銆�electronic payment銆�intercity - train銆�shared bike銆�take-away service + online shopping銆�facial recognition銆�electronic + payment銆�intercity train銆�shared bike銆�take-away service </p> </div> <div class="openImgBox"> @@ -1750,7 +1851,11 @@ <div class="left" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0019-1.jpg" alt="" class="w100" /> + <img + src="../../assets/images/0019-1.jpg" + alt="" + class="w100" + /> </p> <p class="center"> 1. @@ -1764,19 +1869,41 @@ </option> </select> <span class="icon-box"> - <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="dropdownData.one.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="dropdownData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="dropdownData.one.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -1792,7 +1919,11 @@ <div class="right" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0019-2.jpg" alt="" style="width: 98%" /> + <img + src="../../assets/images/0019-2.jpg" + alt="" + style="width: 98%" + /> </p> <p class="center"> 2. @@ -1806,19 +1937,41 @@ </option> </select> <span class="icon-box"> - <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="dropdownData.two.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="dropdownData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="dropdownData.two.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -1832,12 +1985,16 @@ </p> </div> </div> - + <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0019-3.jpg" alt="" style="width: 98%" /> + <img + src="../../assets/images/0019-3.jpg" + alt="" + style="width: 98%" + /> </p> <p class="center"> 3. @@ -1851,19 +2008,41 @@ </option> </select> <span class="icon-box"> - <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="dropdownData.three.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="dropdownData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="dropdownData.three.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -1879,7 +2058,11 @@ <div class="right" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0019-4.jpg" alt="" style="width: 94%" /> + <img + src="../../assets/images/0019-4.jpg" + alt="" + style="width: 94%" + /> </p> <p class="center"> 4. @@ -1893,19 +2076,41 @@ </option> </select> <span class="icon-box"> - <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="dropdownData.four.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="dropdownData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="dropdownData.four.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -1919,12 +2124,16 @@ </p> </div> </div> - + <div class="fl ju-bt"> <div class="left" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0019-5.jpg" alt="" class="w100" /> + <img + src="../../assets/images/0019-5.jpg" + alt="" + class="w100" + /> </p> <p class="center"> 5. @@ -1938,19 +2147,41 @@ </option> </select> <span class="icon-box"> - <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="dropdownData.five.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="dropdownData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="dropdownData.five.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -1966,7 +2197,11 @@ <div class="right" style="width: 48%"> <div> <p class="center"> - <img src="../../assets/images/0019-6.jpg" alt="" style="width: 98%" /> + <img + src="../../assets/images/0019-6.jpg" + alt="" + style="width: 98%" + /> </p> <p class="center"> 6. @@ -1980,19 +2215,41 @@ </option> </select> <span class="icon-box"> - <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" - width="40" height="20"> + <svg + v-if="dropdownData.six.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" - fill="#1AFA29" p-id="18768"></path> + fill="#1AFA29" + p-id="18768" + ></path> </svg> - <svg v-if="dropdownData.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" - xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" - width="20" height="20"> + <svg + v-if="dropdownData.six.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" - fill="#d81e06" p-id="25746"></path> + fill="#d81e06" + p-id="25746" + ></path> </svg> </span> </p> @@ -2008,15 +2265,20 @@ </div> </div> <div class="w100 fl ju-cn"> - <div class="fl ju-ev" style="width: 60%"> + <div class="fl ju-ev mt-40" style="width: 80%"> <button @click="setDropdownData" class="btn-border btn-w"> 淇濆瓨 </button> - <button class="btn-border btn-w" @click="handleDropdown('judge')"> + <button + class="btn-border btn-w" + @click="handleDropdown('judge')" + > 鎻愪氦 </button> + <button class="btn-border btn-w" @click="changeDropdown"> + 閲嶅仛 + </button> <button - style="min-height:24px" @click="showAnswerFive = !showAnswerFive" class="parimary-btn" > @@ -2193,35 +2455,6 @@ answer: "facial recognition", }, }, - pptList: [ - require("../../assets/images/ppt/ppt_01.png"), - require("../../assets/images/ppt/ppt_01.png"), - require("../../assets/images/ppt/ppt_03.png"), - require("../../assets/images/ppt/ppt_04.png"), - require("../../assets/images/ppt/ppt_05.png"), - require("../../assets/images/ppt/ppt_06.png"), - require("../../assets/images/ppt/ppt_07.png"), - require("../../assets/images/ppt/ppt_08.png"), - require("../../assets/images/ppt/ppt_09.png"), - require("../../assets/images/ppt/ppt_10.png"), - require("../../assets/images/ppt/ppt_11.png"), - require("../../assets/images/ppt/ppt_12.png"), - require("../../assets/images/ppt/ppt_13.png"), - require("../../assets/images/ppt/ppt_14.png"), - require("../../assets/images/ppt/ppt_15.png"), - require("../../assets/images/ppt/ppt_16.png"), - require("../../assets/images/ppt/ppt_17.png"), - require("../../assets/images/ppt/ppt_18.png"), - require("../../assets/images/ppt/ppt_19.png"), - require("../../assets/images/ppt/ppt_20.png"), - require("../../assets/images/ppt/ppt_21.png"), - require("../../assets/images/ppt/ppt_22.png"), - require("../../assets/images/ppt/ppt_23.png"), - require("../../assets/images/ppt/ppt_24.png"), - require("../../assets/images/ppt/ppt_25.png"), - require("../../assets/images/ppt/ppt_26.png"), - require("../../assets/images/ppt/ppt_27.png"), - ], }; }, mounted() { @@ -2245,6 +2478,53 @@ }, setTestData() { localStorage.setItem("english-testOne", JSON.stringify(this.testData)); + }, + changeTestData() { + localStorage.removeItem("english-testOne") + this.testData = { + check:[], + tx: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + in: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + line: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + ts: { + one: "", + two: "", + three: "", + four: "", + }, + gr: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + cm: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + } }, setBookQuestion() { localStorage.setItem( @@ -2313,6 +2593,14 @@ } this.dropdownData = dropdownDatas; }, + changeDropdown() { + localStorage.removeItem("english-dropdown-one") + for(let key in this.dropdownData) { + const item = this.dropdownData[key] + item.value = "" + item.isRight = null + } + }, setDropdownData() { localStorage.setItem( "english-dropdown-one", @@ -2358,7 +2646,7 @@ font-size: 14px; border-width: 1px; min-width: 80px; - min-height: 24px; + min-height: 28px; background-color: #fff; &:hover { background-color: #0bab87; diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index 837aaea..13bc3b7 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -33,7 +33,7 @@ export default { data() { return { - catalogLength: 2, // 鎬荤珷鑺傛暟 + catalogLength: 13, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -75,7 +75,6 @@ }, loadPageList: { handler(newVal, oldVal) { - console.log(newVal, "this.loadPageList"); setTimeout(() => { this.initSwiper(); this.initViewer(); @@ -234,6 +233,7 @@ // 绔嬪嵆娓叉煋 this.renderSign(type, data); } + // 鍌ㄥ瓨鏁版嵁 if (!this.renderSignMap[type]) this.renderSignMap[type] = {}; if (!this.renderSignMap[type][data.page]) @@ -489,7 +489,6 @@ // testData[catalog][page], // this.config.activeBook // ); - // } else { // const obj = {}; // for (let key in testData[catalog][page]) { @@ -501,7 +500,7 @@ // } // this.questionData[page] = obj; // } - // console.log('棰樼洰',this.questionData); + // console.log("棰樼洰", this.questionData); // } // } // } @@ -526,7 +525,7 @@ initSwiper() { const doms = ( this.container ? this.container : document - ).querySelectorAll(".swiper-container"); + ).querySelectorAll(".swiper-img"); for (let i = 0; i < doms.length; i++) { const dom = doms[i]; new Swiper(dom, { @@ -560,6 +559,43 @@ // } }); } + // swiper-container + const pptDoms = ( + this.container ? this.container : document + ).querySelectorAll(".swiper-ppt"); + for (let i = 0; i < pptDoms.length; i++) { + debugger + const dom = pptDoms[i]; + new Swiper(dom, { + loop: false, // 鏃犵紳 + autoplay: false, + paginationClickable: true, + slidesPerView: 1, // 涓�缁勪笁涓� + spaceBetween: 30, // 闂撮殧 + // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳 + navigation: { + nextEl: (this.container ? this.container : document).querySelector( + ".swiper-button-next" + ), + prevEl: (this.container ? this.container : document).querySelector( + ".swiper-button-prev" + ) + }, + // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� + observer: true, + observeParents: true, + on:{ + slideChangeTransitionStart:function (value) { + // 姣忓綋婊戝潡鏀瑰彉鏃惰Е鍙戯紝鏇存柊褰撳墠椤靛拰鎬婚〉鏁扮殑鏄剧ず + let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級 + let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁� + var paginationInfoEl = document.querySelector('.pagination-info'); + paginationInfoEl.textContent = currentPage + '/' + totalPages; + } + } + }); + + } }, initViewer() { const doms = ( @@ -578,18 +614,18 @@ } }, // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳� - saveCharacters(event,word) { - console.log('鐢熷兓瀛�',event,word); + saveCharacters(event, word) { + console.log("鐢熷兓瀛�", event, word); if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { - this.$store.state.qiankun.chooseWords({ - word, - x: event.pageX, - y: event.pageY - }); - } + this.$store.state.qiankun.chooseWords({ + type:"word", + word, + x: event.pageX, + y: event.pageY, + }); + } // chooseWords - } - + }, }, components: { pageHeader, diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue index 2c50432..42f8d3c 100644 --- a/src/books/childHealth/view/content/components/chapter0004.vue +++ b/src/books/childHealth/view/content/components/chapter0004.vue @@ -45,8 +45,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image :src="learn" :preview-src-list="[learn]" class="open-image" /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterFour/0094-1.jpg" alt="" class="w100 mt-20"> </p> </div> </div> @@ -849,7 +849,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[99]" :chapter="4" :page="91" /> + <examinations v-if="questionData && questionData[99]" :cardList="questionData[99]" :chapter="4" :page="91" /> </p> <h2 class="module_block" id="b017"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -1351,7 +1351,7 @@ </h6> <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[105]" :chapter="4" :page="97" /> + <examinations v-if="questionData && questionData[105]" :cardList="questionData[105]" :chapter="4" :page="97" /> </p> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> <p class="blockh6"> @@ -1427,10 +1427,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[106][1]" :chapter="4" :page="981" /> + <examinations v-if="questionData && questionData[106][1]" :cardList="questionData[106][1]" :chapter="4" :page="981" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[106][2]" :chapter="4" :page="982" /> + <examinations v-if="questionData && questionData[106][2]" :cardList="questionData[106][2]" :chapter="4" :page="982" /> </p> <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p> <p>1.娴嬮噺骞煎効鐨勮韩楂樸�佷綋閲嶃�佸ご鍥村拰鑳稿洿銆�</p> @@ -1469,7 +1469,6 @@ }, data() { return { - learn: require("../../../assets/images/chapterFour/0094-1.jpg"), learnTableOne: true, learnTableTwo: true, pathOne: "", diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index 8a310fc..2874988 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -49,13 +49,7 @@ 涓撻瀵煎 </h6> <p class="blockh6 m0-t0"> - <!-- <el-image - alt="" - :src="introductionImg" - :preview-src-list="[introductionImg]" - class="mb-20 open-image" - /> --> - <span id="open-image" @click="openImage"> + <span class="openImgBox"> <img src="../../../assets/images/chapterOne/0014-1.jpg" data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg" @@ -357,7 +351,7 @@ </span> </span> <examinations - v-if="testOne && questionData" + v-if="testOne && questionData && questionData[10]" :chapter="1" :page="10" :cardList="questionData[10]" @@ -394,12 +388,8 @@ 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� </p> <div class="text-img-box"> - <div style="margin-right: 50px"> - <el-image - :src="bonesImg" - :preview-src-list="[bonesImg]" - class="open-image" - /> + <div style="margin-right: 50px" class="openImgBox"> + <img src="../../../assets/images/chapterOne/0015-5.jpg" class="w100" alt=""> <span class="img">鍥�1-1 浜轰綋鍏ㄨ韩楠ㄩ锛堝墠闈㈣锛�</span> </div> <div> @@ -456,9 +446,6 @@ <p class="text-left text-height lh2"> 瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆� </p> - <p class="text-left text-height lh2"> - 瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆� - </p> <div class="fl"> <div class="bottom-left" style="width: 65%"> <h5 id="e005">5.鑴婃煴鐨勭敓鐞嗗集鏇茶繕鏈畾鍨�</h5> @@ -471,8 +458,8 @@ </div> <div class="bottom-right" style="width: 35%"> <div class="mt-40"> - <div class="banshi openImgBox"> - <div class="swiper-container"> + <div class="banshi openImgBox" style="height: 364px;"> + <div class="swiper-container swiper-img"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div @@ -510,25 +497,6 @@ </div> </div> </div> - <!-- <el-carousel - trigger="click" - class="bones-carousel carousel-image" - arrow="always" - indicator-position="none" - > - <el-carousel-item - v-for="(item, index) in bonesList" - :key="index" - class="bones-carousel-item" - > - <el-image - :src="item" - :preview-src-list="bonesList" - :preview-teleported="true" - class="open-image" - /> - </el-carousel-item> - </el-carousel> --> <p class="img">鍥�1-2 鎴愪汉鑴婃煴妯″紡鍥�</p> </div> </div> @@ -557,14 +525,10 @@ <div class="fl"> <div - class="left fl fl-di fl-evenly" + class="left fl fl-di fl-evenly openImgBox" style="width: 30%; margin-top: 5px" > - <el-image - :src="jointImg" - :preview-src-list="[jointImg]" - class="open-image" - /> + <img src="../../../assets/images/chapterOne/0017-1.jpg" alt="" class="w100"> <p class="img">鍥�1-3 鍏宠妭妯″紡鍥�</p> </div> <div class="right" style="width: 70%; padding-left: 20px"> @@ -581,26 +545,34 @@ </div> <div class="fl"> <div class="left" style="width: 30%"> - <el-carousel - loop - trigger="click" - class="bones-carousel carousel-image" - arrow="always" - indicator-position="none" - > - <el-carousel-item - v-for="(item, index) in footList" - :key="index" - class="bones-carousel-item" - > - <el-image - :src="item" - :preview-src-list="footList" - :preview-teleported="true" - class="open-image" - /> - </el-carousel-item> - </el-carousel> + <div class="banshi openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/foot-01.png" alt="姝e父瓒�" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/foot-02.png" alt="鎵佸钩瓒�" + /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> <p class="img">鍥�1-4 姝e父瓒冲拰鎵佸钩瓒�</p> </div> <div class="right" style="width: 70%; padding-left: 20px"> @@ -636,28 +608,44 @@ 涓轰簡淇濊瘉瀛﹀墠鍎跨韬績鍋ュ悍鍙戣偛銆備笉鑹綋鎬侊紝濡傞┘鑳屻�佷弗閲嶈剨鏌变晶寮瓑锛屽鑷磋兏寤撶暩褰紝鍙弗閲嶅奖鍝嶅鍓嶅効绔ョ殑蹇冭偤鍙戣偛锛屽鏄撴偅鍛煎惛绯荤粺鐤剧梾銆備綋鎬佷笉鑹殑鍎跨涔熷鏄撹嚜鍗戯紝褰卞搷鍋ュ叏浜烘牸鐨勫舰鎴愩�備负闃叉鑴婃煴銆佽兏寤撶瓑楠ㄩ鍙樺舰锛屽舰鎴愯壇濂戒綋鎬侊紝椤绘敞鎰忎互涓嬪嚑鐐癸細濠村効涓嶅疁杩囨棭鍧愩�佺珯锛屼笉瀹滅潯杞簥鍜屼箙鍧愭矙 </p> <div class="right fl fl-cn fl-di" style="width: 55%"> - <!-- <el-image :src="sitImg" :preview-src-list="[sitImg]" /> --> - <el-carousel - loop - trigger="click" - class="posure-carousel carousel-image" - style="width: 300px" - arrow="always" - indicator-position="none" - > - <el-carousel-item - v-for="(item, index) in posureList" - :key="index" - class="bones-carousel-item" - > - <el-image - :src="item" - :preview-src-list="posureList" - :preview-teleported="true" - class="open-image" - /> - </el-carousel-item> - </el-carousel> + <div class="banshi openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/posture-01.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/posture-02.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterOne/posture-03.png" + /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> <p class="img">鍥�1-5 鍧愬Э瀵硅剨鏌辩殑褰卞搷</p> </div> </div> @@ -716,7 +704,7 @@ <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[14]" - v-if="questionData" + v-if="questionData && questionData[14]" :chapter="1" :page="6" /> @@ -986,12 +974,8 @@ <h4 id="d009">锛堜竴锛夊懠鍚稿櫒瀹樼殑鐗圭偣</h4> <h5 id="e012">1.榧�</h5> </div> - <div class="right" style="width: 50%"> - <el-image - :src="breathing" - :preview-src-list="[breathing]" - class="open-image" - /> + <div class="right openImgBox" style="width: 50%"> + <img src="../../../assets/images/chapterOne/0020-2.jpg" alt="" class="w100"> <p class="img">鍥�1-6 鍛煎惛绯荤粺绀烘剰鍥�</p> </div> </div> @@ -1061,12 +1045,8 @@ </p> </div> <div class="right" style="width: 20%"> - <p class="center"> - <el-image - :src="throat" - :preview-src-list="[throat]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0021-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-7 鍠夎厰妯″紡鍥�</p> </div> @@ -1089,12 +1069,8 @@ 瀛﹀墠鍎跨鏂伴檲浠h阿鏃虹洓锛屽湪鏂伴檲浠h阿杩囩▼涓紝鏈轰綋闇�姘ч噺鐩稿姣旀垚浜哄锛屽彧鏈夊姞蹇懠鍚搁鐜囨墠鑳芥弧瓒宠嚜韬姘ф皵鐨勯渶姹傞噺锛屾墍浠ワ紝骞撮緞瓒婂皬锛屽懠鍚搁鐜囪秺蹇�傛柊鐢熷効姣忓垎閽熷懠鍚�40锝�44娆★紝1宀佷互鍐呯害30娆★紝1锝�3宀�25锝�30娆★紝4锝�7宀佺害22娆°�備笉鍚屽勾榫勭殑浜虹殑鍛煎惛棰戠巼瑙佽〃1-1銆� </p> <p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p> - <p class="center"> - <el-image - :src="tableOne" - :preview-src-list="[tableOne]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0021-2.jpg" alt="" class="w100"> </p> </div> </div> @@ -1159,7 +1135,7 @@ <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[17]" - v-if="questionData" + v-if="questionData && questionData[17]" :chapter="1" :page="9" /> @@ -1443,13 +1419,8 @@ <p> 寰幆绯荤粺鍖呮嫭琛�娑插惊鐜郴缁燂紙蹇冭绠$郴缁燂級鍜屾穻宸寸郴缁熴�傝娑插惊鐜郴缁熺敱蹇冭剰鍜岃绠$粍鎴愶紝琛�绠″寘鎷姩鑴夈�侀潤鑴夊拰姣涚粏琛�绠★紙瑙佸浘1-8锛夈�傛穻宸寸郴缁熺敱娣嬪反绠¢亾銆佹穻宸村櫒瀹樺拰娣嬪反缁勭粐缁勬垚銆� </p> - <p class="center"> - <el-image - :src="blood" - :preview-src-list="[blood]" - style="width: 60%" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0024-1.jpg" alt="" style="width:80%"> </p> <p class="img">鍥�1-8 琛�娑插惊鐜ず鎰忓浘</p> @@ -1484,12 +1455,8 @@ <p>瀛﹀墠鍎跨鐨勮娑查噺鍙婃垚鍒嗗拰鎴愪汉涓嶅悓銆傚叿浣撴潵璇达紝鏈変互涓嬪嚑鏂归潰涓嶅悓銆�</p> <p>锛�1锛夎娑查噺鍗犱綋閲嶇殑姣斾緥澶т簬鎴愪汉锛堣琛�1-2锛�</p> <p class="img">琛�1-2 涓嶅悓骞撮緞鐨勮娑查噺</p> - <p class="center"> - <el-image - :src="tableTwo" - :preview-src-list="[tableTwo]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0024-3.jpg" alt="" class="w100" /> </p> </div> </div> @@ -1539,12 +1506,8 @@ 鐢变簬濠村辜鍎垮績杈撳嚭閲忓皯锛岃�屾柊闄堜唬璋㈡椇鐩涳紝涓烘弧瓒虫満浣撳琛�娑茬殑闇�姹傞噺锛屽彧鏈夊姞蹇績鐜囨潵淇濋殰渚涜閲忋�傚勾榫勮秺灏忥紝蹇冪巼瓒婂揩銆備笉鍚屽勾榫勭殑蹇冪巼锛屽琛�1-3鎵�绀恒�� </p> <p class="img">琛�1-3 涓嶅悓骞撮緞鐨勫績鐜�</p> - <p class="center"> - <el-image - :src="tableThree" - :preview-src-list="[tableThree]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0025-1.jpg" alt="" class="w100" /> </p> </div> </div> @@ -1653,7 +1616,7 @@ <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[22]" - v-if="questionData" + v-if="questionData && questionData[22]" :chapter="1" :page="14" /> @@ -1905,12 +1868,8 @@ <h5 id="e020">1.鐗欓娇</h5> </div> <div class="right" style="width: 35%"> - <p class="center"> - <el-image - :src="digestion" - :preview-src-list="[digestion]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0028-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-9 娑堝寲绯荤粺妯″紡鍥�</p> </div> @@ -1969,22 +1928,12 @@ </p> <p>姣忎竴棰椾钩鐗欏拰鎭掔墮鐨勮悓鍑洪兘鏈夊浐瀹氱殑鏃堕棿锛岃琛�1-4銆佽〃1-5銆�</p> <p class="img">琛�1-4 涔崇墮钀屽嚭鏃堕棿椤哄簭锛堜互鏈堥緞璁$畻锛�</p> - <p class="center"> - <el-image - :src="tableFive" - :preview-src-list="[tableFive]" - style="width: 100%" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0029-1.jpg" alt="" class="w100" /> </p> <p class="img">琛�1-5 鎭掔墮钀屽嚭鏃堕棿</p> - <p class="center"> - <el-image - :src="tableSix" - :preview-src-list="[tableSix]" - style="width: 100%" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0029-2.jpg" alt="" class="w100"> </p> <h5 id="e021">2.鑸�</h5> <p> @@ -2130,7 +2079,7 @@ <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span> <examinations :cardList="questionData[27]" - v-if="questionData" + v-if="questionData && questionData[27]" :chapter="1" :page="19" /> @@ -2378,12 +2327,8 @@ </div> <div class="fl fl-around"> <div class="left" style="width: 35%"> - <p class="center" style="margin-top: 0"> - <el-image - :src="urology" - :preview-src-list="[urology]" - class="open-image" - /> + <p class="center openImgBox" style="margin-top: 0"> + <img src="../../../assets/images/chapterOne/0033-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-10 娉屽翱绯荤粺妯″紡鍥撅紙鐢锋�э級</p> </div> @@ -2695,22 +2640,14 @@ </p> <div class="fl"> <div class="left" style="width: 50%"> - <p class="center"> - <el-image - :src="man" - :preview-src-list="[man]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0036-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-11 鐢锋�х敓娈栫郴缁熺ず鎰忓浘</p> </div> <div class="right" style="width: 50%"> - <p class="center"> - <el-image - :src="woman" - :preview-src-list="[woman]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0036-2.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-12 濂虫�х敓娈栫郴缁熺ず鎰忓浘</p> </div> @@ -2766,7 +2703,7 @@ > <examinations :cardList="questionData[32]" - v-if="questionData" + v-if="questionData && questionData[32]" :chapter="1" :page="24" /> @@ -3028,12 +2965,8 @@ </p> </div> <div class="right" style="width: 50%"> - <p class="center"> - <el-image - :src="endocrineImg" - :preview-src-list="[endocrineImg]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0038-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-13 鍐呭垎娉岀郴缁熺ず鎰忓浘</p> </div> @@ -3055,12 +2988,8 @@ </p> </div> <div class="right" style="width: 36%"> - <p class="center"> - <el-image - :src="stature" - :preview-src-list="[stature]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0038-2.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-14 鎴愬勾渚忓剴鐥囨偅鑰呬笌姝e父鎴愪汉鐨勮韩楂樻瘮杈�</p> </div> @@ -3112,7 +3041,7 @@ <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[34]" - v-if="questionData" + v-if="questionData && questionData[34]" :chapter="1" :page="26" /> @@ -3347,12 +3276,8 @@ </p> </div> <div class="right" style="width: 50%"> - <p class="center"> - <el-image - :src="nerve" - :preview-src-list="[nerve]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0040-1.jpg" alt="" class="w100"> </p> <p class="img cneter">鍥�1-15 绁炵粡鍏冩ā寮忓浘</p> </div> @@ -3416,23 +3341,14 @@ <p> 澶ц剳鍒嗗乏銆佸彸涓ゅ崐鐞冿紙瑙佸浘1-16锛夛紝琛ㄩ潰鍑瑰嚫涓嶅钩锛屽嚬闄峰绉颁负鈥滄矡鈥濓紝闅嗚捣澶勭О涓衡�滃洖鈥濓紝鈥滄矡鈥濅笌鈥滃洖鈥濆ぇ澶у鍔犱簡澶ц剳鐨勮〃闈㈢Н銆傝緝澶х殑娌熸湁涓ぎ娌熴�佸ぇ鑴戝渚ф矡鍜岄《鏋曟矡锛岃繖浜涙矡灏嗗ぇ鑴戣〃闈㈠垎鎴愰鍙躲�侀《鍙躲�侀鍙跺拰鏋曞彾鍥涢儴鍒嗐�� </p> - <p class="center"> - <el-image - :src="brainImg" - :preview-src-list="[brainImg]" - style="width: 70%" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0041-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-16 澶ц剳宸︺�佸彸涓ゅ崐鐞冪殑鍔熻兘姣旇緝</p> <div class="fl fl-around"> <div class="left" style="width: 48%; margin-right: 10px"> - <p class="center"> - <el-image - :src="brainsImg" - :preview-src-list="[brainsImg]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0041-2.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-17 澶ц剳鐨眰鍒嗗尯鍥�</p> </div> @@ -3494,12 +3410,8 @@ 鑷富绁炵粡鍙垎涓轰氦鎰熺缁忓拰鍓氦鎰熺缁忎袱绫伙紝瀹冧滑鍒嗗竷浜庡悓涓�鍣ㄥ畼锛屼綔鐢ㄧ浉鍙嶏紝鐩镐簰鍒剁害锛屼娇鍐呰剰鍣ㄥ畼鐨勬椿鍔ㄥ崗璋冦�佸噯纭紙瑙佽〃1-6锛夈�� </p> <p class="img">琛�1-6 浜ゆ劅绁炵粡鍜屽壇浜ゆ劅绁炵粡鐨勪綔鐢ㄤ笌鍖哄埆</p> - <p class="center"> - <el-image - :src="tableNine" - :preview-src-list="[tableNine]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0042-1.jpg" alt="" class="w100"> </p> <h3 id="c016">浜屻�佸鍓嶅効绔ョ缁忕郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3> <h4 id="d056">锛堜竴锛夎剳鍙戣偛闈炲父杩呴��</h4> @@ -3524,12 +3436,8 @@ 鑴戠殑杩呴�熺敓闀垮彲浠庤剳璐ㄩ噺鐨勫彉鍖栦笂寰楀埌鍙嶆槧銆備笉鍚屽勾榫勮剳璐ㄩ噺鐨勫彉鍖栬琛�1-7銆� </p> <p class="img">琛�1-7 涓嶅悓骞撮緞鑴戣川閲忕殑鍙樺寲</p> - <p class="center"> - <el-image - :src="tableTen" - :preview-src-list="[tableTen]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0043-1.jpg" alt="" class="w100"> </p> <h4 id="d057">锛堜簩锛変腑鏋㈢缁忕郴缁熺殑鍙戣偛涓嶅潎琛�</h4> <p> @@ -3598,7 +3506,7 @@ <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍏�</span> <examinations :cardList="questionData[39]" - v-if="questionData" + v-if="questionData && questionData[39]" :chapter="1" :page="31" /> @@ -3919,12 +3827,8 @@ <h5 id="e036">1.鐪肩悆鐨勫墠鍚庡緞杈冪煭</h5> </div> <div class="right" style="width: 35%"> - <p class="center"> - <el-image - :src="eyesImg" - :preview-src-list="[eyesImg]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0046-2.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-18 鐪肩悆缁撴瀯妯″紡鍥�</p> </div> @@ -4032,12 +3936,8 @@ </p> </div> <div class="right" style="width: 58%"> - <p class="center"> - <el-image - :src="ersImg" - :preview-src-list="[ersImg]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0048-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-19 鑰崇殑缁撴瀯鍥�</p> </div> @@ -4059,12 +3959,8 @@ <h5 id="e046">3.鑰宠湕鐨勬劅鍙楁�ц緝寮�</h5> </div> <div class="right" style="width: 48%"> - <p class="center"> - <el-image - :src="erImg" - :preview-src-list="[erImg]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterOne/0048-2.jpg" alt="" class="w100"> </p> <p class="img">鍥�1-20 鎴愪汉鍜屽鍓嶅効绔ュ捊榧撶涔嬫瘮杈�</p> </div> @@ -4377,8 +4273,8 @@ <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> --> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涔�</span> <examinations - :cardList="questionData[48]" - v-if="questionData" + :cardList="questionData[48] " + v-if="questionData && questionData[48]" :chapter="1" :page="40" /> @@ -4591,7 +4487,7 @@ <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> <examinations :cardList="questionData[50][1]" - v-if="questionData" + v-if="questionData && questionData[50][1]" :chapter="1" :page="421" /> @@ -4599,7 +4495,7 @@ <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> <examinations :cardList="questionData[50][2]" - v-if="questionData" + v-if="questionData && questionData[50][2]" :chapter="1" :page="422" /> @@ -4623,7 +4519,6 @@ <script> import examinations from "@/components/examinations/index.vue"; import getResourcePath from "@/assets/methods/resources"; - export default { name: "chapter-one", components: { examinations }, @@ -4639,48 +4534,9 @@ data() { return { // 瀛︿範涓� - introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"), - bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"), - foot1: require("../../../assets/images/chapterOne/foot-01.png"), - foot2: require("../../../assets/images/chapterOne/foot-02.png"), - 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: [], - footList: [ - require("../../../assets/images/chapterOne/foot-01.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") - ], resourceState: "", type: "option", - snipaste: require("../../../assets/images/chapterOne/snipaste.png"), - breathing: require("../../../assets/images/chapterOne/0020-2.jpg"), - throat: require("../../../assets/images/chapterOne/0021-1.jpg"), - tableOne: require("../../../assets/images/chapterOne/0021-2.jpg"), - blood: require("../../../assets/images/chapterOne/0024-1.jpg"), - tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"), - tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"), - digestion: require("../../../assets/images/chapterOne/0028-1.jpg"), - tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"), - tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"), - urology: require("../../../assets/images/chapterOne/0033-1.jpg"), - man: require("../../../assets/images/chapterOne/0036-1.jpg"), - woman: require("../../../assets/images/chapterOne/0036-2.jpg"), - endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"), - stature: require("../../../assets/images/chapterOne/0038-2.jpg"), - nerve: require("../../../assets/images/chapterOne/0040-1.jpg"), - brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"), - brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"), - tableNine: require("../../../assets/images/chapterOne/0042-1.jpg"), - tableTen: require("../../../assets/images/chapterOne/0043-1.jpg"), - 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, @@ -4936,27 +4792,6 @@ 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> diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue index e8f256c..f6b60f2 100644 --- a/src/books/childHealth/view/content/components/chapter002.vue +++ b/src/books/childHealth/view/content/components/chapter002.vue @@ -43,12 +43,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image - :src="special" - :preview-src-list="[special]" - class="open-image" - /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterTwo/0056-1.jpg" alt="" class="w100 mt-40"> </p> </div> </div> @@ -373,7 +369,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> - <examinations v-if="questionData" :cardList="questionData[54]" /> + <examinations v-if="questionData && questionData[54]" :cardList="questionData[54]" /> </p> <h2 class="module_block" id="b011"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -668,12 +664,8 @@ <p>鑴戙�佽剨楂撲互鍙婄溂鐞冪瓑鍣ㄥ畼锛屽彲浠ョ撼鍏ヨ绫荤敓闀垮彂鑲�</p> </div> <div class="right" style="width: 35%"> - <p class="center"> - <el-image - :src="most" - :preview-src-list="[most]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterTwo/0060-1.jpg" alt="" class="w100"> </p> <p class="img">鍥�2-1 韬綋鍣ㄥ畼鎴栫郴缁熺殑鍥涚鐢熼暱鍙戣偛妯″紡</p> </div> @@ -765,7 +757,7 @@ <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> --> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span> - <examinations v-if="questionData" :cardList="questionData[57]" /> + <examinations v-if="questionData && questionData[57]" :cardList="questionData[57]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -1133,7 +1125,7 @@ <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> --> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations - v-if="questionData" + v-if="questionData && questionData[60]" :cardList="questionData[60]" :chapter="2" :page="52" @@ -1310,10 +1302,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations v-if="questionData" :cardList="questionData[62][1]" /> + <examinations v-if="questionData && questionData[62][1]" :cardList="questionData[62][1]" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations v-if="questionData" :cardList="questionData[62][2]" /> + <examinations v-if="questionData && questionData[62][2]" :cardList="questionData[62][2]" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> @@ -1348,8 +1340,6 @@ }, data() { return { - special: require("../../../assets/images/chapterTwo/0056-1.jpg"), - most: require("../../../assets/images/chapterTwo/0060-1.jpg"), resourceState: "", videoState: true, learnTableOne: true, diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue index e96481d..18d1fab 100644 --- a/src/books/childHealth/view/content/components/chapter003.vue +++ b/src/books/childHealth/view/content/components/chapter003.vue @@ -46,8 +46,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image :src="learn" :preview-src-list="[learn]" class="open-image" /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterThree/0068-1.jpg" alt="" class="w100 mt-20"> </p> </div> </div> @@ -347,8 +347,8 @@ </p> </div> <div class="right" style="width: 35%"> - <p class="center"> - <el-image :src="body" :preview-src-list="[body]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterThree/0070-1.jpg" alt="韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�" class="w100"> </p> <p class="img">鍥�3-1 韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�</p> </div> @@ -671,7 +671,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[72]" :chapter="3" :page="64" /> + <examinations :cardList="questionData[72]" :chapter="3" :page="64" v-if="questionData && questionData[72]" /> </p> <h2 class="module_block" id="b014"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -1221,7 +1221,7 @@ </h6> <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[81]" /> + <examinations :cardList="questionData[81]" v-if="questionData && questionData[81]" /> </p> <h2 class="module_block" id="b015"> <div class="custom1">瀛︿範涓婚涓�</div> @@ -1731,7 +1731,7 @@ </h6> <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[86]" :chapter="3" :page="78" /> + <examinations :cardList="questionData[86]" :chapter="3" :page="78" v-if="questionData && questionData[86]" /> </p> </div> </div> @@ -1916,10 +1916,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[88][1]" :chapter="3" :page="801" /> + <examinations v-if="questionData && questionData[88][1]" :cardList="questionData[88][1]" :chapter="3" :page="801" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[88][2]" :chapter="3" :page="802" /> + <examinations v-if="questionData && questionData[88][2]" :cardList="questionData[88][2]" :chapter="3" :page="802" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue index 7edd07b..90232d9 100644 --- a/src/books/childHealth/view/content/components/chapter005.vue +++ b/src/books/childHealth/view/content/components/chapter005.vue @@ -48,12 +48,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image - :src="learn" - :preview-src-list="[learn]" - class="open-image" - /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterFive/0112-1.jpg" class="w100 mt-20" > </p> </div> </div> @@ -496,12 +492,8 @@ 琛¢噺椋熺墿铔嬬櫧璐ㄥ埄鐢ㄧ巼鐨勫父鐢ㄦ寚鏍囨槸铔嬬櫧璐ㄧ敓鐗╁浠峰�硷紝绠�绉扳�滅敓鐗╀环鈥濄�傜敓鐗╀环鏄弽鏄犻鐗╄泲鐧借川娑堝寲鍚告敹鍚庯紝琚満浣撳埄鐢ㄧ▼搴︾殑鎸囨爣銆傜敓鐗╀环瓒婇珮锛岃〃鏄庨鐗╄泲鐧借川琚満浣撶殑鍒╃敤绋嬪害灏辫秺楂樸�傚畬鍏ㄨ泲鐧借川鐨勭敓鐗╀环杈冮珮锛屽崐瀹屽叏铔嬬櫧璐ㄥ拰涓嶅畬鍏ㄨ泲鐧借川鐨勭敓鐗╀环杈冧綆锛堣琛�5-1锛夈�� </p> <p class="img">琛�5-1 甯歌椋熺墿鐨勮泲鐧借川鐢熺墿浠�</p> - <p class="center"> - <el-image - :src="tableOne" - :preview-src-list="[tableOne]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterFive/0117-1.jpg" class="w100"> </p> </div> </div> @@ -515,12 +507,8 @@ </div> <div class="padding-96"> <p class="img tl-ri mr-20">缁〃</p> - <p class="center"> - <el-image - :src="tableTwo" - :preview-src-list="[tableTwo]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterFive/0118-1.jpg" class="w100"> </p> <p>璁$畻鍏紡濡備笅銆�</p> <p class="center">铔嬬櫧璐ㄧ敓鐗╀环=姘偍瀛橀噺/姘憚鍏ラ噺脳100銆�</p> @@ -537,12 +525,8 @@ </p> <p>鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠疯琛�5-2銆�</p> <p class="img">琛�5-2 鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠�</p> - <p class="center"> - <el-image - :src="tableThree" - :preview-src-list="[tableThree]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterFive/0118-2.jpg" class="w100"> </p> </div> </div> @@ -575,12 +559,8 @@ <p class="img"> 琛�5-3 涓浗钀ュ吇瀛︿細鎺ㄨ崘鐨勫┐骞煎効姣忔棩鑶抽涓泲鐧借川鐨勪緵搴旈噺 </p> - <p class="center"> - <el-image - :src="tableFour" - :preview-src-list="[tableFour]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterFive/0119-1.jpg" class="w100"> </p> <h4 id="d130">锛堜簩锛夎剛绫�</h4> <p> @@ -844,13 +824,8 @@ 绗簲锛岀粡甯告埛澶栨椿鍔紱瀹氭湡浣撴牸娴嬮噺锛屼繚闅滃仴搴锋垚闀裤��<a id="w2"></a ><a href="chapter005.html#m2"><sup>[2]</sup></a> </p> - <p class="center"> - <el-image - :src="tower" - :preview-src-list="[tower]" - style="width: 80%" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100"> </p> </div> <h3 id="c046">涓夈�侀潪浜ц兘钀ュ吇绱狅紴锛烇紴锛烇紴锛�</h3> @@ -1239,6 +1214,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations + v-if="questionData && questionData[127]" :cardList="questionData[127]" :chapter="5" :page="119" @@ -1570,12 +1546,8 @@ <p>涔崇硸涓嶈�愬彈鐨勫┐鍎垮彲閲囩敤鐗规畩閰嶆柟濂躲��</p> <p>浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈冭琛�5-4銆�</p> <p class="img">琛�5-4 浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈�</p> - <p class="center"> - <el-image - :src="tableFive" - :preview-src-list="[tableFive]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterFive/0135-1.jpg" class="w100"> </p> <h3 id="c049">涓夈�佽緟椋熺殑娣诲姞锛烇紴锛烇紴锛烇紴</h3> <p> @@ -1639,12 +1611,8 @@ </p> <p>娣诲姞杈呴鐨勯『搴忚琛�5-5銆�</p> <p class="img">琛�5-5 娣诲姞杈呴鐨勯『搴�</p> - <p class="center"> - <el-image - :src="tableSix" - :preview-src-list="[tableSix]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterFive/0136-1.jpg" class="w100"> </p> <p> 鍦ㄦ坊鍔犺緟椋熺殑杩囩▼涓簲娉ㄦ剰锛屽鏋滃┐鍎跨殑椋熸鎴栧ぇ渚挎湁寮傚父鎯呭喌鏃讹紝搴斿強鏃堕厡鎯呰皟鏁淬�� @@ -1693,6 +1661,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span> <examinations + v-if="questionData && questionData[132]" :cardList="questionData[132]" :chapter="5" :page="124" @@ -2155,6 +2124,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations + v-if="questionData && questionData[137]" :cardList="questionData[137]" :chapter="5" :page="129" @@ -2543,6 +2513,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚鍥�</span> <examinations + v-if="questionData && questionData[141]" :cardList="questionData[141]" :chapter="5" :page="133" @@ -2730,6 +2701,7 @@ 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> <examinations + v-if="questionData && questionData[142][1]" :cardList="questionData[142][1]" :chapter="5" :page="1341" @@ -2737,6 +2709,7 @@ <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> <examinations + v-if="questionData && questionData[142][2]" :cardList="questionData[142][2]" :chapter="5" :page="1342" @@ -2764,18 +2737,6 @@ }, data() { return { - learn: require("../../../assets/images/chapterFive/0112-1.jpg"), - taskOne: require("../../../assets/images/chapterFive/task-sheet1.png"), - tableOne: require("../../../assets/images/chapterFive/0117-1.jpg"), - tableTwo: require("../../../assets/images/chapterFive/0118-1.jpg"), - tableThree: require("../../../assets/images/chapterFive/0118-2.jpg"), - tableFour: require("../../../assets/images/chapterFive/0119-1.jpg"), - taskTwo: require("../../../assets/images/chapterFive/task-sheet2.png"), - tableFive: require("../../../assets/images/chapterFive/0135-1.jpg"), - tableSix: require("../../../assets/images/chapterFive/0136-1.jpg"), - taskThree: require("../../../assets/images/chapterFive/task-sheet3.png"), - taskFour: require("../../../assets/images/chapterFive/task-sheet4.png"), - tower: require("../../../assets/images/chapterFive/0124-1.jpg"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, diff --git a/src/books/childHealth/view/content/components/chapter006.vue b/src/books/childHealth/view/content/components/chapter006.vue index 0d8f6f0..c8dea04 100644 --- a/src/books/childHealth/view/content/components/chapter006.vue +++ b/src/books/childHealth/view/content/components/chapter006.vue @@ -47,12 +47,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image - :src="learn" - :preview-src-list="[learn]" - class="open-image" - /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterSix/0148-1.jpg" class="mt-20 w100"> </p> </div> </div> @@ -286,19 +282,11 @@ </div> <div class="padding-96"> <p class="img">琛�6-1 瀛曟湡鍙戝睍绠�琛�</p> - <p class="center"> - <el-image - :src="tableOne" - :preview-src-list="[tableOne]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSix/0150-1.jpg" class="w100"> </p> - <p class="center"> - <el-image - :src="tableTwo" - :preview-src-list="[tableTwo]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSix/0150-2.jpg" class="w100"> </p> <p class="img">鍥�6-1 鑳庡効鑷寸暩鏁忔劅鏈�</p> <p> @@ -427,8 +415,8 @@ 20涓栫邯70骞翠唬锛岀編鍥戒竴浜涚瀛﹀鍙戠幇锛屾墍鏈夐厳閰掔殑姣嶄翰鎵�鐢熺殑瀛愬コ甯告湁涓�浜涘叡鍚岀殑浣撹川鍜岀缁忕棁鐘讹紝浜庢槸灏辨妸杩欎簺鍏卞悓鐨勪綋璐ㄥ拰绁炵粡鐥囩姸鍛藉悕涓鸿儦鑳庨厭绮剧患鍚堝緛锛團AS锛夈�傝嚜姝や互鍚庯紝閰掔簿瀵硅儙鍎挎墍閫犳垚鐨勫嵄瀹筹紝灏辨垚浜嗕汉浠叧娉ㄧ殑鐒︾偣涔嬩竴銆� 鍦ㄧ敓鐞嗘柟闈紝鎮f湁鑳氳儙閰掔簿缁煎悎寰佺殑鍎跨鐨勫ご閮ㄦ樉寰楀皬鑰岀獎锛涗粬浠殑闈㈠涔熻緝涓虹嫭鐗癸紝濡傜溂璺濊緝瀹斤紝鐭蓟锛屼笅棰屽彂鑲蹭笉鍏紙瑙佸浘6-2锛夛紱涓庡悓榫勪汉鐩告瘮锛屼綋鏍煎ぇ澶氬亸灏忋�傚湪蹇冪悊鏂归潰锛屾渶鏄捐憲鐨勭棁鐘跺氨 </p> - <p class="center"> - <el-image :src="fas" :preview-src-list="[fas]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSix/0153-1.jpg" class="w100"> </p> <p class="img"> 鍥�6-2 鎮f湁鑳氳儙閰掔簿缁煎悎寰侊紙FAS锛夌殑濠村効锛堝紩鑷編鍥紽AS绀惧尯璧勬簮涓績锛� @@ -520,6 +508,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> <examinations + v-if="questionData && questionData[150]" :cardList="questionData[150]" :chapter="6" :page="142" @@ -975,12 +964,8 @@ Scale锛夛紝鍏剁敱5涓寚鏍囩粍鎴愶紝鍖呮嫭蹇冪巼銆佸懠鍚哥姸鍐点�佽倢鑲夊脊鎬с�佽韩浣撻鑹插拰鍙嶅皠鏁忔劅鎬э紝姣忎釜鎸囨爣涓�0锝�2鍒嗭紝璁板綍鍦ㄤ竴寮犲浘涓婏紝鏈�鍚庢妸鍚勯」寰楀垎鐩稿姞姹傚拰锛堣琛�6-2锛夈�傝繖涓祴璇曡鍦ㄦ柊鐢熷効鍑虹敓鍚�3涓壒娈婄殑鏃堕棿娈佃繘琛岋紝鍑虹敓鍚�1鍒嗛挓銆佸嚭鐢熷悗5鍒嗛挓銆佸嚭鐢熷悗10鍒嗛挓锛屼互娴嬮噺濠村効鐘跺喌鐨勬敼鍠勩�傞偅浜涘緱7鍒嗘垨鏇撮珮鍒嗘暟鐨勫┐鍎胯璁や负澶勪簬鑹ソ鐨勫仴搴风姸鍐碉紱閭d簺寰�4鍒嗘垨鍒嗘暟鏇翠綆鐨勫┐鍎垮垯鍙兘鏈夐夯鐑︼紝涓轰簡璁╀粬浠兘澶熷瓨娲讳笅鏉ワ紝寰�寰�闇�瑕佺粰浜堢揣鎬ョ殑鍖荤枟鏁戝姪銆� </p> <p class="img">琛�6-2 闃挎櫘鍔犻噺琛�</p> - <p class="center"> - <el-image - :src="tableThree" - :preview-src-list="[tableThree]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSix/0159-1.jpg" class="w100"> </p> </div> </div> @@ -1286,6 +1271,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span> <examinations + v-if="questionData && questionData[160]" :cardList="questionData[160]" :chapter="6" :page="152" @@ -1631,6 +1617,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> <examinations + v-if="questionData && questionData[164]" :cardList="questionData[164]" :chapter="6" :page="156" @@ -1991,6 +1978,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚鍥�</span> <examinations + v-if="questionData && questionData[167]" :cardList="questionData[167]" :chapter="6" :page="159" @@ -2460,6 +2448,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span> <examinations + v-if="questionData && questionData[172]" :cardList="questionData[172]" :chapter="6" :page="164" @@ -2698,6 +2687,7 @@ 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> <examinations + v-if="questionData && questionData[174][1]" :cardList="questionData[174][1]" :chapter="6" :page="1661" @@ -2705,6 +2695,7 @@ <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> <examinations + v-if="questionData && questionData[174][2]" :cardList="questionData[174][2]" :chapter="6" :page="1662" @@ -2743,16 +2734,6 @@ }, data() { return { - learn: require("../../../assets/images/chapterSix/0148-1.jpg"), - tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"), - tableTwo: require("../../../assets/images/chapterSix/0150-2.jpg"), - fas: require("../../../assets/images/chapterSix/0153-1.jpg"), - taskOne: require("../../../assets/images/chapterSix/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterSix/task-sheet2.png"), - tableThree: require("../../../assets/images/chapterSix/0159-1.jpg"), - taskThree: require("../../../assets/images/chapterSix/task-sheet3.png"), - taskFour: require("../../../assets/images/chapterSix/task-sheet4.png"), - taskFive: require("../../../assets/images/chapterSix/task-sheet5.png"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue index 8327a05..f8bf019 100644 --- a/src/books/childHealth/view/content/components/chapter007.vue +++ b/src/books/childHealth/view/content/components/chapter007.vue @@ -45,8 +45,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image :src="learn" :preview-src-list="[learn]" class="open-image" /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterSeven/0180-1.jpg" class="w100"> </p> </div> </div> @@ -292,7 +292,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[177]" :chapter="7" :page="169" /> + <examinations v-if="questionData && questionData[177]" :cardList="questionData[177]" :chapter="7" :page="169" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -786,7 +786,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[182]" :chapter="7" :page="174" /> + <examinations v-if="questionData && questionData[182]" :cardList="questionData[182]" :chapter="7" :page="174" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -1109,7 +1109,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[185]" :chapter="7" :page="177" /> + <examinations v-if="questionData && questionData[185]" :cardList="questionData[185]" :chapter="7" :page="177" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -2038,7 +2038,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span> - <examinations :cardList="questionData[196]" :chapter="7" :page="188" /> + <examinations v-if="questionData && questionData[196]" :cardList="questionData[196]" :chapter="7" :page="188" /> </p> <h2 class="module_block" id="b031"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -2457,8 +2457,8 @@ <p class="img"> 甯歌鎬ユ�т紶鏌撶梾鐨勬綔浼忔湡銆佹偅鑰呴殧绂绘湡鍜屾帴瑙﹁�呮鐤湡闄愯〃 </p> - <p class="center"> - <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSeven/0204-1.jpg" class="w100"> </p> </div> </div> @@ -2477,8 +2477,8 @@ <div class="padding-96"> <div class="fieldset"> <p class="img">缁〃</p> - <p class="center"> - <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterSeven/0205-1.jpg" class="w100"> </p> </div> <h5 id="e200">2.鍒囨柇浼犳挱閫斿緞</h5> @@ -3239,8 +3239,8 @@ </div> <div class="fl fl-around"> <div class="left" style="width: 48%"> - <p class="center" style="margin-top: 50px"> - <el-image :src="insect" :preview-src-list="[insect]" class="open-image"/> + <p class="center openImgBox" style="margin-top: 50px"> + <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%"> </p> <p class="img">鍥�7-1 铔茶櫕鐢熸椿鍙�</p> </div> @@ -3302,7 +3302,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[215]" :chapter="7" :page="207" /> + <examinations v-if="questionData && questionData[215]" :cardList="questionData[215]" :chapter="7" :page="207" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -3581,10 +3581,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[217][1]" :chapter="7" :page="2091" /> + <examinations v-if="questionData && questionData[217][1]" :cardList="questionData[217][1]" :chapter="7" :page="2091" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[217][2]" :chapter="7" :page="2092" /> + <examinations v-if="questionData && questionData[217][2]" :cardList="questionData[217][2]" :chapter="7" :page="2092" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> @@ -3619,16 +3619,6 @@ }, data() { return { - learn: require("../../../assets/images/chapterSeven/0180-1.jpg"), - taskOne: require("../../../assets/images/chapterSeven/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterSeven/task-sheet2.png"), - tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"), - taskThree: require("../../../assets/images/chapterSeven/task-sheet3.png"), - taskFour: require("../../../assets/images/chapterSeven/task-sheet4.png"), - taskFive: require("../../../assets/images/chapterSeven/task-sheet5.png"), - tableTwo: require("../../../assets/images/chapterSeven/0204-1.jpg"), - tableThree: require("../../../assets/images/chapterSeven/0205-1.jpg"), - insect: require("../../../assets/images/chapterSeven/0219-2.jpg"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue index 0593088..74cd830 100644 --- a/src/books/childHealth/view/content/components/chapter008.vue +++ b/src/books/childHealth/view/content/components/chapter008.vue @@ -53,8 +53,9 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image :src="learn" :preview-src-list="[learn]" class="open-image" /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterEight/0223-1.jpg" class="w100"> + </p> </div> </div> @@ -611,7 +612,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[223]" :chapter="8" :page="215" /> + <examinations v-if="questionData && questionData[223]" :cardList="questionData[223]" :chapter="8" :page="215" /> </p> </div> </div> @@ -999,7 +1000,7 @@ </div> <div class="padding-96"> <h5 id="e270">2.鍜介儴寮傜墿</h5> - <div class="fl fl-around"> + <div class="fl fl-around "> <div class="left" style="width: 38%"> <p> 鍜介儴寮傜墿浠ラ奔鍒恒�侀澶存福銆佹灒鏍哥瓑杈冧负澶氳銆傚紓鐗╁ぇ澶氭墡鍦ㄦ墎妗冧綋鎴栧叾鍛ㄥ洿锛屽紩璧风柤鐥涳紝鍚炲捊鏃剁柤鐥涘姞鍓с�傚捊閮ㄥ紓鐗╂渶濂界敤闀婂瓙鍙栧嚭锛屽垏涓嶅彲閲囩敤椋熼唻鎴栧ぇ鍙e悶楗殑鍔炴硶锛屽惁鍒欎細浣垮紓鐗╄秺鎵庤秺娣憋紝鍑虹幇鍗遍櫓銆傝嫢鏃犳硶鍙栧嚭锛屽簲绔嬪嵆閫佸尰闄㈠鐞嗐�� @@ -1034,20 +1035,16 @@ 澶勭悊鍔炴硶锛氬杈冨皬骞煎効锛屽疁閫熷皢鍏舵姳璧凤紝澶翠綆鑴氶珮锛屾媿鑳岋紙瑙佸浘8-1锛夈�傜粡涓婅堪澶勭悊锛屾湁鏃跺彲浣垮す鍦ㄥ枆閮ㄧ殑寮傜墿鍜冲嚭銆備娇鐢ㄨ娉曟棤鏁堬紝鍒欓�熼�佸尰闄㈡�ユ晳銆傚杈冨ぇ骞煎効鍙噰鐢ㄦ捣濮嗗埄甯屾墜娉曘�傛晳鎶よ�呭彲浠庡悗鏂规悅浣忓辜鍎胯叞閮紝鐢ㄥぇ鎷囨寚鐨勪竴渚ч《浣忓辜鍎夸笂鑵归儴锛岄棿鏂湴鍚戜笂銆佸悜鍚庯紝鍐插嚮鎬ф帹鍘嬶紝淇冧娇妯唸鑲屾尋鍘嬭偤閮紝浜х敓姘旀祦锛屽皢杩涘叆姘旂鐨勫紓鐗╁啿鍑猴紙瑙佸浘8-2锛夈�備娇鐢ㄨ娉曟棤鏁堬紝鍒欓�熼�佸尰闄㈡�ユ晳銆� </p> - <div class="fl fl-around"> + <div class="fl fl-around openImgBox"> <div class="left" style="width: 60%"> <p class="center"> - <el-image - :src="backslapping" - :preview-src-list="[backslapping]" - class="open-image" - /> + <img src="../../../assets/images/chapterEight/0231-2.jpg" class="w100"> </p> <p class="img">鍥�8-1 鎷嶈儗娉曟搷浣滅ず鎰忓浘</p> </div> <div class="right" style="width: 33%"> <p class="center"> - <el-image :src="backsla" :preview-src-list="[backsla]" class="open-image" /> + <img src="../../../assets/images/chapterEight/0231-3.jpg" class="w100"> </p> <p class="img">鍥�8-2 娴峰鍒╁笇鎵嬫硶鎿嶄綔绀烘剰鍥�</p> </div> @@ -1155,8 +1152,8 @@ </p> </div> <div class="right" style="width: 20%"> - <p class="center"> - <el-image :src="syncope" :preview-src-list="[syncope]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterEight/0233-2.jpg" class="w100"> </p> <p class="img">鍥�8-3 鏅曞帴鐨勫鐞�</p> </div> @@ -1462,26 +1459,16 @@ </div> <div class="padding-96"> <p class="t0">澶勶紝瑙佸浘8-5锛夈��</p> - <div class="fl"> + <div class="fl openImgBox"> <div class="left" style="width: 50%"> <p class="center"> - <el-image - style="width: 60%" - :src="pressingOne" - :preview-src-list="[pressingOne]" - class="open-image" - /> + <img src="../../../assets/images/chapterEight/0238-1.jpg" class="w100"> </p> <p class="img">鍥�8-4 鍙屾寚鎸夊帇娉�</p> </div> <div class="right" style="width: 50%"> <p class="center"> - <el-image - style="width: 60%" - :src="pressingTwo" - :preview-src-list="[pressingTwo]" - class="open-image" - /> + <img src="../../../assets/images/chapterEight/0238-2.jpg" class="w100"> </p> <p class="img">鍥�8-5 鍙屾墜鐜姳鎷囨寚鎸夊帇娉�</p> </div> @@ -1490,36 +1477,45 @@ <p> 鈶㈠浜庤緝澶у効绔ワ紝鍙敤鍗曟墜鎴栧弻鎵嬫寜鍘嬭兏楠ㄤ笅鍗婇儴銆傚崟鎵嬭兏澶栨寜鍘嬫椂锛屽彲鐢ㄤ竴鍙墜鍥哄畾鎮e効澶撮儴锛屼互渚块�氭皵锛屽彟涓�鎵嬬殑鎵嬫帉鏍归儴缃簬鑳搁涓嬪崐娈碉紝鎵嬫帉鏍圭殑闀胯酱涓庤兏楠ㄧ殑闀胯酱涓�鑷达紙瑙佸浘8-6锛夈�傚弻鎵嬭兏澶栨寜鍘嬫椂锛屽皢涓�鎵嬫帉鏍归儴閲嶅彔鏀惧湪鍙︿竴鎵嬭儗涓婏紝鍗佹寚鐩告墸锛屼笅闈㈡墜鐨勬墜鎸囨姮璧凤紝鎵嬫帉鏍归儴鍨傜洿鎸夊帇鑳搁涓嬪崐閮紙瑙佸浘8-7锛夈�� </p> - <div class="fl fl-around"> + <div class="fl fl-around openImgBox"> <div class="left" style="width: 40%"> <p class="center"> - <el-image - :src="pressingThree" - :preview-src-list="[pressingThree]" - class="open-image" - /> + <img src="../../../assets/images/chapterEight/0238-3.jpg" class="w100"> </p> <p class="img">鍥�8-6 鍗曟墜鑳稿鎸夊帇</p> </div> <div class="right" style="width: 40%"> - <el-carousel loop trigger="click" class="bones-carousel carousel-image"> - <el-carousel-item - v-for="(item, index) in pressList" - :key="index" - class="bones-carousel-item" - > - <el-image - :src="item" - :preview-src-list="pressList" - :preview-teleported="true" - class="open-image" - /> - </el-carousel-item> - </el-carousel> + <div class="banshi openImgBox" style="height:214px"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterEight/pase1.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../../assets/images/chapterEight/pase2.png" + /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> <p class="img">鍥�8-7 鍙屾墜鑳稿鎸夊帇</p> </div> </div> - <p> 娉ㄦ剰锛氣憼鎸夊帇娣卞害鑷冲皯涓鸿兏鍓嶅悗寰勭殑1/3锛堝┐鍎垮ぇ绾︿负4鍘樼背锛屽辜鍎垮ぇ绾︿负5鍘樼背锛夈�傛寜鍘嬮鐜囦负100锝�120娆�/鍒嗐�傛瘡涓�娆℃寜鍘嬪悗锛岃鑳稿粨鍏呭垎鍥炲脊锛屼互淇濋殰蹇冭剰琛�娴佺殑鍏呯泩銆傚簲淇濇寔鑳稿鎸夊帇鐨勮繛缁�э紝灏介噺鍑忓皯鑳稿鎸夊帇鐨勪腑鏂紙锛�10绉掞級銆傛湁鏉′欢鏃跺湪姣�5涓惊鐜績鑲哄鑻忓嵆2鍒嗛挓鍚庢崲浜烘寜鍘嬶紝浠ヤ繚璇佹寜鍘嬫晥鏋溿�� </p> @@ -1552,26 +1548,16 @@ <p> 锛�2锛夋墭棰屾硶銆傚綋鎮e効棰堟涓嶈兘杩愬姩鎴栨��鐤戞湁棰堟鎹熶激鏃跺彲閲囩敤鎵橀娉曘�傚皢鍙屾墜鏀剧疆鍦ㄦ偅鍎垮ご閮ㄤ袱渚э紝鎻′綇涓嬮瑙掞紝鍚戜笂鎵樹笅棰岋紝浣垮ご閮ㄥ悗浠扮▼搴︿负涓嬮瑙掍笌鑰冲瀭杩炵嚎鍜屽湴闈㈡垚60掳锛堝辜鍎匡級鎴�30掳锛堝┐鍎匡級锛堣鍥�8-9锛夈�傛搷浣滆繃绋嬩腑闇�娉ㄦ剰鎵嬫寚涓嶅彲鍘嬮涓嬭蒋缁勭粐锛屼互鍏嶉樆濉炴皵閬撱�� </p> - <div class="fl"> + <div class="fl openImgBox"> <div class="left" style="width: 50%"> <p class="center"> - <el-image - :src="upward" - :preview-src-list="[upward]" - style="width: 50%" - class="open-image" - /> + <img src="../../../assets/images/chapterEight/0239-1.jpg" class="w100"> </p> <p class="img">鍥�8-8 浠板ご鎶娉�</p> </div> <div class="right" style="width: 50%"> <p class="center"> - <el-image - style="width: 65%" - :src="upwards" - :preview-src-list="[upwards]" - class="open-image" - /> + <img src="../../../assets/images/chapterEight/0239-2.jpg" class="w100"> </p> <p class="img">鍥�8-9 鎵橀娉�</p> </div> @@ -1608,8 +1594,8 @@ <h5 id="e286">2.鎸囧帇姝㈣娉�</h5> <div class="fl fl-around"> <div class="left" style="width: 25%"> - <p class="center"> - <el-image :src="hemostasis" :preview-src-list="[hemostasis]" class="open-image" /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterEight/0240-1.jpg" class="w100"> </p> <p class="img">鍥�8-10 鎸囧帇姝㈣娉曞父鐢ㄦ琛�閮ㄤ綅</p> </div> @@ -1659,7 +1645,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[235]" :chapter="8" :page="227" /> + <examinations v-if="questionData && questionData[235]" :cardList="questionData[235]" :chapter="8" :page="227" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -2139,7 +2125,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[240]" :chapter="8" :page="232" /> + <examinations v-if="questionData && questionData[240]" :cardList="questionData[240]" :chapter="8" :page="232" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -2396,10 +2382,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[242][1]" :chapter="8" :page="2431" /> + <examinations v-if="questionData && questionData[242][1]" :cardList="questionData[242][1]" :chapter="8" :page="2431" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[242][2]" :chapter="8" :page="2342" /> + <examinations v-if="questionData && questionData[242][2]" :cardList="questionData[242][2]" :chapter="8" :page="2342" /> </p> </div> </div> @@ -2423,24 +2409,6 @@ }, data() { return { - learn: require("../../../assets/images/chapterEight/0223-1.jpg"), - taskOne: require("../../../assets/images/chapterEight/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterEight/task-sheet2.png"), - taskThree: require("../../../assets/images/chapterEight/task-sheet3.png"), - backslapping: require("../../../assets/images/chapterEight/0231-2.jpg"), - backsla: require("../../../assets/images/chapterEight/0231-3.jpg"), - syncope: require("../../../assets/images/chapterEight/0233-2.jpg"), - pressingOne: require("../../../assets/images/chapterEight/0238-1.jpg"), - pressingTwo: require("../../../assets/images/chapterEight/0238-2.jpg"), - pressingThree: require("../../../assets/images/chapterEight/0238-3.jpg"), - pressingFour: require("../../../assets/images/chapterEight/0238-4.jpg"), - pressList: [ - require("../../../assets/images/chapterEight/pase1.png"), - require("../../../assets/images/chapterEight/pase2.png"), - ], - upward: require("../../../assets/images/chapterEight/0239-1.jpg"), - upwards: require("../../../assets/images/chapterEight/0239-2.jpg"), - hemostasis: require("../../../assets/images/chapterEight/0240-1.jpg"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue index 58f751d..ce93500 100644 --- a/src/books/childHealth/view/content/components/chapter009.vue +++ b/src/books/childHealth/view/content/components/chapter009.vue @@ -49,12 +49,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image - :src="learn" - :preview-src-list="[learn]" - class="open-image" - /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterNine/0248-1.jpg" class="w100"> </p> </div> </div> @@ -345,12 +341,8 @@ 鍎跨鐨勪竴鏃ョ敓娲诲埗搴﹀簲鏍规嵁浠栦滑鐨勫績鐞嗗拰鐢熺悊鐗圭偣锛岀粨鍚堟暀鑲茶姹傚拰鍗敓鍘熷垯鏉ュ埗瀹氾紙瑙佽〃9-1锛夈�� </p> <p class="img">琛�9-1 7宀佸墠鍎跨涓�鏃ョ敓娲讳綔鎭椂闂村垎閰�</p> - <p class="center"> - <el-image - :src="tableOne" - :preview-src-list="[tableOne]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterNine/0250-1.jpg" class="w100"> </p> <h4 id="d317">锛堜竴锛変緷鎹勾榫勭壒鐐�</h4> <p> @@ -652,6 +644,7 @@ <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚涓�</span> <examinations + v-if="questionData && questionData[252]" :cardList="questionData[251]" :chapter="9" :page="243" @@ -1097,12 +1090,8 @@ 棰勯槻鎺ョ渚濈収涓�瀹氱殑绋嬪簭锛堣琛�9-2锛夈�傚洜涓烘湁鐨勭柅鑻椾竴娆℃帴绉嶅悗鎵�浜х敓鐨勬姉浣撻噺灏戯紝缁存寔鐨勬椂闂寸煭锛屾墍浠ュ繀椤诲湪涓�瀹氭椂闂村唴鍐嶆帴绉嶄竴娆★紝浣挎姉浣撲繚鎸佸湪涓�瀹氱殑姘村钩锛屼互鍔犲己棰勯槻浣滅敤銆� </p> <p class="img">琛�9-2 鍎跨璁″垝鍏嶇柅绋嬪簭</p> - <p class="center"> - <el-image - :src="tableTwo" - :preview-src-list="[tableTwo]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterNine/0260-1.jpg" class="w100"> </p> <p> 浜轰綋鏈変袱绉嶅厤鐤弽搴旓細涓�绉嶆槸缁嗚優鍏嶇柅锛屽彟涓�绉嶆槸浣撴恫鍏嶇柅銆傜粏鑳炲厤鐤湪濠村効鍑虹敓鏃跺凡缁忓畬鍠勶紝鑰屼綋娑插厤鐤湪6涓湀浠ュ悗鎵嶆瘮杈冨畬鍠勩�傛湁浜涚柅鑻楋紝濡傚崱浠嬭嫍锛屾帴绉嶅悗鎶椾綋鐨勪骇鐢熶笌缁嗚優鍏嶇柅鏈夊叧锛涙湁浜涚柅鑻楋紝濡傞夯鐤圭柅鑻楋紝鎺ョ鍚庝笌浣撴恫鍏嶇柅鏈夊叧銆傛墍浠ワ紝濠村効鍑虹敓3澶╁唴娉ㄥ皠鍗′粙鑻楀氨鍙互浜х敓鎶椾綋锛屼互棰勯槻缁撴牳鐥呫�傝�屽湪鍑虹敓鍚�6涓湀鍐呮帴绉嶉夯鐤圭柅鑻楀氨涓嶈兘浜х敓瓒冲鐨勬姉浣擄紝涔熻揪涓嶅埌棰勯槻鐨勭洰鐨勶紝鍥犳锛岄夯鐤圭柅鑻楄鍦ㄥ嚭鐢�6涓湀浠ュ悗鎺ョ銆� @@ -1547,6 +1536,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚浜�</span> <examinations + v-if="questionData && questionData[263]" :cardList="questionData[263]" :chapter="9" :page="255" @@ -1712,6 +1702,7 @@ 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> <examinations + v-if="questionData && questionData[264][1]" :cardList="questionData[264][1]" :chapter="9" :page="2561" @@ -1719,6 +1710,7 @@ <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> <examinations + v-if="questionData && questionData[264][2]" :cardList="questionData[264][2]" :chapter="9" :page="2562" @@ -1757,11 +1749,6 @@ }, data() { return { - learn: require("../../../assets/images/chapterNine/0248-1.jpg"), - taskOne: require("../../../assets/images/chapterNine/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterNine/task-sheet2.png"), - tableOne: require("../../../assets/images/chapterNine/0250-1.jpg"), - tableTwo: require("../../../assets/images/chapterNine/0260-1.jpg"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue index 8123cab..e32c629 100644 --- a/src/books/childHealth/view/content/components/chapter010.vue +++ b/src/books/childHealth/view/content/components/chapter010.vue @@ -45,12 +45,8 @@ /> 涓撻瀵煎 </h6> - <p class="blockh6 m0-t0"> - <el-image - :src="learn" - :preview-src-list="[learn]" - class="open-image" - /> + <p class="blockh6 m0-t0 openImgBox"> + <img src="../../../assets/images/chapterTen/0270-1.jpg" class="w100"> </p> </div> </div> @@ -337,12 +333,8 @@ 琛�10-1 鍏ㄦ棩鍒跺辜鍎垮洯鍚勯」鐢ㄦ埧浣跨敤闈㈢Н鍜屽缓绛戦潰绉竴瑙堣〃<a id="w1"></a ><a href="chapter010.html#m1"><sup>[1]</sup></a> </p> - <p class="center"> - <el-image - :src="tableOne" - :preview-src-list="[tableOne]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterTen/0272-1.jpg" class="w100"> </p> <p> 骞煎効鍥殑鐢熸椿鐢ㄦ埧搴旂敱骞煎効鐢熸椿鍗曞厓銆佸叕鍏辨椿鍔ㄧ┖闂村拰澶氬姛鑳芥椿鍔ㄥ缁勬垚銆傚叕鍏辨椿鍔ㄧ┖闂村彲鏍规嵁闇�瑕佽缃�傜敓娲荤敤鎴挎槸鍥唴鐨勪富浣撳缓绛戯紝瀹冨寘鎷椿鍔ㄥ銆佸崸瀹ゃ�佸崼鐢熼棿绛夈�備竴鑸皢灏忕彮銆佷腑鐝畨鎺掑湪浣庡眰锛屽ぇ鐝畨鎺掑湪楂樺眰锛岄煶浣撴椿鍔ㄥ鍙畨鎺掑湪杈冮珮灞傛銆傜敓娲荤敤鎴垮簲鏈濆崡锛屾棩鐓у厖鍒嗭紝閫氶鑹ソ銆� @@ -455,12 +447,8 @@ 娲诲姩瀹ゅ拰瀵濆鍚堝苟璁剧疆閲囩敤闈㈢Н鎸囨爣浣庨檺銆備汉鍧囦娇鐢ㄩ潰绉负3.5骞虫柟绫筹紝姣忕彮浣跨敤闈㈢Н105骞虫柟绫炽�傚垎寮�璁剧疆閲囩敤闈㈢Н鎸囨爣楂橀檺銆傛椿鍔ㄥ浜哄潎浣跨敤闈㈢Н涓�2.4骞虫柟绫筹紝姣忕彮浣跨敤闈㈢Н72骞虫柟绫炽�傛椿鍔ㄥ鐨勫鍐呭噣楂樺弬瑙佽〃10-2銆� </p> <p class="img">琛�10-2 骞煎効鍥富瑕佸缓绛戠殑瀹ゅ唴鍑�楂�</p> - <p class="center"> - <el-image - :src="tableTwo" - :preview-src-list="[tableTwo]" - class="open-image" - /> + <p class="center openImgBox"> + <img src="../../../assets/images/chapterTen/0274-1.jpg" class="w100"> </p> <p> 娲诲姩瀹ょ殑绐楀簲鍚戝崡锛屼笉搴斿悜鍖楁垨鍚戣タ锛屾渶濂芥槸鍙岄潰閲囧厜銆傜獥楂橈紙鍐呭湴闈㈣嚦绐椾笂缂橀珮锛変笉浣庝簬2.8绫炽�備负浣垮効绔ヨ兘鍦ㄥ鍐呭悜澶栬繙鐪猴紝绐楀彴璺濆湴闈㈢殑楂樺害搴斾负50锝�60鍘樼背銆傛ゼ灞傛棤瀹ゅ闃冲彴鏃讹紝搴旇鎶ゆ爮锛岃窛鍦伴潰1.30绫冲唴涓嶅簲璁惧钩寮�绐椼�傛椿鍔ㄥ鍑�楂樹笉浣庝簬3.3绫炽�傚湴闈㈠簲閾烘湪鍦版澘锛屼繚娓┿�侀槻娼紝渚夸簬鎵撴壂锛屼笖闃叉鍎跨鎽斾激銆傚鍐呭櫔澹板0绾т笉搴斿ぇ浜�50鍒嗚礉銆� @@ -741,6 +729,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚涓�</span> <examinations + v-if="questionData && questionData[275]" :cardList="questionData[275]" :chapter="10" :page="267" @@ -1186,6 +1175,7 @@ <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚浜�</span> <examinations + v-if="questionData && questionData[280]" :cardList="questionData[280]" :chapter="10" :page="272" @@ -1330,6 +1320,7 @@ 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> <examinations + v-if="questionData && questionData[281][1]" :cardList="questionData[281][1]" :chapter="10" :page="2731" @@ -1337,6 +1328,7 @@ <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> <examinations + v-if="questionData && questionData[281][2]" :cardList="questionData[281][2]" :chapter="10" :page="2732" @@ -1375,11 +1367,6 @@ }, data() { return { - learn: require("../../../assets/images/chapterTen/0270-1.jpg"), - taskOne: require("../../../assets/images/chapterTen/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterTen/task-sheet2.png"), - tableOne: require("../../../assets/images/chapterTen/0272-1.jpg"), - tableTwo: require("../../../assets/images/chapterTen/0274-1.jpg"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, diff --git a/src/books/childHealth/view/content/components/chapter011.vue b/src/books/childHealth/view/content/components/chapter011.vue index aa35a90..b4f069b 100644 --- a/src/books/childHealth/view/content/components/chapter011.vue +++ b/src/books/childHealth/view/content/components/chapter011.vue @@ -17,12 +17,10 @@ 濡傛灉浣犲叏浼氾紝閭f伃鍠滀綘锛佸鏋滀綘鏈兘鍏ㄩ儴绛斿锛屼篃娌℃湁鍏崇郴锛岃浠庢暀鏉愪腑鎵惧埌鐩稿簲鐨勫唴瀹瑰涔犱竴涓嬪惂銆� 杩欓噷涓�鍏辨湁鍗佸娴嬭瘯棰橈紝鐜板湪寮�濮嬭嚜鎴戞娴嬩箣鏃呭惂銆� </p> - <!-- <p class="center"> - <el-image :src="tableOne" :preview-src-list="[tableOne]" /> - </p> --> <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗蜂竴</span> <examinations + v-if="questionData && questionData[282][1]" :cardList="questionData[282][1]" :chapter="11" :page="2741" @@ -32,6 +30,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗蜂簩</span> <examinations + v-if="questionData && questionData[282][2]" :cardList="questionData[282][2]" :chapter="11" :page="2742" @@ -41,6 +40,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗蜂笁</span> <examinations + v-if="questionData && questionData[282][3]" :cardList="questionData[282][3]" :chapter="11" :page="2743" @@ -50,6 +50,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗峰洓</span> <examinations + v-if="questionData && questionData[282][4]" :cardList="questionData[282][4]" :chapter="11" :page="2744" @@ -59,6 +60,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗蜂簲</span> <examinations + v-if="questionData && questionData[282][5]" :cardList="questionData[282][5]" :chapter="11" :page="2745" @@ -74,13 +76,10 @@ <span class="page-header-num">275</span> </div> <div class="padding-96"> - <!-- <p class="img">缁〃</p> - <p class="center"> - <el-image :src="tableTwo" :preview-src-list="[tableTwo]" /> - </p> --> <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗峰叚</span> <examinations + v-if="questionData && questionData[283][1]" :cardList="questionData[283][1]" :chapter="11" :page="2746" @@ -90,6 +89,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗蜂竷</span> <examinations + v-if="questionData && questionData[283][2]" :cardList="questionData[283][2]" :chapter="11" :page="2747" @@ -99,6 +99,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗峰叓</span> <examinations + v-if="questionData && questionData[283][3]" :cardList="questionData[283][3]" :chapter="11" :page="2748" @@ -108,6 +109,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗蜂節</span> <examinations + v-if="questionData && questionData[283][4]" :cardList="questionData[283][4]" :chapter="11" :page="2749" @@ -117,6 +119,7 @@ <p class="block3"> <span class="block3 center dl-bl w100 mt-40">鍗峰崄</span> <examinations + v-if="questionData && questionData[283][5]" :cardList="questionData[283][5]" :chapter="11" :page="27410" @@ -143,8 +146,6 @@ }, data() { return { - tableOne: require("../../../assets/images/chapterEleven/0287-1.jpg"), - tableTwo: require("../../../assets/images/chapterEleven/0288-1.jpg"), questionData: {}, }; }, diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue index 081eda6..5371769 100644 --- a/src/books/childHealth/view/content/index.vue +++ b/src/books/childHealth/view/content/index.vue @@ -105,7 +105,7 @@ export default { data() { return { - catalogLength: 13, // 鎬荤珷鑺傛暟 + catalogLength: 14, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -597,7 +597,7 @@ initSwiper() { const doms = ( this.container ? this.container : document - ).querySelectorAll(".swiper-container"); + ).querySelectorAll(".swiper-img"); for (let i = 0; i < doms.length; i++) { const dom = doms[i]; new Swiper(dom, { @@ -605,8 +605,42 @@ autoplay: { //鑷姩寮�濮� delay: 3000, //鏃堕棿闂撮殧 - disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠* + disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠* }, + paginationClickable: true, + slidesPerView: 1, // 涓�缁勪笁涓� + spaceBetween: 30, // 闂撮殧 + // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳 + navigation: { + nextEl: (this.container ? this.container : document).querySelector( + ".swiper-button-next" + ), + prevEl: (this.container ? this.container : document).querySelector( + ".swiper-button-prev" + ), + }, + // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� + observer: true, + observeParents: true, + // // 濡傛灉闇�瑕佸垎椤靛櫒 + // pagination: { + // el: (this.container ? this.container : document).querySelector( + // ".swiper-pagination" + // ), + // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑� + // } + }); + } + // swiper-container + const pptDoms = ( + this.container ? this.container : document + ).querySelectorAll(".swiper-ppt"); + for (let i = 0; i < pptDoms.length; i++) { + debugger + const dom = pptDoms[i]; + new Swiper(dom, { + loop: false, // 鏃犵紳 + autoplay: false, paginationClickable: true, slidesPerView: 1, // 涓�缁勪笁涓� spaceBetween: 30, // 闂撮殧 @@ -622,13 +656,6 @@ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� observer: true, observeParents: true - // // 濡傛灉闇�瑕佸垎椤靛櫒 - // pagination: { - // el: (this.container ? this.container : document).querySelector( - // ".swiper-pagination" - // ), - // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑� - // } }); } }, diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue index 12e57ea..11321a5 100644 --- a/src/books/embedded/view/components/chapter001.vue +++ b/src/books/embedded/view/components/chapter001.vue @@ -668,8 +668,7 @@ </div> <video - v-if="videoOne" - :src="config.resourceCtx + '/閰嶅瀛︿範璧勬簮/p7/MCGS瀹夎瑙嗛甯﹂煶棰�.mp4'" + :src="config.activeBook.resourceUrl + '/閰嶅瀛︿範璧勬簮/p7/MCGS瀹夎瑙嗛甯﹂煶棰�.mp4'" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" @@ -721,7 +720,7 @@ </p> <div class="qrbodyPic"> <div class="banshi openImgBox"> - <div class="swiper-container"> + <div class="swiper-container swiper-img"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div @@ -1459,7 +1458,7 @@ </el-carousel-item> </el-carousel> --> <div class="banshi openImgBox"> - <div class="swiper-container"> + <div class="swiper-container swiper-img"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div @@ -1886,9 +1885,6 @@ .p08 { padding: 0 8px; } - // li { - // padding: 0 8px; - // } li:last-child { border: 0; } diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue index 1d6bfa6..ef673e8 100644 --- a/src/books/embedded/view/components/index.vue +++ b/src/books/embedded/view/components/index.vue @@ -524,7 +524,7 @@ initSwiper() { const doms = ( this.container ? this.container : document - ).querySelectorAll(".swiper-container"); + ).querySelectorAll(".swiper-img"); for (let i = 0; i < doms.length; i++) { const dom = doms[i]; new Swiper(dom, { @@ -532,8 +532,42 @@ autoplay: { //鑷姩寮�濮� delay: 3000, //鏃堕棿闂撮殧 - disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠* + disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠* }, + paginationClickable: true, + slidesPerView: 1, // 涓�缁勪笁涓� + spaceBetween: 30, // 闂撮殧 + // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳 + navigation: { + nextEl: (this.container ? this.container : document).querySelector( + ".swiper-button-next" + ), + prevEl: (this.container ? this.container : document).querySelector( + ".swiper-button-prev" + ), + }, + // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� + observer: true, + observeParents: true, + // // 濡傛灉闇�瑕佸垎椤靛櫒 + // pagination: { + // el: (this.container ? this.container : document).querySelector( + // ".swiper-pagination" + // ), + // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑� + // } + }); + } + // swiper-container + const pptDoms = ( + this.container ? this.container : document + ).querySelectorAll(".swiper-ppt"); + for (let i = 0; i < pptDoms.length; i++) { + debugger + const dom = pptDoms[i]; + new Swiper(dom, { + loop: false, // 鏃犵紳 + autoplay: false, paginationClickable: true, slidesPerView: 1, // 涓�缁勪笁涓� spaceBetween: 30, // 闂撮殧 @@ -548,14 +582,7 @@ }, // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� observer: true, - observeParents: true, - // // 濡傛灉闇�瑕佸垎椤靛櫒 - // pagination: { - // el: (this.container ? this.container : document).querySelector( - // ".swiper-pagination" - // ), - // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑� - // } + observeParents: true }); } }, diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue index 6e70a32..531847a 100644 --- a/src/books/lifeCare/index.vue +++ b/src/books/lifeCare/index.vue @@ -187,7 +187,7 @@ }, mounted() { // 榛樿鍔犺浇绔犺妭 - this.showCatalogList = [6]; + this.showCatalogList = [1]; // 婊氬姩鐩戝惉鑺傛祦 this.throttledScrollHandler = _.throttle( this.scrollFun, -- Gitblit v1.9.1