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; src/books/English/assets/images/dy1-le2.jpg
@@ -841,6 +841,7 @@ } .parimary-btn { min-width: 80px; min-height: 28px; font-size: 14px; margin-left: 5px; background-color: #0bab87; 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 @@ 答案：The 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" > 答案：Chinese food is very delicious. Sichuan and Hunan cuisines are quite mouth-watering and stimulating. 答案：Chinese 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" > 答案：When 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’s expectations of her stay in China?</p> <textarea @@ -814,11 +1028,11 @@ style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer" > 答案：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> 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" > 答案：Many foreigners are curious about the amazing Chinese martial arts. 答案：Many 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" > 答案：I suggest that you go to Tibet by train so that you can enjoy the natural scenery along the way. 答案：I 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 @@ 答案：嫘祖发明了中国缫丝技术，这极大地促进了中国古代文明的发展。 </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—if-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; 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, 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: "", 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="正常足" /> </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 正常足和扁平足</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 @@ 学前儿童新陈代谢旺盛，在新陈代谢过程中，机体需氧量相对比成人多，只有加快呼吸频率才能满足自身对氧气的需求量，所以，年龄越小，呼吸频率越快。新生儿每分钟呼吸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 成年侏儒症患者与正常成人的身高比较</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> 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, 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"> 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, 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年代，美国一些科学家发现，所有酗酒的母亲所生的子女常有一些共同的体质和神经症状，于是就把这些共同的体质和神经症状命名为胚胎酒精综合征（FAS）。自此以后，酒精对胎儿所造成的危害，就成了人们关注的焦点之一。 在生理方面，患有胚胎酒精综合征的儿童的头部显得小而窄；他们的面容也较为独特，如眼距较宽，短鼻，下颌发育不全（见图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 患有胚胎酒精综合征（FAS）的婴儿（引自美国FAS社区资源中心） @@ -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分或更高分数的婴儿被认为处于良好的健康状况；那些得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, 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, 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> 咽部异物以鱼刺、骨头渣、枣核等较为多见。异物大多扎在扁桃体或其周围，引起疼痛，吞咽时疼痛加剧。咽部异物最好用镊子取出，切不可采用食醋或大口吞饭的办法，否则会使异物越扎越深，出现危险。若无法取出，应立即送医院处理。 @@ -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> ③对于较大儿童，可用单手或双手按压胸骨下半部。单手胸外按压时，可用一只手固定患儿头部，以便通气，另一手的手掌根部置于胸骨下半段，手掌根的长轴与胸骨的长轴一致（见图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）托颌法。当患儿颈椎不能运动或怀疑有颈椎损伤时可采用托颌法。将双手放置在患儿头部两侧，握住下颌角，向上托下颌，使头部后仰程度为下颌角与耳垂连线和地面成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, 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, 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米。地面应铺木地板，保温、防潮，便于打扫，且防止儿童摔伤。室内噪声声级不应大于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, src/books/childHealth/view/content/components/chapter011.vue
@@ -17,12 +17,10 @@ 如果你全会，那恭喜你！如果你未能全部答对，也没有关系，请从教材中找到相应的内容复习一下吧。 这里一共有十套测试题，现在开始自我检测之旅吧。 </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: {}, }; }, 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 // 分页器可以点击 // } }); } }, 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; } 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 }); } }, src/books/lifeCare/index.vue
@@ -187,7 +187,7 @@ }, mounted() { // 默认加载章节 this.showCatalogList = [6]; this.showCatalogList = [1]; // 滚动监听节流 this.throttledScrollHandler = _.throttle( this.scrollFun,
