Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

YM

2024-05-31 781876372311fa27266a223062b460ac09e93a40

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 src/App.vue

@@ -50,7 +50,6 @@
          if (tryPageCount) {
            this.activeBook.tryPageCount = tryPageCount;
          }
          console.log("图书", this.activeBook);
          if (
            (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
          ) {
@@ -65,6 +64,8 @@
        // childHealth
        // lifeCare
        // sportsAndHealth
        // embedded
        // english
        this.config.resourceCtx + "childHealth"
      );
      // æµ‹è¯•è¯•è¯»30页
@@ -91,7 +92,7 @@
.highLight {
  border: 1px dashed rgba(255, 255, 255, 0);
  border-radius: 5px;
  padding: 3px;
  padding: 3px 0;
  cursor: pointer;
}
.highLight:hover {
@@ -100,7 +101,7 @@

.underline {
  border: 1px dashed rgba(255, 255, 255, 0);
  padding: 5px;
  padding: 5px 0;
  border-radius: 5px;
  text-decoration: underline;
  text-decoration-style: wavy;

 src/books/English/assets/images/dy1-le2.jpg

 src/books/English/assets/images/icon/ͼƬÎļþ.svg

New file
@@ -0,0 +1,7 @@
<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"
    fill="#ffffff" p-id="30865"></path>
</svg>

 src/books/English/assets/main.less

@@ -676,6 +676,9 @@
  .fl {
    display: flex;
  }
  .fw-wr {
    flex-wrap: wrap;
  }
  .ju-bt {
    justify-content: space-between;
  }
@@ -841,6 +844,7 @@
  }
  .parimary-btn {
    min-width: 80px;
    height: 30px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #0bab87;
@@ -860,6 +864,7 @@
    color: red;
  }
  .icon-box {
    margin-left: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
@@ -935,6 +940,15 @@
      }
    }
  }
  .textarea-box {
    border: none;
    text-align: center;
    width: 84px;
    height: 36px;
    overflow: auto;
    word-break: break-all;
    resize: none;
  }
}
/* åª’体查询做基础响应式布局 */
@media (max-width: 660px) {

 src/books/English/view/components/chapter001.vue

Diff too large

 src/books/English/view/components/header.vue

@@ -1,20 +1,24 @@
<template>
  <div class="chapter" num="0">
  <div class="chapter" num="1">
    <!--  -->
    <div class="page-box" page="1">
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      </p>
      <div v-if="showPageList.indexOf(1) > -1">
        <p class="center">
          <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
        </p>
      </div>
    </div>
    <!-- 1 -->
    <div class="page-box" page="2">
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
      </p>
      <div v-if="showPageList.indexOf(2) > -1">
        <p class="center">
          <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
        </p>
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box text-center" style="padding: 136px 0" page="3">
      <div class="box">
      <div class="box" v-if="showPageList.indexOf(3) > -1">
        <hr class="line" />
        <p class="tl fz-14"><b>图书在版编目（CIP）数据</b></p>
        <p class="tl fz-14 m0">
@@ -72,109 +76,115 @@
    </div>
    <!-- 3 -->
    <div class="page-box " page="4">
      <div class="pd-20 ">
        <div class="preface w100 fl al-end ju-cn">
          <h1 id="a003" class="front preface-text">前言</h1>
        </div>  
      </div>
      <div class="bodystyle padding-93 pb-104 ">
        <p>
          ã€Šæ–°æ ‡å‡†é€šç”¨èŒåœºè‹±è¯­ã€‹çš„编写团队以党的教育方针为宗旨，贯彻党的二十大报告精神，对标《高等职业教育专科英语课程标准（2021年版）》，遵循《高等学校课程思政建设指导纲要》的要求，参照《中国英语能力等级量表》四级和五级能力要求，立足高职英语教学实际，进行设计和编写，既注重提升学生的核心素养、促进普职融通，又全方位融入课程思政，落实立德树人根本任务。
        </p>
        <p class="center primary-title-color "><b>一、教材编写理念</b></p>
        <p><span class="kaiti">1.全面贯彻落实新课程标准要求</span></p>
        <p>
          ã€Šæ–°æ ‡å‡†é€šç”¨èŒåœºè‹±è¯­ã€‹ç³»åˆ—教材全面对标《高等职业教育专科英语课程标准（2021年版）》，充分突出高职英语课程的思想性、科学性、职业性、时代性，关注各学段的衔接性，实现价值引领，培养学生的必备能力和关键能力。
        </p>
        <p>
          <span class="kaiti ">2.全程融入课程思政，彰显语言课程的育人功能</span>
        </p>
        <p>
          æ•™æä»Žå•å…ƒä¸»é¢˜ã€ç´ æé€‰å–、练习设置等各方面综合设计，紧密联系中国社会和文化，弘扬正能量。在提升学生核心素养的同时，引导学生关注社会，关注他人，潜移默化地培养学生的家国情怀和人文素养，增强学生在多元文化交流环境中讲述中国故事和推介中国文化的能力。教材以“立德树人”为根本任务，立足新时代中国职业教育大背景，以职业为关键词，选取职业与个人、职业与社会、职业与环境主题的语言材料，在助力语言教学的同时，引导学生贡献社会、关心社会、爱岗敬业，实现公共英语课程培根铸魂、启智增慧的功能，促进学生全面发展。
        </p>
        <p><span class="kaiti">3.基于产出导向理念，实施项目化教学</span></p>
        <p>
          æ•™æåŸºäºŽäº§å‡ºå¯¼å‘的理念，打破传统听、说、读、写分板块编写的体例，进行一单元一项目的项目化教学设计，综合运用听、说、读、写、看等多种语言技能和融媒体手段，搭建语言支架，层层递进，环环相扣，助力学生最终完成单元项目任务。
        </p>
      <div v-if="showPageList.indexOf(4) > -1">
        <div class="pd-20 ">
          <div class="preface w100 fl al-end ju-cn">
            <h1 id="a003" class="front preface-text">前言</h1>
          </div>  
        </div>
        <div class="bodystyle padding-93 pb-104 ">
          <p>
            ã€Šæ–°æ ‡å‡†é€šç”¨èŒåœºè‹±è¯­ã€‹çš„编写团队以党的教育方针为宗旨，贯彻党的二十大报告精神，对标《高等职业教育专科英语课程标准（2021年版）》，遵循《高等学校课程思政建设指导纲要》的要求，参照《中国英语能力等级量表》四级和五级能力要求，立足高职英语教学实际，进行设计和编写，既注重提升学生的核心素养、促进普职融通，又全方位融入课程思政，落实立德树人根本任务。
          </p>
          <p class="center primary-title-color "><b>一、教材编写理念</b></p>
          <p><span class="kaiti">1.全面贯彻落实新课程标准要求</span></p>
          <p>
            ã€Šæ–°æ ‡å‡†é€šç”¨èŒåœºè‹±è¯­ã€‹ç³»åˆ—教材全面对标《高等职业教育专科英语课程标准（2021年版）》，充分突出高职英语课程的思想性、科学性、职业性、时代性，关注各学段的衔接性，实现价值引领，培养学生的必备能力和关键能力。
          </p>
          <p>
            <span class="kaiti ">2.全程融入课程思政，彰显语言课程的育人功能</span>
          </p>
          <p>
            æ•™æä»Žå•å…ƒä¸»é¢˜ã€ç´ æé€‰å–、练习设置等各方面综合设计，紧密联系中国社会和文化，弘扬正能量。在提升学生核心素养的同时，引导学生关注社会，关注他人，潜移默化地培养学生的家国情怀和人文素养，增强学生在多元文化交流环境中讲述中国故事和推介中国文化的能力。教材以“立德树人”为根本任务，立足新时代中国职业教育大背景，以职业为关键词，选取职业与个人、职业与社会、职业与环境主题的语言材料，在助力语言教学的同时，引导学生贡献社会、关心社会、爱岗敬业，实现公共英语课程培根铸魂、启智增慧的功能，促进学生全面发展。
          </p>
          <p><span class="kaiti">3.基于产出导向理念，实施项目化教学</span></p>
          <p>
            æ•™æåŸºäºŽäº§å‡ºå¯¼å‘的理念，打破传统听、说、读、写分板块编写的体例，进行一单元一项目的项目化教学设计，综合运用听、说、读、写、看等多种语言技能和融媒体手段，搭建语言支架，层层递进，环环相扣，助力学生最终完成单元项目任务。
          </p>
        </div>
      </div>
    </div>
    <!-- 4 -->
    <div class="page-box" page="5">
      <div class="mb-20" style="padding-right: 20px;">
        <div class="primary-bc fl al-end" style="height: 100px;padding-left: 40px;">
          <div class="preface-header-box y-bc">
            <span class="l-text">新标准通用职场英语</span>
            <span class="g-text g-color">基础模块一</span>
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="mb-20" style="padding-right: 20px;">
          <div class="primary-bc fl al-end" style="height: 100px;padding-left: 40px;">
            <div class="preface-header-box y-bc">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text g-color">基础模块一</span>
            </div>
          </div>
        </div>
      </div>
      <div class="padding-93">
        <p><span class="kaiti">4.满足教与学的多元需求</span></p>
        <p>
          é«˜èŒæ‰©æ‹›ä¹‹åŽï¼Œå­¦ç”Ÿå‘ˆå¤šå…ƒåŒ–层级结构，对学习的需求也变得多元化。本套教材，基于高职学生公共英语课程的现状调研，聚焦教学内容、教学活动、教学模式等方面，着力开发新形态教材和相关资源，满足高职院校学生的多种学习需求。
        </p>
        <p class="center primary-title-color"><b>二、教材体系设计</b></p>
        <p><span class="kaiti">1.项目为导向的单元设计</span></p>
        <p>
          æ¯ä¸ªå•å…ƒåŒ…含三个子项目。输入材料由浅入深，从语言、内容、结构上逐渐搭建支架，引领学生有针对性地探索、学习，最终完成单元项目。
        </p>
        <p><span class="kaiti">2.职场为导向的情境设置</span></p>
        <p>
          å°†å•å…ƒé¡¹ç›®èžå…¥èŒåœºæƒ…境，结合行业和企业对高职学生语言技能的要求，从求职应聘、生产服务、营销售后等典型职业场景规划语言学习内容，创设学习情境和具体学习任务，培养学生在职场环境中用英语进行沟通的能力及解决职场问题的能力。
        </p>
        <p><span class="kaiti">3.混合式学习为导向的教学模式</span></p>
        <p>
          ä¾æ‰˜åŒ—师大“京师乐学”和“京师E课”平台，开发与教材深度融合的移动数字级创新慕课平台。数字课程包含视频微课、在线练习、互动讨论等，与教材有机结合，相互依托。线上线下深度融合，赋能教学。
        </p>
        <p class="center primary-title-color"><b>三、教材特色</b></p>
        <p>1.紧扣新课标要求，突出学生核心素养培养，落实立德树人根本任务</p>
        <p>
          åŸºäºŽå­¦ç”ŸçŽ°æœ‰çš„英语水平和未来的工作需求，针对基础模块课程，结合职场情境设计任务，通过多模态语篇和不同类型体裁的学习素材，夯实学生的听、说、读、写、译、看等技能，提高学生的职场涉外沟通能力，开拓学生的国际视野。单元项目设置聚焦思辨和创新思维训练，旨在提升学生的语言思维能力，使其养成善于探究的思维品格。自我评估环节旨在检测学生的学习效果，使其适时调整学习策略，促进自主学能的提升。
        </p>
        <p>
          <span class="kaiti">2.运用信息技术，建设融媒体资源，赋能教学</span>
        </p>
        <p>
          åœ¨éµå¾ªè¯­è¨€ä¹ å¾—规律的基础上，探究将传统纸质教材融入丰富的融媒体教学资源的路径与方法，充分利用现代化的教学手段和出版社的信息化平台，克服传统教材知识容量有限、内容更新周期慢、图文形式单一、缺乏与学生的互动和反馈等的局限性，针对当代学生依赖互联网、注重阅读体验、感知和接受新事物
        </p>
      </div>
      <div class="preface-bottom">
        <span class="num-box">2</span>
        <div class="padding-93">
          <p><span class="kaiti">4.满足教与学的多元需求</span></p>
          <p>
            é«˜èŒæ‰©æ‹›ä¹‹åŽï¼Œå­¦ç”Ÿå‘ˆå¤šå…ƒåŒ–层级结构，对学习的需求也变得多元化。本套教材，基于高职学生公共英语课程的现状调研，聚焦教学内容、教学活动、教学模式等方面，着力开发新形态教材和相关资源，满足高职院校学生的多种学习需求。
          </p>
          <p class="center primary-title-color"><b>二、教材体系设计</b></p>
          <p><span class="kaiti">1.项目为导向的单元设计</span></p>
          <p>
            æ¯ä¸ªå•å…ƒåŒ…含三个子项目。输入材料由浅入深，从语言、内容、结构上逐渐搭建支架，引领学生有针对性地探索、学习，最终完成单元项目。
          </p>
          <p><span class="kaiti">2.职场为导向的情境设置</span></p>
          <p>
            å°†å•å…ƒé¡¹ç›®èžå…¥èŒåœºæƒ…境，结合行业和企业对高职学生语言技能的要求，从求职应聘、生产服务、营销售后等典型职业场景规划语言学习内容，创设学习情境和具体学习任务，培养学生在职场环境中用英语进行沟通的能力及解决职场问题的能力。
          </p>
          <p><span class="kaiti">3.混合式学习为导向的教学模式</span></p>
          <p>
            ä¾æ‰˜åŒ—师大“京师乐学”和“京师E课”平台，开发与教材深度融合的移动数字级创新慕课平台。数字课程包含视频微课、在线练习、互动讨论等，与教材有机结合，相互依托。线上线下深度融合，赋能教学。
          </p>
          <p class="center primary-title-color"><b>三、教材特色</b></p>
          <p>1.紧扣新课标要求，突出学生核心素养培养，落实立德树人根本任务</p>
          <p>
            åŸºäºŽå­¦ç”ŸçŽ°æœ‰çš„英语水平和未来的工作需求，针对基础模块课程，结合职场情境设计任务，通过多模态语篇和不同类型体裁的学习素材，夯实学生的听、说、读、写、译、看等技能，提高学生的职场涉外沟通能力，开拓学生的国际视野。单元项目设置聚焦思辨和创新思维训练，旨在提升学生的语言思维能力，使其养成善于探究的思维品格。自我评估环节旨在检测学生的学习效果，使其适时调整学习策略，促进自主学能的提升。
          </p>
          <p>
            <span class="kaiti">2.运用信息技术，建设融媒体资源，赋能教学</span>
          </p>
          <p>
            åœ¨éµå¾ªè¯­è¨€ä¹ å¾—规律的基础上，探究将传统纸质教材融入丰富的融媒体教学资源的路径与方法，充分利用现代化的教学手段和出版社的信息化平台，克服传统教材知识容量有限、内容更新周期慢、图文形式单一、缺乏与学生的互动和反馈等的局限性，针对当代学生依赖互联网、注重阅读体验、感知和接受新事物
          </p>
        </div>
        <div class="preface-bottom">
          <span class="num-box">2</span>
        </div>
      </div>
    </div>
    <!-- 5 -->
    <div class="page-box" page="6">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class="left primary-bc "></li>
        <li>
          <span class="primary-bc">前&nbsp;言</span>
          <span class="y-bc"></span>
        </li>
      </ul>
      <div class="padding-93">
        <p class="t0">
          èƒ½åŠ›å¼ºçš„特点，更新教材内容和呈现形式，应用信息技术和资源，形成“纸质教材+微课堂+云资源”
          ç­‰èžåª’体教学资源的线上线下教学新形态，满足学生碎片化学习、自主学习、个性化学习的需求，增加学生的参与度，从而提高学生的学习效率。
        </p>
        <p class="center"><b>四、教材创新</b></p>
        <p><span class="kaiti">1.项目导向，任务创设情境化</span></p>
        <p>
          æ•™æç¼–写团队紧扣新课标主题类别话题要求，以层层递进的项目化任务为引领，通过引导学生完成精心设计的情境语言任务，帮助学生全面学习并掌握与主题和情境相关的语言文化知识，提高学生的语言沟通交流能力。
        </p>
        <p><span class="kaiti">2.学用结合，能力培养系统化</span></p>
        <p>
          æ•™æé‡‡ç”¨ç³»ç»ŸåŒ–的教学设计，以发展学生的核心素养为核心，将学用结合的原则贯穿教学活动全过程，让学生习得的技能有用武之地。
        </p>
        <p class="center"><b>五、编写队伍</b></p>
        <p>
          ã€Šæ–°æ ‡å‡†é€šç”¨èŒåœºè‹±è¯­ã€‹ç³»åˆ—教材由成都纺织高等专科学校的王朝晖担任总主编，由四川文轩职业学院的刘大利、四川建筑职业技术学院的罗忠明和邓冬至担任主编，本册由成都纺织高等专科学校的贾丽萍、成都职业技术学院的刘海燕、四川开放大学的侯书华担任副主编。具体编写人员均为多年从事高职公共英语教学与研究的领军人物、骨干教师、双师型素质教师。编写团队教学、管理经验丰富，熟悉语言教学规律，了解职业教育理念，关注职业教育教学的政策和动态，确保了本套教材的编写质量。
        </p>
        <p>
          å›¿äºŽæ°´å¹³ï¼Œæ•™æç–æ¼ä¹‹å¤„难免。我们真诚欢迎专家、师生对教材提出宝贵意见和建议，以便我们动态完善教材，更好地服务高职外语教育教学，服务广大师生。
        </p>
      </div>
      <div class="preface-bottom" style="margin-top: 236px">
        <span class="num-box">3</span>
      <div v-if="showPageList.indexOf(6) > -1">        
        <ul class="preface-odd-header w100 fl ju-bt">
          <li class="left primary-bc "></li>
          <li>
            <span class="primary-bc">前&nbsp;言</span>
            <span class="y-bc"></span>
          </li>
        </ul>
        <div class="padding-93">
          <p class="t0">
            èƒ½åŠ›å¼ºçš„特点，更新教材内容和呈现形式，应用信息技术和资源，形成“纸质教材+微课堂+云资源”
            ç­‰èžåª’体教学资源的线上线下教学新形态，满足学生碎片化学习、自主学习、个性化学习的需求，增加学生的参与度，从而提高学生的学习效率。
          </p>
          <p class="center"><b>四、教材创新</b></p>
          <p><span class="kaiti">1.项目导向，任务创设情境化</span></p>
          <p>
            æ•™æç¼–写团队紧扣新课标主题类别话题要求，以层层递进的项目化任务为引领，通过引导学生完成精心设计的情境语言任务，帮助学生全面学习并掌握与主题和情境相关的语言文化知识，提高学生的语言沟通交流能力。
          </p>
          <p><span class="kaiti">2.学用结合，能力培养系统化</span></p>
          <p>
            æ•™æé‡‡ç”¨ç³»ç»ŸåŒ–的教学设计，以发展学生的核心素养为核心，将学用结合的原则贯穿教学活动全过程，让学生习得的技能有用武之地。
          </p>
          <p class="center"><b>五、编写队伍</b></p>
          <p>
            ã€Šæ–°æ ‡å‡†é€šç”¨èŒåœºè‹±è¯­ã€‹ç³»åˆ—教材由成都纺织高等专科学校的王朝晖担任总主编，由四川文轩职业学院的刘大利、四川建筑职业技术学院的罗忠明和邓冬至担任主编，本册由成都纺织高等专科学校的贾丽萍、成都职业技术学院的刘海燕、四川开放大学的侯书华担任副主编。具体编写人员均为多年从事高职公共英语教学与研究的领军人物、骨干教师、双师型素质教师。编写团队教学、管理经验丰富，熟悉语言教学规律，了解职业教育理念，关注职业教育教学的政策和动态，确保了本套教材的编写质量。
          </p>
          <p>
            å›¿äºŽæ°´å¹³ï¼Œæ•™æç–æ¼ä¹‹å¤„难免。我们真诚欢迎专家、师生对教材提出宝贵意见和建议，以便我们动态完善教材，更好地服务高职外语教育教学，服务广大师生。
          </p>
        </div>
        <div class="preface-bottom" style="margin-top: 236px">
          <span class="num-box">3</span>
        </div>
      </div>
    </div>
  </div>
@@ -183,6 +193,11 @@
<script>
export default {
  name: "page-header",
  props:{
    showPageList:{
      type:Array
    }
  }
};
</script>


 src/books/English/view/components/index.vue

@@ -1,28 +1,62 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div class="page-content">
      <pageHeader ></pageHeader>
      <chapterOne @saveCharacters="saveCharacters"></chapterOne>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize ? fontSize + 'px' : '16px',
        transform: `scale(${pageZoom ? pageZoom : 1})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapterOne
        @saveCharacters="saveCharacters"
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :pageNum="pageNum"
        :total="total"
      ></chapterOne>
    </div>
  </div>
</template>

<script>
import pageHeader from './header.vue'
import chapterOne from './chapter001.vue'
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "pageContent",
  components:{pageHeader,chapterOne},
  data() {
    return {
      catalogLength: 2, // æ€»ç« èŠ‚æ•°
      catalogLength: 13, // æ€»ç« èŠ‚æ•°
      showCatalogList: [], // æ˜¾ç¤ºçš„章节
      loadThreshold: 300, // è§¦å‘加载阈值
      throttleThreshold: 100, // èŠ‚流阈值
      previousScrollTop: 0,
      throttledScrollHandler: null,
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionData: {},
      renderSignMap: {},
      pageNum: "1",
      total: "27",
    };
  },
  computed: {
    fontSize() {
      return this.$store.state.qiankun.fontSize;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    },
  },
  watch: {
    showCatalogList: {
@@ -39,13 +73,22 @@
        // å¯åŠ¨é¡µç è§‚察
        setTimeout(() => {
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
        setTimeout(() => {
          this.initSwiper();
          this.initViewer();
        }, 200);
      },
    },
  },
  mounted() {
    // é»˜è®¤åŠ è½½ç« èŠ‚
    this.showCatalogList = [0, 1];
    this.showCatalogList = [1];
    // æ»šåŠ¨ç›‘听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
@@ -61,7 +104,9 @@
        },
        // æ¸²æŸ“笔记、高亮、划线
        renderSign: (type, data) => {
          this.renderSign(type, data);
          // å› ä¸ºè°ƒæ•´ä¸ºé¡µé¢æ‡’加载，所以渲染标记也需要按照页面进行处理，先储存数据，页面加载完成再渲染对应的标记；
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // åˆ é™¤ç¬”记、高亮、划线
        delSign: (data) => {
@@ -78,29 +123,36 @@
      threshold: 0.5, // æŒ‡å®šäº¤å‰æ¯”例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // æŒ‡å®šæ ¹å…ƒç´ ï¼Œè¿™é‡Œè®¾ä¸º null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // æŒ‡å®šæ ¹å…ƒç´ çš„边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0, // æŒ‡å®šäº¤å‰æ¯”例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    // å¯åŠ¨é¡µç è§‚察
    setTimeout(() => {
      this.initObservation();
      this.initThemeColor();
    }, 500);

    // æµ‹è¯•é¡µé¢è·³è½¬
    // setTimeout(() => {
    //   this.gotoPage(5, 100);
    //   this.gotoPage(1, 10);
    //   setTimeout(() => {
    //     this.renderSign("Note", {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "营养素和热量，才能",
    //       page: "100",
    //       txt: "题一学习主题一 è¿åŠ¨",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    //     setTimeout(() => {
    //       this.delSign({
    //         ids: ["2ACA9359"]
    //       });
    //     }, 2000);
    //   }, 1000);
    // }, 3000);
    // setTimeout(() => {
    //   this.delSign({
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    //   }, 5000);
    // }, 1000);
  },
  methods: {
    // æ»šåŠ¨ç›‘听
@@ -178,6 +230,21 @@
        console.log("章节错误！");
      }
    },

    // å¤„理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // ç«‹å³æ¸²æŸ“
        this.renderSign(type, data);
      }

      // å‚¨å­˜æ•°æ®
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
      this.renderSignMap[type][data.page].push(data);
    },

    // æ¸²æŸ“标记
    renderSign(type, data) {
      const existence = (
@@ -188,29 +255,48 @@
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        let reg = new RegExp(`${data.txt}`, "ig");
        switch (type) {
          case "Highlight":
            // é«˜äº®
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Dashing":
            // åˆ’线
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Note":
            // ç¬”è®°
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
            );
            break;
        // åˆ›å»º createTreeWalker è¿­ä»£å™¨ï¼Œç”¨äºŽéåŽ†æ–‡æœ¬èŠ‚点，保存到一个数组
        const treeWalker = document.createTreeWalker(
          pageDom,
          NodeFilter.SHOW_TEXT
        );
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
          allTextNodes.push(currentNode);
          currentNode = treeWalker.nextNode();
        }
        for (let i = 0; i < allTextNodes.length; i++) {
          const textDom = allTextNodes[i];
          if (textDom.textContent.indexOf(data.txt) > -1) {
            let reg = new RegExp(`${data.txt}`, "ig");
            switch (type) {
              case "Highlight":
                // é«˜äº®
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Dashing":
                // åˆ’线
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Note":
                // ç¬”è®°
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
                  );
                break;
            }
          }
        }
      }
    },
@@ -245,14 +331,116 @@
      const sections = (
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      //observer è§‚察每个元素，以便在它们进入或离开视窗时触发回调函数。
      sections.forEach((section) => {
        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
          const page = section.getAttribute("page");
          if (Number(page) > this.config.activeBook.tryPageCount) {
            let chapterDom = this.getParentWithClass(section, "chapter");
            const chapterNum = chapterDom.getAttribute("num");
            this.catalogLength = Number(chapterNum) - 1;
            section.remove();
            return false;
          }
        }
        // observer è§‚察每个元素，以便在它们进入或离开视窗时触发回调函数。
        const isObserver = section.getAttribute("observer");
        const isLoadObserver = section.getAttribute("loadObserver");
        if (!isObserver) {
          this.observer.observe(section);
          section.setAttribute("observer", "1");
        }
        if (!isLoadObserver) {
          this.loadPageObserver.observe(section);
          section.setAttribute("loadObserver", "1");
        }
      });
    },
    initThemeColor() {
      // èŽ·å–各种需要主题色的节点
      const colorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-color");
      const backgroundColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-back");
      const borderColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-border");
      // èŽ·å–配置的主题色
      const bookThemeColor =
        this.config.activeBook && this.config.activeBook.bookThemeColor
          ? this.config.activeBook.bookThemeColor
          : null;
      const chapterThemeColor =
        this.config.activeBook && this.config.activeBook.chapterThemeColor
          ? this.config.activeBook.chapterThemeColor
          : null;
      const pageThemeColor =
        this.config.activeBook && this.config.activeBook.pageThemeColor
          ? this.config.activeBook.pageThemeColor
          : null;
      colorDom.forEach((domItem) => {
        // èŽ·å–章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // å‘上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
      });
      backgroundColorDom.forEach((domItem) => {
        // èŽ·å–章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // å‘上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
      });
      borderColorDom.forEach((domItem) => {
        // èŽ·å–章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // å‘上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    pageChangeCallback(entries, observer) {
      //entries：代表观察到的目标元素的集合。 observer：代表观察者对象。
@@ -267,12 +455,16 @@
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          console.log("page", page, catalog);
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 20);
          }
          // è¿”回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections：获取所有具有 .section ç±»åçš„元素，并转换为数组。
@@ -281,18 +473,170 @@
        }
      });
    },
    // ç‚¹å‡»äº‹ä»¶ï¼šå°†ç”Ÿåƒ»å•è¯ä¼ ç»™ ä¸»åº”用 ä»Žè€Œè°ƒç”¨è¯å…¸åŠŸèƒ½
    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
          });
    loadPageCallback(entries, observer) {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting) {
          const target = entry.target;
          const page = target.getAttribute("page");
          if (this.loadPageList.indexOf(Number(page)) == -1) {
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
            );
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionData[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionData[page] = await getQuestionList(
            //           page,
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
            //           obj[key] = await getQuestionList(
            //             [],
            //             testData[catalog][page][key],
            //             this.config.activeBook
            //           );
            //         }
            //         this.questionData[page] = obj;
            //       }
            //       console.log("题目", this.questionData);
            //     }
            //   }
            // }
            // æ·»åŠ é¡µç 
            this.loadPageList.push(Number(page));
            // æ¸²æŸ“这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            if (this.loadPageList.length > 5) {
              // è¶…过5页
              this.loadPageList.shift();
            }
          }
        }
      });
    },
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
          loop: false, // æ— ç¼
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            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 // åˆ†é¡µå™¨å¯ä»¥ç‚¹å‡»
          // }
        });
      }
      const that = this
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper_ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        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: {
          slideChange: function (value) {
            let currentPage = value.activeIndex + 1; // èŽ·å–当前页（从1开始计数）
            let totalPages = value.slides.length; // èŽ·å–总页数
            that.pageNum = currentPage.toString();
          },
          // slideChangeTran sitionStart: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 = (
        this.container ? this.container : document
      ).querySelectorAll(".openImgBox");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Viewer(dom, {
          container: this.container
            ? this.container.querySelector("#app")
            : "body",
          navbar: true, // æ˜¾ç¤ºå¯¼èˆªæ 
          toolbar: true, // æ˜¾ç¤ºå·¥å…·æ 
          title: true, // æ˜¾ç¤ºæ ‡é¢˜
        });
      }
    },
    // ç‚¹å‡»äº‹ä»¶ï¼šå°†ç”Ÿåƒ»å•è¯ä¼ ç»™ ä¸»åº”用 ä»Žè€Œè°ƒç”¨è¯å…¸åŠŸèƒ½
    saveCharacters(event, word) {
      console.log("生僻字", event, word);
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
        this.$store.state.qiankun.chooseWords({
          type:"word",
          word,
          x: event.pageX,
          y: event.pageY,
        });
      }
      // chooseWords
    }
    },
  },
  components: {
    pageHeader,
    chapterOne,
  },
};
</script>

 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,8 +351,9 @@
              </span>
            </span>
            <examinations
              v-if="testOne && questionData"
              ref="examinationOne"
              v-if="testOne && questionData && questionData[10]"
              :chapter="1"
              :page="10"
              :cardList="questionData[10]"
            />
          </div>
@@ -393,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>
@@ -455,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>
@@ -470,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
@@ -509,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>
@@ -556,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">
@@ -580,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">
@@ -635,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>
@@ -715,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"
            />
@@ -985,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>
@@ -1060,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>
@@ -1088,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>
@@ -1158,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"
            />
@@ -1442,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>

@@ -1483,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>
@@ -1538,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>
@@ -1652,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"
            />
@@ -1904,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>
@@ -1968,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>
@@ -2129,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"
            />
@@ -2377,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>
@@ -2694,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>
@@ -2765,7 +2703,7 @@
            >
            <examinations
              :cardList="questionData[32]"
              v-if="questionData"
              v-if="questionData  && questionData[32]"
              :chapter="1"
              :page="24"
            />
@@ -3027,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>
@@ -3054,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>
@@ -3111,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"
            />
@@ -3346,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>
@@ -3415,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>
@@ -3493,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>
@@ -3523,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>
@@ -3597,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"
            />
@@ -3918,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>
@@ -4031,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>
@@ -4058,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>
@@ -4376,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"
            />
@@ -4590,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"
            />
@@ -4598,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"
            />
@@ -4622,7 +4519,6 @@
<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";

export default {
  name: "chapter-one",
  components: { examinations },
@@ -4638,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,
@@ -4934,27 +4791,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

@@ -109,7 +109,7 @@
export default {
  data() {
    return {
      catalogLength: 13, // æ€»ç« èŠ‚æ•°
      catalogLength: 14, // æ€»ç« èŠ‚æ•°
      showCatalogList: [], // æ˜¾ç¤ºçš„章节
      loadThreshold: 300, // è§¦å‘加载阈值
      throttleThreshold: 100, // èŠ‚流阈值
@@ -615,7 +615,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, {
@@ -623,7 +623,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
@@ -635,11 +635,11 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
          observeParents: true,
          // // å¦‚果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(

 src/books/embedded/assets/images/icon/download.svg

File was deleted

 src/books/embedded/assets/images/icon/rar(1).png

 src/books/embedded/assets/images/icon/rar.png

 src/books/embedded/assets/images/icon/word(1).png

 src/books/embedded/assets/images/icon/word.png

 src/books/embedded/assets/images/icon/ÏÂÔØ.svg

New file
@@ -0,0 +1,7 @@
<svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
  xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" height="200">
  <path
    d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
    p-id="13397"></path>
</svg>

 src/books/embedded/assets/main.less

@@ -626,6 +626,9 @@
  .fl-cl {
    flex-direction: column;
  }
  .fl-bt {
    justify-content: space-between;
  }
  .ju-cn {
    justify-content: center;
  }
@@ -676,6 +679,9 @@
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .m0 {
    margin: 0;
  }
  .m0-auto {
    margin: 0 auto;
@@ -815,6 +821,7 @@
    font-size: 14px;
  }
  .svg-btn {
    padding: 0 2px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #501438;

 src/books/embedded/view/components/chapter001.vue

@@ -84,19 +84,19 @@
                    /> -->
                    <span class="svg-btn" @click="download('工程样例')">
                      <svg
                        t="1716796212460"
                        class="theme-color icon"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -111,26 +111,21 @@
                      src="../../assets/images/icon/rar.png"
                      class="rar-icon"
                    />
                    <!-- <img
                      @click="download('管控一体样例')"
                      src="../../assets/images/icon/download.png"
                      class="downlod-icon cu-pr"
                    /> -->
                    <span class="svg-btn" @click="download('管控一体样例')">
                      <svg
                        t="1716796212460"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -145,26 +140,21 @@
                      src="../../assets/images/icon/rar.png"
                      class="rar-icon"
                    />
                    <!-- <img
                      @click="download('嵌_计划曲线样例')"
                      src="../../assets/images/icon/download.png"
                      class="downlod-icon cu-pr"
                    /> -->
                    <span class="svg-btn" @click="download('嵌_计划曲线样例')">
                      <svg
                        t="1716796212460"
                        t="1716978364001"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="1598"
                        p-id="13396"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15"
                        height="15"
                      >
                        <path
                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                          p-id="1599"
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"
                        ></path>
                      </svg>
                    </span>
@@ -179,36 +169,60 @@
              </p>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014001.jpg"
                    alt="嵌入式组态软件系统应用于电力行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-1　嵌入式组态软件系统应用于电力行业</p>
                <p class="imgdescript">
                  å›¾1-1　嵌入式组态软件系统应用于电力行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014002.jpg"
                    alt="嵌入式组态软件系统应用于铁路行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-2　嵌入式组态软件系统应用于铁路行业</p>
                <p class="imgdescript">
                  å›¾1-2　嵌入式组态软件系统应用于铁路行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014003.jpg"
                    alt="嵌入式组态软件系统应用于橡胶行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-3　嵌入式组态软件系统应用于橡胶行业</p>
                <p class="imgdescript">
                  å›¾1-3　嵌入式组态软件系统应用于橡胶行业
                </p>
              </div>
              <div class="qrbodyPic">
                <div class="openImgBox">
                  <img src="../../assets/images/img00014004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00014004.jpg"
                    alt="嵌入式组态软件系统应用于纺织行业"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-4　嵌入式组态软件系统应用于纺织行业</p>
                <p class="imgdescript">
                  å›¾1-4　嵌入式组态软件系统应用于纺织行业
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">2</li>
          <li class="footer-box"></li>
        </ul>
        <li class="footer-num">2</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 3 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
@@ -264,7 +278,11 @@
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
              <img src="../../assets/images/img00015001.jpg" alt="" class="w100">
              <img
                src="../../assets/images/img00015001.jpg"
                alt="用户应用系统组成"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-5　用户应用系统组成</p>
          </div>
@@ -286,7 +304,11 @@
      <div v-if="showPageList.indexOf(14) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content t0">
@@ -367,22 +389,21 @@
          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
            <img src="../../assets/images/header-one.png" alt="" />
          </div>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="">
              <!-- <el-image
                :src="imgSix"
                active="true"
                :preview-src-list="[imgSix]"
              /> -->
              <div class="openImgBox">
              <img src="../../assets/images/img00017001.jpg" alt="" class="w100">
            </div>
              <img
                src="../../assets/images/img00017001.jpg"
                alt="正视图"
                class="w100"
              />
              <p class="imgdescript">图1-6　正视图</p>
            </div>
            <div class="">
              <div class="openImgBox">
                <img src="../../assets/images/img00017002.jpg" alt="" class="w100">
              </div>
              <img
                src="../../assets/images/img00017002.jpg"
                alt="背视图"
                class="w100"
              />
              <p class="imgdescript">图1-7　背视图</p>
            </div>
          </div>
@@ -392,30 +413,44 @@
              <p class="content">
                â‘ å°†å¼€å…³ç”µæº24V+端线插入TPC电源插头接线1端中，如图1-8所示。
              </p>
              <p class="content">②将开关电源24V-端线插入TPC电源插头接线2端中。</p>
              <p class="content">
                â‘¡å°†å¼€å…³ç”µæº24V-端线插入TPC电源插头接线2端中。
              </p>
              <p class="content">③使用一字头旋具将TPC电源插头螺钉锁紧。</p>
            </div>
            <div class="right">
              <div class="openImgBox">
                <img src="../../assets/images/img00017003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00017003.jpg"
                  alt="电源插头示意图及引脚定义"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-8　电源插头示意图及引脚定义</p>
            </div>
          </div>
  

          <p class="content">
            ï¼ˆ4）TPC7062K外部接口。接口说明如图1-9所示，串口引脚定义如图1-10所示。
          </p>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00017004.jpg" alt="" class="w100">
              </div>
              <img
                src="../../assets/images/img00017004.jpg"
                alt="接口说明"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-9　接口说明</p>
          </div>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00017005.jpg" alt="" class="w100">
              </div>
              <img
                src="../../assets/images/img00017005.jpg"
                alt="串口引脚定义"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-10　串口引脚定义</p>
          </div>
          <p class="content">
@@ -433,12 +468,20 @@
      <div v-if="showPageList.indexOf(16) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div>
              <div class="openImgBox">
                <img src="../../assets/images/img00018001.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018001.jpg"
                  alt="TPC启动过程"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-11　TPC启动过程</p>
            </div>
@@ -455,7 +498,11 @@
            </p>
            <div style="width: 90%" class="m0-auto">
              <div class="openImgBox">
                <img src="../../assets/images/img00018002.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018002.jpg"
                  alt="TPC7062K与西门子S7-200系列PLC通信接线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">
                å›¾1-12　TPC7062K与西门子S7-200系列PLC通信接线
@@ -463,7 +510,11 @@
            </div>
            <div class="m0-auto" style="width: 90%">
              <div class="openImgBox">
                <img src="../../assets/images/img00018003.jpg" alt="" class="w100">
                <img
                  src="../../assets/images/img00018003.jpg"
                  alt="TPC7062K与欧姆龙PLC通信接线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-13　TPC7062K与欧姆龙PLC通信接线</p>
            </div>
@@ -471,9 +522,9 @@
        </div>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">6</li>
          <li class="footer-box"></li>
        </ul>
        <li class="footer-num">6</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 7 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17">
@@ -484,8 +535,12 @@
          </div>
          <div>
            <div class="openImgBox">
                <img src="../../assets/images/img00019001.jpg" alt="" class="w100">
              </div>
              <img
                src="../../assets/images/img00019001.jpg"
                alt="TPC7062K与三菱FX系列PLC通信接线"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-14　TPC7062K与三菱FX系列PLC通信接线</p>
          </div>
          <p class="content">评分表见表1-1。</p>
@@ -518,7 +573,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -625,14 +681,10 @@
              </li>
              <li class="fl fl-cl al-cn p-10">
                <div class="fl al-end">
                  <img src="../../assets/images/icon/rar.png" class="rar-icon" />
                  <!-- <img
                    @click="
                      downloadRar('McgsPro 3.3.6.6354 SP1.3 ç»„态软件安装包')
                    "
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <img
                    src="../../assets/images/icon/rar.png"
                    class="rar-icon"
                  />
                  <span
                    class="svg-btn"
                    @click="
@@ -640,19 +692,19 @@
                    "
                  >
                    <svg
                      t="1716796212460"
                      t="1716978364001"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      p-id="13396"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                        d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                        p-id="13397"
                      ></path>
                    </svg>
                  </span>
@@ -666,10 +718,12 @@
              </li>
            </ul>
          </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"
@@ -698,7 +752,11 @@
      <div v-if="showPageList.indexOf(18) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content">
@@ -721,83 +779,70 @@
            </p>
            <div class="qrbodyPic">
              <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/carousel-one.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-two.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-three.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-four.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-five.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/carousel-six.png"
                          />
                        </div>
                <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/carousel-one.png"
                          alt="MCGS安装程序窗口"
                        />
                      </div>
                    </div>
                    <div class="swiper-pagination"></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/carousel-two.png"
                          alt="启动安装程序"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/carousel-three.png"
                          alt="指定安装目录"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/carousel-four.png"
                          alt="选择安装设备驱动"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/carousel-five.png"
                          alt="驱动安装程序"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/carousel-six.png"
                          alt="组态环境和模拟运行环境快捷方式图标"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">8</li>
          <li class="footer-box"></li>
        </ul>
        <li class="footer-num">8</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 9 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="19">
@@ -836,7 +881,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -900,33 +946,19 @@
            </div>
            <ul class="word-resource fl ju-ev">
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('初级教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('初级教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                    </svg>
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                        <path
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                      </svg>
                  </span>
                </div>
                <div>
@@ -937,33 +969,19 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('中级教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('中级教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                    </svg>
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                        <path
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                      </svg>
                  </span>
                </div>
                <div>
@@ -974,33 +992,19 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('驱动教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('驱动教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                    </svg>
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                        <path
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                      </svg>
                  </span>
                </div>
                <div>
@@ -1011,36 +1015,22 @@
                <div class="word-border"></div>
              </li>
              <li class="fl fl-cl al-cn p08">
                <div class="fl al-end">
                <div class="fl al-end" style="margin: 10px 0">
                  <img
                    src="../../assets/images/icon/word.png"
                    class="word-icon"
                  />
                  <!-- <img
                    @click="downloadWord('硬件教程资源')"
                    src="../../assets/images/icon/download.png"
                    class="downlod-icon cu-pr"
                  /> -->
                  <span class="svg-btn" @click="downloadWord('硬件教程资源')">
                    <svg
                      t="1716796212460"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="1598"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="15"
                      height="15"
                    >
                      <path
                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
                        p-id="1599"
                      ></path>
                    </svg>
                    <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="15" height="15">
                        <path
                          d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z"
                          p-id="13397"></path>
                      </svg>
                  </span>
                </div>
  

                <div>
                  <span>硬件教程</span>
                </div>
@@ -1090,29 +1080,38 @@
              active="true"
            />，打开嵌入版组态软件，然后按如下步骤建立工程：
          </p>
          <p class="content">
            ï¼ˆ1）选择“文件”菜单中“新建工程”命令，弹出“新建工程设置”对话框，如图1-21所示，TPC类型选择为“TPC7062K”，单击“确定”按钮。
          </p>
          <p class="content">
            ï¼ˆ2）选择“文件”菜单中的“工程另存为”命令，弹出“文件保存”对话框，在文件名一栏内输入“常用构件使用”，单击“保存”按钮，工程创建完毕。
          </p>
          <div class="qrbodyPic">
            <div class="openImgBox">
                <img src="../../assets/images/img00021003.jpg" alt="" class="w100">
          <ul class="fl fl-bt m0 p0">
            <li style="width: 58%">
              <p class="content">
                ï¼ˆ1）选择“文件”菜单中“新建工程”命令，弹出“新建工程设置”对话框，如图1-21所示，TPC类型选择为“TPC7062K”，单击“确定”按钮。
              </p>
              <p class="content">
                ï¼ˆ2）选择“文件”菜单中的“工程另存为”命令，弹出“文件保存”对话框，在文件名一栏内输入“常用构件使用”，单击“保存”按钮，工程创建完毕。
              </p>
              <p class="quotation fl al-cn t0 primary-color">
                <img
                  src="../../assets/images/icon/arrow-two.png"
                  alt=""
                  class="w-45 mr-5"
                />
                <b>窗口组态</b>
              </p>
              <p class="content">
                ï¼ˆ1）在工作台中激活用户窗口，单击“新建窗口”按钮，建立新画面“窗口0”，如图1-22所示。
              </p>
            </li>
            <li style="width: 38%">
              <div class="openImgBox">
                <img
                  src="../../assets/images/img00021003.jpg"
                  alt="选择TPC类型"
                  class="w100"
                />
              </div>
            <p class="imgdescript">图1-21　选择TPC类型</p>
          </div>
          <p class="quotation fl al-cn t0 primary-color">
            <img
              src="../../assets/images/icon/arrow-two.png"
              alt=""
              class="w-45 mr-5"
            />
            <b>窗口组态</b>
          </p>
          <p class="content">
            ï¼ˆ1）在工作台中激活用户窗口，单击“新建窗口”按钮，建立新画面“窗口0”，如图1-22所示。
          </p>
              <p class="imgdescript">图1-21　选择TPC类型</p>
            </li>
          </ul>

          <p class="content">
            ï¼ˆ2）单击“窗口属性”按钮，弹出“用户窗口属性设置”对话框，在“基本属性”选项卡，将“窗口名称”修改为“常用构件使用”，单击“确认”按钮进行保存，如图1-23所示。
          </p>
@@ -1128,19 +1127,31 @@
      <div v-if="showPageList.indexOf(20) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div class="fl ju-bt w100">
              <div>
                <div class="openImgBox">
                <img src="../../assets/images/img00022001.jpg" alt="" class="w100">
              </div>
                  <img
                    src="../../assets/images/img00022001.jpg"
                    alt="建立新窗口"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-22　建立新窗口</p>
              </div>
              <div class="">
                <div class="openImgBox">
                  <img src="../../assets/images/img00022002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022002.jpg"
                    alt="窗口属性设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-23　窗口属性设置</p>
              </div>
@@ -1154,13 +1165,21 @@
            <div class="fl ju-bt">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00022003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022003.jpg"
                    alt="按钮制作"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-24　按钮制作</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00022004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00022004.jpg"
                    alt="标准按钮构件属性设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-25　标准按钮构件属性设置</p>
              </div>
@@ -1195,39 +1214,59 @@
          <div class="fl ju-bt">
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023001.jpg" alt="" class="w100">
                </div>
                <img
                  src="../../assets/images/img00023001.jpg"
                  alt="按钮文字修改"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-26　按钮文字修改</p>
            </div>
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023002.jpg" alt="" class="w100">
                </div>
                <img
                  src="../../assets/images/img00023002.jpg"
                  alt="按钮排列"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-27　按钮排列</p>
            </div>
          </div>
  

          <div class="qrbodyPic">
            <div class="openImgBox">
                  <img src="../../assets/images/img00023003.jpg" alt="" class="w100">
                </div>
              <img
                src="../../assets/images/img00023003.jpg"
                alt="添加指示灯"
                class="w100"
              />
            </div>
            <p class="imgdescript">图1-28　添加指示灯</p>
          </div>
          <div class="fl">
            <div>
              <div class="openImgBox">
                  <img src="../../assets/images/img00023004.jpg" alt="" class="w100">
                </div>
                <img
                  src="../../assets/images/img00023004.jpg"
                  alt="制作标签"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-29　制作标签</p>
            </div>
            <div style="width: 66%">
              <div class="openImgBox">
                  <img src="../../assets/images/img00023005.jpg" alt="" class="w100">
                </div>
                <img
                  src="../../assets/images/img00023005.jpg"
                  alt="标签动画组态属性设置"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-30　标签动画组态属性设置</p>
            </div>
          </div>
  

          <p class="content">
            åŒæ ·çš„方法，添加另一个标签，“文本内容输入”文本框中输入“状态显示2：”，如图1-31所示。
          </p>
@@ -1246,19 +1285,31 @@
      <div v-if="showPageList.indexOf(22) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <div class="fl">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024001.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024001.jpg"
                    alt="制作输入框"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-31　制作输入框</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024002.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024002.jpg"
                    alt="输入框排列"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-32　输入框排列</p>
              </div>
@@ -1270,13 +1321,21 @@
            <div class="fl">
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024003.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024003.jpg"
                    alt="标准按钮构件属性设置”对话框"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-33　标准按钮构件属性设置”对话框</p>
              </div>
              <div>
                <div class="openImgBox">
                  <img src="../../assets/images/img00024004.jpg" alt="" class="w100">
                  <img
                    src="../../assets/images/img00024004.jpg"
                    alt="控制按钮设置"
                    class="w100"
                  />
                </div>
                <p class="imgdescript">图1-34　控制按钮设置</p>
              </div>
@@ -1303,13 +1362,17 @@
              <div style="width: 40%">
                <div class="qrbodyPic">
                  <div class="openImgBox">
                    <img src="../../assets/images/img00024005.jpg" alt="" class="w100">
                    <img
                      src="../../assets/images/img00024005.jpg"
                      alt="组态错误对话框"
                      class="w100"
                    />
                  </div>
                  <p class="imgdescript">图1-35　组态错误对话框</p>
                </div>
              </div>
            </div>
  

            <p class="content">
              â‘¢è¾“入框：双击“状态显示1：”标签旁边的输入框，弹出“输入框构件属性设置”对话框，在“操作属性”选项卡中，单击<img
                class="h-pic"
@@ -1335,14 +1398,22 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025001.jpg" alt="" class="w100">
                  </div>
                <img
                  src="../../assets/images/img00025001.jpg"
                  alt="数据对象属性设置"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-36　数据对象属性设置</p>
            </div>
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025002.jpg" alt="" class="w100">
                  </div>
                <img
                  src="../../assets/images/img00025002.jpg"
                  alt="按下功能设置"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-37　按下功能设置</p>
            </div>
          </div>
@@ -1352,14 +1423,22 @@
          <div class="fl">
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025003.jpg" alt="" class="w100">
                  </div>
                <img
                  src="../../assets/images/img00025003.jpg"
                  alt="选择数据对象指示灯"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-38　选择数据对象指示灯</p>
            </div>
            <div>
              <div class="openImgBox">
                    <img src="../../assets/images/img00025004.jpg" alt="" class="w100">
                  </div>
                <img
                  src="../../assets/images/img00025004.jpg"
                  alt="指示灯1属性操作"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-39　指示灯1属性操作</p>
            </div>
          </div>
@@ -1384,12 +1463,16 @@
            </p>
            <div style="width: 30%">
              <div class="openImgBox">
                    <img src="../../assets/images/img00025006.jpg" alt="" class="w100">
                  </div>
                <img
                  src="../../assets/images/img00025006.jpg"
                  alt="标准USB2.0打印机线"
                  class="w100"
                />
              </div>
              <p class="imgdescript">图1-40　标准USB2.0打印机线</p>
            </div>
          </div>
  

          <p class="content">
            ï¼ˆ2）方案二：网线下载。用网口下载时，先查看触摸屏IP地址，当触摸屏上电出现滚动进度条以后，单击滚动条，在启动属性查看IP地址，例如IP200.200.200.26，则设置计算机本地连接的IP地址为IP200.200.200.126，二者在同一网段，即IP前三段数字必须相同。或修改触摸屏地址，则进入触摸屏操作系统Windows
            CE，单击Windows的“开始”菜单，选择“设置”命令，运行“网络拨号与连接”，修改IP地址。
@@ -1413,7 +1496,11 @@
      <div v-if="showPageList.indexOf(24) > -1">
        <div>
          <div class="mt-20">
            <img src="../../assets/images/page-header.png" alt="" class="w100" />
            <img
              src="../../assets/images/page-header.png"
              alt=""
              class="w100"
            />
          </div>
          <div class="padding-96">
            <p class="content t0">信测试正常后，单击“工程下载”按钮。</p>
@@ -1460,82 +1547,70 @@
                </el-carousel-item>
              </el-carousel> -->
              <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/img-list-one.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-two.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-three.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-four.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-five.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../assets/images/img-list-six.png"
                          />
                        </div>
                <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/img-list-one.png"
                          alt="选择“联机运行”和“通信测试”"
                        />
                      </div>
                    </div>
                    <div class="swiper-pagination"></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/img-list-two.png"
                          alt="工程下载"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/img-list-three.png"
                          alt="触摸“指示灯1”按钮"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/img-list-four.png"
                          alt="触摸“指示灯2”按钮"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/img-list-five.png"
                          alt="按下“指示灯1”按钮"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../assets/images/img-list-six.png"
                          alt="按下“指示灯2”按钮"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
          <li class="footer-num">14</li>
          <li class="footer-box"></li>
        </ul>
        <li class="footer-num">14</li>
        <li class="footer-box"></li>
      </ul>
    </div>
    <!-- 15 -->
    <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="25">
@@ -1622,7 +1697,8 @@
              <td class="table-cn">
                å·¥ ä½œ å½¢ å¼ <br />
                <input type="checkbox" name="xingshi" value="prople" /> ä¸ªäºº
                <input type="checkbox" name="xingshi" value="fengong" /> å°ç»„分工
                <input type="checkbox" name="xingshi" value="fengong" />
                å°ç»„分工
                <input type="checkbox" name="xingshi" value="xiaozu" /> å°ç»„
              </td>
              <td colspan="2" class="table-cn">
@@ -1809,7 +1885,7 @@
          <li class="footer-num">15</li>
          <li class="footer-box"></li>
        </ul>
    </div>
      </div>
    </div>
  </div>
</template>
@@ -1887,9 +1963,6 @@
  .p08 {
    padding: 0 8px;
  }
  // li {
  //   padding: 0 8px;
  // }
  li:last-child {
    border: 0;
  }

 src/books/embedded/view/components/index.vue

@@ -228,6 +228,11 @@

    // å¤„理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // ç«‹å³æ¸²æŸ“
        this.renderSign(type, data);
      }
      // å‚¨å­˜æ•°æ®
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
@@ -519,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, {
@@ -527,7 +532,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
@@ -539,7 +544,7 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,

 src/books/lifeCare/components/carousel.vue

File was deleted

 src/books/lifeCare/components/chapter01/table-1-1-1.vue

File was deleted

 src/books/lifeCare/components/chapter01/table-1-1-2.vue

File was deleted

 src/books/lifeCare/components/chapter01/table-1-1-3.vue

File was deleted

 src/books/lifeCare/components/customTable.vue

File was deleted

 src/books/lifeCare/components/header.vue

File was deleted

 src/books/lifeCare/css/default.less

@@ -11,6 +11,11 @@
  border-color: #f49a4c;
  height: 100%;

  .swiper-button-prev,
  .swiper-button-next {
    color: #F49A4C;
  }

  textarea:focus,
  input:focus {
    border: 0 !important;
@@ -23,6 +28,12 @@
    text-indent: 2em;
    max-width: 653px;
    min-height: 100px;
  }

  .coverImg {
    position: absolute;
    top: 0;
    left: 0;
  }

  .prefaceImg {
@@ -58,7 +69,7 @@

    .drawflow-node {
      background-color: #fff;
      border:0px solid #f49a4c;
      border: 0px solid #f49a4c;
      box-shadow: 1px 1px 5px 0 #f49a4c;

      .contentWall {
@@ -316,7 +327,7 @@
        }
      }

      

    }

    .textareaInput {
@@ -327,6 +338,11 @@
      font-size: 15px;
      color: #000;
      background-color: #eee;
    }

    .imgBox-003 {
      width: 100%;
      height: 220px;
    }

    .chapter01Table {
@@ -439,9 +455,40 @@
      }
    }

    .btnUpload-list {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 35px;
      height: 30px;
      border-radius: 5px;
      background-color: #f49a4c;
      border: 1px solid #f49a4c;
      cursor: pointer;

      svg {
        fill: #fff;
      }
    }

    .btnUpload-list:hover {
      background-color: #fff;

      svg {
        fill: #F49A4C;
      }
    }

    .pic-wall {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .bk-inputUpload {
      width: 100%;
      height: 200px;
      display: block;
      min-height: 100px;

      input {
        width: 250px;
@@ -457,17 +504,6 @@
        justify-content: center;
        align-items: center;
        font-size: 50px;
        cursor: pointer;
      }

      .btnUpload-list {
        width: 40px;
        height: 40px;
        border: 2px dashed #f49a4c;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        cursor: pointer;
      }
    }

 src/books/lifeCare/image/Cover.jpg

 src/books/lifeCare/index.vue

@@ -47,6 +47,7 @@
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        @eventSwdt="swdtChange"
      />
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
@@ -122,6 +123,10 @@
import _ from "lodash";
import getQuestionList from "@/assets/methods/examination";
import testData from "./js/examinationList";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  data() {
    return {
@@ -135,7 +140,7 @@
      loadPageObserver: null,
      loadPageList: [],
      questionData: {},
      renderSignMap: {}
      renderSignMap: {},
    };
  },
  computed: {
@@ -168,7 +173,7 @@
          this.initObservation();
          this.initThemeColor();
        }, 500);
      }
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
@@ -177,8 +182,8 @@
          this.initSwiper();
          this.initViewer();
        }, 200);
      }
    }
      },
    },
  },
  mounted() {
    // é»˜è®¤åŠ è½½ç« èŠ‚
@@ -229,21 +234,21 @@

    // æµ‹è¯•é¡µé¢è·³è½¬
    // setTimeout(() => {
      // this.gotoPage(1, 15);
      //   setTimeout(() => {
      //     this.renderSign("Note", {
      //       id: "2ACA9359",
      //       txt: "营养素和热量，才能",
      //       page: "100",
      //       type: "Highlight",
      //       color: "#F5E12A"
      //     });
      //     setTimeout(() => {
      //       this.delSign({
      //         ids: ["2ACA9359"]
      //       });
      //     }, 2000);
      //   }, 1000);
    // this.gotoPage(1, 15);
    //   setTimeout(() => {
    //     this.renderSign("Note", {
    //       id: "2ACA9359",
    //       txt: "营养素和热量，才能",
    //       page: "100",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    //     setTimeout(() => {
    //       this.delSign({
    //         ids: ["2ACA9359"]
    //       });
    //     }, 2000);
    //   }, 1000);
    // }, 1000);
  },
  methods: {
@@ -302,7 +307,7 @@
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -550,7 +555,7 @@
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections：获取所有具有 .section ç±»åçš„元素，并转换为数组。
@@ -622,7 +627,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // ä¸€ç»„三个
@@ -630,7 +635,7 @@
          // å¦‚果需要前进后退按钮
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev"
            prevEl: ".swiper-button-prev",
          },
          // çª—口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
@@ -652,7 +657,7 @@
        new Viewer(dom, {
          navbar: true, // æ˜¾ç¤ºå¯¼èˆªæ 
          toolbar: true, // æ˜¾ç¤ºå·¥å…·æ 
          title: true // æ˜¾ç¤ºæ ‡é¢˜
          title: true, // æ˜¾ç¤ºæ ‡é¢˜
        });
      }
    },
@@ -707,6 +712,13 @@
        }
      }
    },
    swdtChange(data) {
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
        this.$store.state.qiankun.chooseWords({
          type: data,
        });
      }
    },
  },
  components: {
    front001,

 src/books/lifeCare/view/chapter001.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="2">
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
        <div class="bodystyle topImg">
          <h2 id="b001">
            <img class="img-0" alt="" src="../image/dy1.jpg" />
@@ -55,8 +55,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -76,21 +76,16 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
            <!-- <p class="center">
              <el-image
                class="chapter001-img-0018"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
            </p> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0018-1.jpg" />
            </p>
            <!-- <p class="center">
            <img
              class="img-a"
              alt=""
              @click="previewOne()"
              src="../image/0018-1.jpg"
            />
          </p> -->
          </div>
          <div class="bk">
            <div class="bj1">
@@ -178,8 +173,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -328,8 +323,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -386,8 +381,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -453,8 +448,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -524,8 +519,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -595,8 +590,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1186,8 +1181,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">

 src/books/lifeCare/view/chapter002.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="bodystyle topImg">
          <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2>
          <div class="bk">
@@ -53,8 +53,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -75,13 +75,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0027-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0027-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -98,8 +93,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -205,8 +200,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -374,8 +369,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -476,8 +471,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -537,8 +532,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -643,8 +638,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -836,8 +831,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -928,8 +923,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1064,20 +1059,15 @@
            4.介绍、分享，组长介绍设计墙面的思路、意义与目的，组员分享自己在活动过程中的心得。
          </p>
          <p>5.评分，由其他组按照设计来园提示卡的评分标准打分。</p>
          <p class="center">
            <el-image
              class="chapter002-img-0035"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
            <!-- <img class="img-b" alt="" src="../image/0035-2.jpg" /> -->
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0035-2.jpg" />
          </p>
          <p class="img">图1-2-1　来园提示卡</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1141,8 +1131,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1214,8 +1204,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1291,8 +1281,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">

 src/books/lifeCare/view/chapter003.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="4">
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="bodystyle topImg">
          <h2 id="b003">
            <img class="img-0" alt="" src="../image/dy3.jpg" />
@@ -54,8 +54,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -76,13 +76,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0041-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0041-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -98,8 +93,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -191,27 +186,54 @@
          <p>第五步：一手握另一手的拇指旋转搓擦，然后交换进行（见图1-3-5）。</p>
          <p>第六步：指尖在另一手的掌心搓擦（见图1-3-6）。</p>
          <p>第七步：旋转揉搓腕部至肘部（见图1-3-7）。</p>
          <el-carousel
            :interval="3000"
            :type="sevenImgList?.length > 2 ? 'card' : ''"
            indicator-position="none"
          >
            <el-carousel-item v-for="(item, i) in sevenImgList" :key="i">
              <div class="imgCarousel">
                <el-image
                  :src="item.url"
                  :preview-src-list="sevenSrcList"
                  :fit="'fill'"
                />
                <span v-if="item.name" class="medium">{{ item.name }}</span>
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-4.jpg" />
                  </div>
                </div>
              </div>
            </el-carousel-item>
          </el-carousel>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -343,8 +365,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -465,8 +487,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -589,8 +611,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -648,8 +670,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -770,8 +792,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -835,8 +857,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -989,8 +1011,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
    <div class="page-box" page="43">
      <div v-if="showPageList.indexOf(43) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1114,8 +1136,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1177,8 +1199,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
    <div class="page-box" page="45">
      <div v-if="showPageList.indexOf(45) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1320,8 +1342,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="43">
      <div v-if="showPageList.indexOf(43) > -1">
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1435,8 +1457,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1495,8 +1517,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="45">
      <div v-if="showPageList.indexOf(45) > -1">
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1701,8 +1723,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
    <div class="page-box" page="49">
      <div v-if="showPageList.indexOf(49) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1848,8 +1870,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
    <div class="page-box" page="50">
      <div v-if="showPageList.indexOf(50) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1864,7 +1886,7 @@
          </div>
        </div>
        <div class="bodystyle">
          <p class="center">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0057-1.jpg" />
          </p>
          <p class="img">图1-3-8</p>
@@ -1897,8 +1919,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
    <div class="page-box" page="51">
      <div v-if="showPageList.indexOf(51) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1989,17 +2011,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0058-2.jpg" />
          </p>
          <p class="img">刷牙</p>
        </div> -->
          <p><b>②活动过程</b></p>
          <p>1.无牙期的口腔护理（见图1-3-9）。</p>
          <p>
@@ -2016,22 +2027,43 @@
          <p>
            ç¬¬äºŒæ­¥ï¼šè°ƒæ•´å¥½å©´å„¿åœ¨æ€€ä¸­çš„位置，使婴儿的头部尽量往后仰，然后将指套牙刷佩戴在手上，小心地擦拭婴儿的牙齿和牙龈部分，重点清理对象为牙齿与牙床交接的地方及牙缝，清除牙龈和乳牙上残留的奶渍和辅食，注意动作要轻柔。
          </p>
          <el-carousel
            :interval="3000"
            :type="picImageList?.length > 2 ? 'card' : ''"
            indicator-position="none"
          >
            <el-carousel-item v-for="(item, i) in picImageList" :key="i">
              <div class="imgCarousel">
                <el-image
                  :src="item.url"
                  :preview-src-list="picArr110"
                  :fit="'fill'"
                />
                <span v-if="item.name" class="medium">{{ item.name }}</span>
        </div>
      </div>
    </div>
    <div class="page-box" page="52">
      <div v-if="showPageList.indexOf(52) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-43</span>
              </div>
            </el-carousel-item>
          </el-carousel>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0059-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0059-2.jpg" />
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p>3.一岁以上幼儿的口腔护理（见图1-3-11）。</p>
          <p>第一步：将牙刷用温水浸泡1～2分钟，使刷毛变得柔软。</p>
          <p>
@@ -2042,7 +2074,7 @@
          </p>
          <p>第四步：用温水含漱数次，直至牙膏泡沫完全漱干净为止。</p>
          <p>第五步：擦洗嘴角及面部残余水渍。</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0059-3.jpg" />
          </p>
          <p class="img">图1-3-11　巴氏刷牙法</p>
@@ -2060,19 +2092,18 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="49">
      <div v-if="showPageList.indexOf(49) > -1">
    <div class="page-box" page="53">
      <div v-if="showPageList.indexOf(53) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-43</span>
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-44</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2080,18 +2111,6 @@
          <p>
            2～4人为一组开展婴幼儿口腔清洁的模拟实训，其中一人操作，其他同学观摩。操作者一边实操一边讲解操作要领，其他同学按照婴幼儿口腔清洁的评分标准给操作者打分。
          </p>
          <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0060-1.jpg" />
          </p>
          <p class="img">婴幼儿口腔清洁的评分标准</p>
        </div> -->
          <h4 id="d028">
            â–¶â–¶ æ´»åŠ¨3：指导幼儿漱口<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
          </h4>
@@ -2139,17 +2158,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0060-2.jpg" />
          </p>
          <p class="img">指导幼儿漱口</p>
        </div> -->
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <p>
            è¯·è§‚看视频，观察视频中的幼儿在漱口时，保教人员都做了哪些指导。请画出漱口指导的流程图，记录指导幼儿漱口的儿歌并回答相关问题。
@@ -2187,18 +2195,19 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="50">
      <div v-if="showPageList.indexOf(50) > -1">
    <div class="page-box" page="54">
      <div v-if="showPageList.indexOf(54) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-44</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-45</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2282,17 +2291,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0061-1.jpg" />
          </p>
          <p class="img">幼儿不良洗手习惯</p>
        </div> -->
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <p>
            è¯·è§‚看视频，观察视频中的幼儿有哪些不良卫生习惯。如果有请指出问题，并提出改正的方法。
@@ -2310,19 +2308,18 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="51">
      <div v-if="showPageList.indexOf(51) > -1">
    <div class="page-box" page="55">
      <div v-if="showPageList.indexOf(55) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-45</span>
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-46</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2385,17 +2382,6 @@
            </div>
          </div>
          <p><br /></p>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0062-1.jpg" />
          </p>
          <p class="img">幼儿的不良刷牙习惯</p>
        </div> -->
          <p><b>①活动准备</b></p>
          <p>1.环境准备：选择通风且采光良好的环境。</p>
          <p>
@@ -2436,18 +2422,19 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="52">
      <div v-if="showPageList.indexOf(52) > -1">
    <div class="page-box" page="56">
      <div v-if="showPageList.indexOf(56) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-46</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-47</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2501,19 +2488,18 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="53">
      <div v-if="showPageList.indexOf(53) > -1">
    <div class="page-box" page="57">
      <div v-if="showPageList.indexOf(57) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-47</span>
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-48</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2617,18 +2603,19 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="54">
      <div v-if="showPageList.indexOf(54) > -1">
    <div class="page-box" page="58">
      <div v-if="showPageList.indexOf(58) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">1-48</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
          <div class="pageHeader-second">
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-49</span>
              </div>
            </div>
            <div class="borderLine"></div>
          </div>
        </div>
        <div class="bodystyle">
@@ -2755,15 +2742,6 @@
          name: "图1-3-10",
          url: require("../image/0059-2.jpg"),
        },
      ],
      sevenSrcList: [
        "../image/0042-2.jpg",
        "../image/0042-3.jpg",
        "../image/0042-4.jpg",
        "../image/0043-1.jpg",
        "../image/0043-2.jpg",
        "../image/0043-3.jpg",
        "../image/0043-4.jpg",
      ],
      sevenImgList: [
        {

 src/books/lifeCare/view/chapter004.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="5">
    <div class="page-box" page="55">
      <div v-if="showPageList.indexOf(55) > -1">
    <div class="page-box" page="59">
      <div v-if="showPageList.indexOf(59) > -1">
        <div class="bodystyle topImg">
          <h2 id="b004">
            <img class="img-0" alt="" src="../image/dy4.jpg" />
@@ -62,8 +62,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="56">
      <div v-if="showPageList.indexOf(56) > -1">
    <div class="page-box" page="60">
      <div v-if="showPageList.indexOf(60) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -84,13 +84,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-b" alt="" src="../image/0067-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-b" alt="" src="../image/0067-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -132,8 +127,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="57">
      <div v-if="showPageList.indexOf(57) > -1">
    <div class="page-box" page="61">
      <div v-if="showPageList.indexOf(61) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -218,8 +213,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="58">
      <div v-if="showPageList.indexOf(58) > -1">
    <div class="page-box" page="62">
      <div v-if="showPageList.indexOf(62) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -287,8 +282,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="59">
      <div v-if="showPageList.indexOf(59) > -1">
    <div class="page-box" page="63">
      <div v-if="showPageList.indexOf(63) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -404,8 +399,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="60">
      <div v-if="showPageList.indexOf(60) > -1">
    <div class="page-box" page="64">
      <div v-if="showPageList.indexOf(64) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -559,8 +554,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="61">
      <div v-if="showPageList.indexOf(61) > -1">
    <div class="page-box" page="65">
      <div v-if="showPageList.indexOf(65) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -627,8 +622,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="62">
      <div v-if="showPageList.indexOf(62) > -1">
    <div class="page-box" page="66">
      <div v-if="showPageList.indexOf(66) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -693,8 +688,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="63">
      <div v-if="showPageList.indexOf(63) > -1">
    <div class="page-box" page="67">
      <div v-if="showPageList.indexOf(67) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -749,8 +744,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="64">
      <div v-if="showPageList.indexOf(64) > -1">
    <div class="page-box" page="68">
      <div v-if="showPageList.indexOf(68) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -872,8 +867,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="65">
      <div v-if="showPageList.indexOf(65) > -1">
    <div class="page-box" page="69">
      <div v-if="showPageList.indexOf(69) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -937,8 +932,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="66">
      <div v-if="showPageList.indexOf(66) > -1">
    <div class="page-box" page="70">
      <div v-if="showPageList.indexOf(70) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -995,8 +990,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="67">
      <div v-if="showPageList.indexOf(67) > -1">
    <div class="page-box" page="71">
      <div v-if="showPageList.indexOf(71) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1115,8 +1110,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="68">
      <div v-if="showPageList.indexOf(68) > -1">
    <div class="page-box" page="72">
      <div v-if="showPageList.indexOf(72) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1171,8 +1166,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="69">
      <div v-if="showPageList.indexOf(69) > -1">
    <div class="page-box" page="73">
      <div v-if="showPageList.indexOf(73) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1269,8 +1264,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="70">
      <div v-if="showPageList.indexOf(70) > -1">
    <div class="page-box" page="74">
      <div v-if="showPageList.indexOf(74) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">

 src/books/lifeCare/view/chapter005.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="6">
    <div class="page-box" page="71">
      <div v-if="showPageList.indexOf(71) > -1">
    <div class="page-box" page="75">
      <div v-if="showPageList.indexOf(75) > -1">
        <div class="bodystyle topImg">
          <h2 id="b005">
            <img class="img-0" alt="" src="../image/dy5.jpg" />
@@ -62,8 +62,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="72">
      <div v-if="showPageList.indexOf(72) > -1">
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -84,13 +84,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0083-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0083-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -109,8 +104,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="73">
      <div v-if="showPageList.indexOf(73) > -1">
    <div class="page-box" page="77">
      <div v-if="showPageList.indexOf(77) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -168,8 +163,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="74">
      <div v-if="showPageList.indexOf(74) > -1">
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -290,8 +285,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="75">
      <div v-if="showPageList.indexOf(75) > -1">
    <div class="page-box" page="79">
      <div v-if="showPageList.indexOf(79) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -388,7 +383,30 @@
          </div>
          <p><br /></p>
          <p>3.小组讨论分析各位成员的一日食谱，评出最佳一日食谱。</p>
          <p>（1）请用图片形式呈现，并贴在下面。</p>
          <p class="pic-wall">（1）请用图片形式呈现，并贴在下面。<span class="btnUpload-list" @click="handFile('fileTwo')">
            <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                >
              </path>
              </svg>
            </span>
          </p>
          <!-- <div class="bk-tx">
          <textarea
            v-model="chapter005.textAreaItem.text7"
@@ -404,16 +422,11 @@
              v-if="chapter005.pictrueListTwo.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter005.pictrueListTwo"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter005.pictrueListTwo"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -422,14 +435,13 @@
                id="fileTwo"
                @change="handUploadFile($event, '2')"
              />
              <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -546,8 +558,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="77">
      <div v-if="showPageList.indexOf(77) > -1">
    <div class="page-box" page="81">
      <div v-if="showPageList.indexOf(81) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -712,8 +724,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -1">
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -818,8 +830,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="79">
      <div v-if="showPageList.indexOf(79) > -1">
    <div class="page-box" page="83">
      <div v-if="showPageList.indexOf(83) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -923,8 +935,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -1">
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -998,8 +1010,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="81">
      <div v-if="showPageList.indexOf(81) > -1">
    <div class="page-box" page="85">
      <div v-if="showPageList.indexOf(85) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1061,8 +1073,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1231,8 +1243,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="83">
      <div v-if="showPageList.indexOf(83) > -1">
    <div class="page-box" page="87">
      <div v-if="showPageList.indexOf(87) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1320,8 +1332,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -1">
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1393,8 +1405,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="85">
      <div v-if="showPageList.indexOf(85) > -1">
    <div class="page-box" page="89">
      <div v-if="showPageList.indexOf(89) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1501,8 +1513,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -1">
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1724,8 +1736,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="87">
      <div v-if="showPageList.indexOf(87) > -1">
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1895,8 +1907,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -1">
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2010,8 +2022,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="89">
      <div v-if="showPageList.indexOf(89) > -1">
    <div class="page-box" page="93">
      <div v-if="showPageList.indexOf(93) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2074,8 +2086,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2248,8 +2260,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
    <div class="page-box" page="95">
      <div v-if="showPageList.indexOf(95) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2334,8 +2346,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -1">
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2398,8 +2410,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="93">
      <div v-if="showPageList.indexOf(93) > -1">
    <div class="page-box" page="97">
      <div v-if="showPageList.indexOf(97) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2461,8 +2473,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -1">
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2540,8 +2552,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="95">
      <div v-if="showPageList.indexOf(95) > -1">
    <div class="page-box" page="99">
      <div v-if="showPageList.indexOf(99) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2657,8 +2669,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -1">
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2666,7 +2678,7 @@
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-91</span>
                <span class="pageNum">1-95</span>
              </div>
            </div>
            <div class="borderLine"></div>
@@ -2776,8 +2788,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="97">
      <div v-if="showPageList.indexOf(97) > -1">
    <div class="page-box" page="101">
      <div v-if="showPageList.indexOf(101) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2835,8 +2847,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -1">
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2930,8 +2942,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="99">
      <div v-if="showPageList.indexOf(99) > -1">
    <div class="page-box" page="103">
      <div v-if="showPageList.indexOf(103) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -3674,7 +3686,7 @@
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      let dom = (this.container ? this.container : document).getElementById(str);
      dom.click();
    },
    drawflowDataClick(val) {

 src/books/lifeCare/view/chapter006.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="7">
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -1">
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">
        <div class="bodystyle topImg">
          <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2>
          <div class="bk">
@@ -49,8 +49,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="101">
      <div v-if="showPageList.indexOf(101) > -1">
    <div class="page-box" page="105">
      <div v-if="showPageList.indexOf(105) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -70,13 +70,13 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
            <p class="center openImgBox">
              <!-- <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-b" alt="" src="../image/0112-1.jpg" /> -->
              /> -->
              <img class="img-b" alt="" src="../image/0112-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -114,8 +114,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -1">
    <div class="page-box" page="106">
      <div v-if="showPageList.indexOf(106) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -180,8 +180,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="103">
      <div v-if="showPageList.indexOf(103) > -1">
    <div class="page-box" page="107">
      <div v-if="showPageList.indexOf(107) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -288,8 +288,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">
    <div class="page-box" page="108">
      <div v-if="showPageList.indexOf(108) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -349,8 +349,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="105">
      <div v-if="showPageList.indexOf(105) > -1">
    <div class="page-box" page="109">
      <div v-if="showPageList.indexOf(109) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -404,8 +404,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="106">
      <div v-if="showPageList.indexOf(106) > -1">
    <div class="page-box" page="110">
      <div v-if="showPageList.indexOf(110) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -461,8 +461,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="107">
      <div v-if="showPageList.indexOf(107) > -1">
    <div class="page-box" page="111">
      <div v-if="showPageList.indexOf(111) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -521,8 +521,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="108">
      <div v-if="showPageList.indexOf(108) > -1">
    <div class="page-box" page="112">
      <div v-if="showPageList.indexOf(112) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -585,8 +585,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="109">
      <div v-if="showPageList.indexOf(109) > -1">
    <div class="page-box" page="113">
      <div v-if="showPageList.indexOf(113) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -733,8 +733,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="110">
      <div v-if="showPageList.indexOf(110) > -1">
    <div class="page-box" page="114">
      <div v-if="showPageList.indexOf(114) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -797,8 +797,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="111">
      <div v-if="showPageList.indexOf(111) > -1">
    <div class="page-box" page="115">
      <div v-if="showPageList.indexOf(115) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1020,8 +1020,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="112">
      <div v-if="showPageList.indexOf(112) > -1">
    <div class="page-box" page="116">
      <div v-if="showPageList.indexOf(116) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1204,8 +1204,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="113">
      <div v-if="showPageList.indexOf(113) > -1">
    <div class="page-box" page="117">
      <div v-if="showPageList.indexOf(117) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>

 src/books/lifeCare/view/chapter007.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="8">
    <div class="page-box" page="114">
      <div v-if="showPageList.indexOf(114) > -1">
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
        <div class="bodystyle topImg">
          <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
          <div class="bk">
@@ -50,8 +50,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="115">
      <div v-if="showPageList.indexOf(115) > -1">
    <div class="page-box" page="119">
      <div v-if="showPageList.indexOf(119) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -71,13 +71,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0126-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -101,8 +96,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="116">
      <div v-if="showPageList.indexOf(116) > -1">
    <div class="page-box" page="120">
      <div v-if="showPageList.indexOf(120) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -219,8 +214,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="117">
      <div v-if="showPageList.indexOf(117) > -1">
    <div class="page-box" page="121">
      <div v-if="showPageList.indexOf(121) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -304,8 +299,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
    <div class="page-box" page="122">
      <div v-if="showPageList.indexOf(122) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -364,8 +359,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="119">
      <div v-if="showPageList.indexOf(119) > -1">
    <div class="page-box" page="123">
      <div v-if="showPageList.indexOf(123) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -521,8 +516,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="120">
      <div v-if="showPageList.indexOf(120) > -1">
    <div class="page-box" page="124">
      <div v-if="showPageList.indexOf(124) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -562,23 +557,42 @@
              @blur="onBlurChange('text12')"
            ></textarea>
          </div>
          <p>3.观察并收集婴幼儿的睡眠信号。若有照片，可贴在下面。</p>
          <p class="pic-wall">
            3.观察并收集婴幼儿的睡眠信号。若有照片，可贴在下面。
            <span class="btnUpload-list" @click="handFile('fileTwo')">
              <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                ></path>
              </svg>
            </span>
          </p>
          <div class="bk-tx">
            <div
              class="upload-list"
              v-if="chapter007.pictrueListTwo.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter007.pictrueListTwo"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueListTwo"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -587,7 +601,6 @@
                id="fileTwo"
                @change="handUploadFile($event, '2')"
              />
              <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
            </div>
          </div>
          <p>4.查阅阅读手册，研讨及归纳婴幼儿的睡眠信号。</p>
@@ -641,8 +654,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="121">
      <div v-if="showPageList.indexOf(121) > -1">
    <div class="page-box" page="125">
      <div v-if="showPageList.indexOf(125) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -697,8 +710,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="122">
      <div v-if="showPageList.indexOf(122) > -1">
    <div class="page-box" page="126">
      <div v-if="showPageList.indexOf(126) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -912,8 +925,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="123">
      <div v-if="showPageList.indexOf(123) > -1">
    <div class="page-box" page="127">
      <div v-if="showPageList.indexOf(127) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1139,8 +1152,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="124">
      <div v-if="showPageList.indexOf(124) > -1">
    <div class="page-box" page="128">
      <div v-if="showPageList.indexOf(128) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1197,8 +1210,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="125">
      <div v-if="showPageList.indexOf(125) > -1">
    <div class="page-box" page="129">
      <div v-if="showPageList.indexOf(129) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1353,8 +1366,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="126">
      <div v-if="showPageList.indexOf(126) > -1">
    <div class="page-box" page="130">
      <div v-if="showPageList.indexOf(130) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1377,19 +1390,6 @@
            />
          </p>
          <div class="bk-tx" style="min-height: 200px">
            <div class="bk-iframe" v-if="chapter007.isShowSwdt">
              <div class="header-swdt">
                <p>思维导图</p>
                <i class="el-icon-close" @click="showSwdt"></i>
              </div>
              <iframe
                width="100%"
                height="600px"
                frameborder="0"
                scrolling="no"
                src="https://www.iodraw.com/mind"
              ></iframe>
            </div>
            <div
              class="bk-inputUpload"
              v-if="chapter007.pictrueList.length == 0"
@@ -1399,23 +1399,39 @@
                id="fileOne"
                @change="handUploadFile($event, 1)"
              />
              <span class="btnUpload" @click="handFile('fileOne')">+</span>
              <span class="btnUpload" @click="handFile('fileOne')">
                <svg
                  t="1717059899765"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2633"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="200"
                  height="200"
                >
                  <path
                    d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                    p-id="2634"
                  ></path>
                  <path
                    d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                    p-id="2635"
                  ></path>
                </svg>
              </span>
            </div>
            <div
              style="width: 100%; height: 100%"
              v-if="chapter007.pictrueList.length > 0"
            >
              <div
                class="demo-image__preview-swdt"
                class="demo-image__preview-swdt openImgBox"
                v-for="item in chapter007.pictrueList"
                :key="item"
              >
                <el-image
                  style="width: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueList"
                >
                </el-image>
                <img style="width: 100%" :src="item" alt="" />
              </div>
            </div>
          </div>
@@ -1462,7 +1478,7 @@
          <p>（2）如何有效地营造氛围？</p>
          <div class="bk-tx">
            <p class="left">播放音乐</p>
            <<textarea
            <textarea
              v-model="chapter007.textAreaItem.text31"
              style="border: 0"
              placeholder="请输入内容"
@@ -1483,8 +1499,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="127">
      <div v-if="showPageList.indexOf(127) > -1">
    <div class="page-box" page="131">
      <div v-if="showPageList.indexOf(131) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1606,8 +1622,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="128">
      <div v-if="showPageList.indexOf(128) > -1">
    <div class="page-box" page="132">
      <div v-if="showPageList.indexOf(132) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1622,23 +1638,42 @@
          </div>
        </div>
        <div class="bodystyle">
          <p>2.拍摄或绘制婴幼儿的各种睡姿。</p>
          <p class="pic-wall">
            2.拍摄或绘制婴幼儿的各种睡姿。
            <span class="btnUpload-list" @click="handFile('fileThree')">
              <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                ></path>
              </svg>
            </span>
          </p>
          <div class="bk-tx">
            <div
              class="upload-list"
              v-if="chapter007.pictrueListThree.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter007.pictrueListThree"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueListThree"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -1647,9 +1682,6 @@
                id="fileThree"
                @change="handUploadFile($event, '3')"
              />
              <span class="btnUpload-list" @click="handFile('fileThree')"
                >+</span
              >
            </div>
          </div>
          <div class="bk-qjms">
@@ -1715,8 +1747,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="129">
      <div v-if="showPageList.indexOf(129) > -1">
    <div class="page-box" page="133">
      <div v-if="showPageList.indexOf(133) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1816,8 +1848,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="130">
      <div v-if="showPageList.indexOf(130) > -1">
    <div class="page-box" page="134">
      <div v-if="showPageList.indexOf(134) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1902,8 +1934,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="131">
      <div v-if="showPageList.indexOf(131) > -1">
    <div class="page-box" page="135">
      <div v-if="showPageList.indexOf(135) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1971,8 +2003,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="132">
      <div v-if="showPageList.indexOf(132) > -1">
    <div class="page-box" page="136">
      <div v-if="showPageList.indexOf(136) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1980,7 +2012,7 @@
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-127</span>
                <span class="pageNum">1-126</span>
              </div>
            </div>
            <div class="borderLine"></div>
@@ -2051,8 +2083,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="133">
      <div v-if="showPageList.indexOf(133) > -1">
    <div class="page-box" page="137">
      <div v-if="showPageList.indexOf(137) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2173,8 +2205,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="134">
      <div v-if="showPageList.indexOf(134) > -1">
    <div class="page-box" page="138">
      <div v-if="showPageList.indexOf(138) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2295,8 +2327,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="135">
      <div v-if="showPageList.indexOf(135) > -1">
    <div class="page-box" page="139">
      <div v-if="showPageList.indexOf(139) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2421,8 +2453,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="136">
      <div v-if="showPageList.indexOf(136) > -1">
    <div class="page-box" page="140">
      <div v-if="showPageList.indexOf(140) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2874,7 +2906,7 @@
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    showSwdt() {
      this.chapter007.isShowSwdt = !this.chapter007.isShowSwdt;
      this.$emit("eventSwdt", "swdt");
    },
    handUploadFile(e, type) {
      var that = this;
@@ -2913,7 +2945,9 @@
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      let dom = (this.container ? this.container : document).getElementById(
        str
      );
      dom.click();
    },
  },

 src/books/lifeCare/view/chapter008.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="9">
    <div class="page-box" page="137">
      <div v-if="showPageList.indexOf(137) > -1">
    <div class="page-box" page="141">
      <div v-if="showPageList.indexOf(141) > -1">
        <div class="bodystyle topImg">
          <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
          <div class="bk">
@@ -45,8 +45,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="138">
      <div v-if="showPageList.indexOf(138) > -1">
    <div class="page-box" page="142">
      <div v-if="showPageList.indexOf(142) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -67,7 +67,7 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0148-1.jpg" />
            </p>
          </div>
@@ -110,8 +110,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="139">
      <div v-if="showPageList.indexOf(139) > -1">
    <div class="page-box" page="143">
      <div v-if="showPageList.indexOf(143) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -217,8 +217,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="140">
      <div v-if="showPageList.indexOf(140) > -1">
    <div class="page-box" page="144">
      <div v-if="showPageList.indexOf(144) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -364,8 +364,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="141">
      <div v-if="showPageList.indexOf(141) > -1">
    <div class="page-box" page="145">
      <div v-if="showPageList.indexOf(145) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -522,8 +522,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="142">
      <div v-if="showPageList.indexOf(142) > -1">
    <div class="page-box" page="146">
      <div v-if="showPageList.indexOf(146) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -598,8 +598,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="143">
      <div v-if="showPageList.indexOf(143) > -1">
    <div class="page-box" page="147">
      <div v-if="showPageList.indexOf(147) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -659,8 +659,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="144">
      <div v-if="showPageList.indexOf(144) > -1">
    <div class="page-box" page="148">
      <div v-if="showPageList.indexOf(148) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -877,8 +877,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="145">
      <div v-if="showPageList.indexOf(145) > -1">
    <div class="page-box" page="149">
      <div v-if="showPageList.indexOf(149) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1000,8 +1000,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="146">
      <div v-if="showPageList.indexOf(146) > -1">
    <div class="page-box" page="150">
      <div v-if="showPageList.indexOf(150) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">

 src/books/lifeCare/view/chapter009.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="10">
    <div class="page-box" page="147">
      <div v-if="showPageList.indexOf(147) > -1">
    <div class="page-box" page="151">
      <div v-if="showPageList.indexOf(151) > -1">
        <div class="bodystyle">
          <template>
            <p class="center">

 src/books/lifeCare/view/chapter010.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="11">
    <div class="page-box" page="148">
      <div v-if="showPageList.indexOf(148) > -1">
    <div class="page-box" page="152">
      <div v-if="showPageList.indexOf(152) > -1">
        <div class="bodystyle topImg">
          <h2 id="b009"><img class="img-0" alt="" src="../image/zt1.jpg" /></h2>
          <div class="bk">
@@ -71,12 +71,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="149">

      <div v-if="showPageList.indexOf(149) > -1">
    <div class="page-box" page="153">
      <div v-if="showPageList.indexOf(153) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -193,13 +190,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="150">


      <div v-if="showPageList.indexOf(150) > -1">
    <div class="page-box" page="154">
      <div v-if="showPageList.indexOf(154) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -309,11 +302,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="151">

      <div v-if="showPageList.indexOf(151) > -1">
    <div class="page-box" page="155">
      <div v-if="showPageList.indexOf(155) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -351,12 +342,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="152">

      <div v-if="showPageList.indexOf(152) > -1">
    <div class="page-box" page="156">
      <div v-if="showPageList.indexOf(156) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -395,18 +383,15 @@
            æ‰˜è‚²æœºæž„的一日生活是指根据婴幼儿身心发展的特点，对他们在托育机构内一日生活的每个环节在内容、时间、顺序、次数和间隔时间上做的安排（见表2-1-1）。
          </p>
          <p class="img">表2-1-1　托育机构一日生活举例（夏季）</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0168-1.jpg" />
          </p>
        </div>
      </div>


    </div>
    <!-- ä¸Šä¸‹åˆ†å‰²è¡¨æ ¼ -->
    <div class="page-box" page="153">

      <div v-if="showPageList.indexOf(153) > -1">
    <div class="page-box" page="157">
      <div v-if="showPageList.indexOf(157) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -420,9 +405,8 @@
            </div>
          </div>
        </div>

        <div class="bodystyle">
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0168-1.jpg" />
          </p>
          <h4 class="h4-zt" id="d099">（二）合理的一日生活的意义</h4>
@@ -436,12 +420,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="154">

      <div v-if="showPageList.indexOf(154) > -1">
    <div class="page-box" page="158">
      <div v-if="showPageList.indexOf(158) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -499,13 +480,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="155">


      <div v-if="showPageList.indexOf(155) > -1">
    <div class="page-box" page="159">
      <div v-if="showPageList.indexOf(159) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -519,7 +496,6 @@
            </div>
          </div>
        </div>

        <div class="bodystyle">
          <p>
            ç¬¬ä¸ƒï¼Œæ‰˜è‚²æœºæž„应当建立照护服务日常记录和反馈制度，定期与婴幼儿的监护人沟通婴幼儿的发展情况。
@@ -547,10 +523,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="156">
      <div v-if="showPageList.indexOf(156) > -1">
    <div class="page-box" page="160">
      <div v-if="showPageList.indexOf(160) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -565,7 +540,6 @@
            <div class="borderLine"></div>
          </div>
        </div>

        <div class="bodystyle">
          <h4 class="h4-zt" id="d102">（五）托育机构一日生活保育的主要内容</h4>
          <p>
@@ -574,19 +548,14 @@
          <p class="img">
            è¡¨2-1-2　某托育机构一日生活保育的流程及人员分工（托班）
          </p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0172-1.jpg" />
          </p>
        </div>
      </div>



    </div>
    <div class="page-box" page="157">


      <div v-if="showPageList.indexOf(157) > -1">
    <div class="page-box" page="161">
      <div v-if="showPageList.indexOf(161) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -603,17 +572,14 @@

        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0173-1.jpg" />
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="158">

      <div v-if="showPageList.indexOf(158) > -1">
    <div class="page-box" page="162">
      <div v-if="showPageList.indexOf(162) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -628,10 +594,9 @@
            <div class="borderLine"></div>
          </div>
        </div>

        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0174-1.jpg" />
          </p>
          <div class="bk-tx">
@@ -641,16 +606,12 @@
          </div>
        </div>
      </div>


    </div>
  </div>
</template>
<script>
export default {
  name: "chapter010",


  name: "chapter-010",
  props: {
    showPageList: {
      type: Array,
@@ -660,9 +621,6 @@
      type: Object,
    },
  },



  data() {
    return {
      chapter010: {

 src/books/lifeCare/view/chapter011.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="12">
    <div class="page-box" page="159">
      <div v-if="showPageList.indexOf(159) > -1">
    <div class="page-box" page="163">
      <div v-if="showPageList.indexOf(163) > -1">
        <div class="bodystyle topImg">
          <h2 id="b010"><img class="img-0" alt="" src="../image/zt2.jpg" /></h2>
          <div class="bk">
@@ -61,12 +61,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="160">

      <div v-if="showPageList.indexOf(160) > -1">
    <div class="page-box" page="164">
      <div v-if="showPageList.indexOf(164) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -117,10 +114,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="161">
      <div v-if="showPageList.indexOf(161) > -1">
    <div class="page-box" page="165">
      <div v-if="showPageList.indexOf(165) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -171,15 +167,9 @@
          <p>③所有物品应按指定的归纳位置分类摆放，做到整洁、美观。</p>
        </div>
      </div>



    </div>

    <div class="page-box" page="162">


      <div v-if="showPageList.indexOf(162) > -1">
    <div class="page-box" page="166">
      <div v-if="showPageList.indexOf(166) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -232,12 +222,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="163">


      <div v-if="showPageList.indexOf(163) > -1">
    <div class="page-box" page="167">
      <div v-if="showPageList.indexOf(167) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -291,10 +278,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="164">
      <div v-if="showPageList.indexOf(164) > -1">
    <div class="page-box" page="168">
      <div v-if="showPageList.indexOf(168) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -339,10 +325,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="165">


      <div v-if="showPageList.indexOf(165) > -1">
    <div class="page-box" page="169">
      <div v-if="showPageList.indexOf(169) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -386,15 +370,9 @@
          </p>
        </div>
      </div>



    </div>
    <div class="page-box" page="166">



      <div v-if="showPageList.indexOf(166) > -1">
    <div class="page-box" page="170">
      <div v-if="showPageList.indexOf(170) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">

 src/books/lifeCare/view/chapter012.vue

@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="13">
    <div class="page-box" page="167">

      <div v-if="showPageList.indexOf(167) > -1">
    <div class="page-box" page="171">
      <div v-if="showPageList.indexOf(171) > -1">
        <div class="bodystyle topImg">
          <h2 id="b011"><img class="img-0" alt="" src="../image/zt3.jpg" /></h2>
          <div class="bk">
@@ -52,11 +51,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="168">

      <div v-if="showPageList.indexOf(168) > -1">
    <div class="page-box" page="172">
      <div v-if="showPageList.indexOf(172) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -107,12 +104,9 @@
          </p>
        </div>
      </div>



    </div>
    <div class="page-box" page="169">
      <div v-if="showPageList.indexOf(169) > -1">
    <div class="page-box" page="173">
      <div v-if="showPageList.indexOf(173) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -221,11 +215,9 @@
          <p>⑤培养婴幼儿的自理能力，不包办代替，培养婴幼儿良好的盥洗习惯。</p>
        </div>
      </div>


    </div>
    <div class="page-box" page="170">
      <div v-if="showPageList.indexOf(170) > -1">
    <div class="page-box" page="174">
      <div v-if="showPageList.indexOf(174) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -276,11 +268,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="171">

      <div v-if="showPageList.indexOf(171) > -1">
    <div class="page-box" page="175">
      <div v-if="showPageList.indexOf(175) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -324,16 +314,9 @@
          </p>
        </div>
      </div>




    </div>
    <div class="page-box" page="172">



      <div v-if="showPageList.indexOf(172) > -1">
    <div class="page-box" page="176">
      <div v-if="showPageList.indexOf(176) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -384,13 +367,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="173">



      <div v-if="showPageList.indexOf(173) > -1">
    <div class="page-box" page="177">
      <div v-if="showPageList.indexOf(177) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -436,12 +415,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="174">


      <div v-if="showPageList.indexOf(174) > -1">
    <div class="page-box" page="178">
      <div v-if="showPageList.indexOf(178) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -490,13 +466,9 @@
          </p>
        </div>
      </div>



    </div>
    <div class="page-box" page="175">

      <div v-if="showPageList.indexOf(175) > -1">
    <div class="page-box" page="179">
      <div v-if="showPageList.indexOf(179) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -544,8 +516,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="176">
      <div v-if="showPageList.indexOf(176) > -1">
    <div class="page-box" page="180">
      <div v-if="showPageList.indexOf(180) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -583,13 +555,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="177">



      <div v-if="showPageList.indexOf(177) > -1">
    <div class="page-box" page="181">
      <div v-if="showPageList.indexOf(181) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -627,13 +595,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="178">


      <div v-if="showPageList.indexOf(178) > -1">

    <div class="page-box" page="182">
      <div v-if="showPageList.indexOf(182) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -664,14 +628,12 @@
          </div>
        </div>
      </div>


    </div>
  </div>
</template>
<script>
export default {
  name: "chapter012",
  name: "chapter-012",
  props: {
    showPageList: {
      type: Array,

 src/books/lifeCare/view/chapter013.vue

@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="14">
    <div class="page-box" page="179">

      <div v-if="showPageList.indexOf(179) > -1">
    <div class="page-box" page="183">
      <div v-if="showPageList.indexOf(183) > -1">
        <div class="bodystyle topImg">
          <h2 id="b012"><img class="img-0" alt="" src="../image/zt4.jpg" /></h2>
          <div class="bk">
@@ -72,13 +71,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="180">


      <div v-if="showPageList.indexOf(180) > -1">
    <div class="page-box" page="184">
      <div v-if="showPageList.indexOf(184) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -118,14 +113,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="181">



      <div v-if="showPageList.indexOf(181) > -1">
    <div class="page-box" page="185">
      <div v-if="showPageList.indexOf(185) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -171,13 +161,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="182">



      <div v-if="showPageList.indexOf(182) > -1">
    <div class="page-box" page="186">
      <div v-if="showPageList.indexOf(186) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -218,13 +204,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="183">



      <div v-if="showPageList.indexOf(183) > -1">
    <div class="page-box" page="187">
      <div v-if="showPageList.indexOf(187) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -277,11 +259,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="184">

      <div v-if="showPageList.indexOf(184) > -1">
    <div class="page-box" page="188">
      <div v-if="showPageList.indexOf(188) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -337,14 +317,9 @@
          <p>购买适合婴幼儿使用的便盆，选择正规厂家生产的安全、容易清洗、无</p>
        </div>
      </div>



    </div>
    <div class="page-box" page="185">


      <div v-if="showPageList.indexOf(185) > -1">
    <div class="page-box" page="189">
      <div v-if="showPageList.indexOf(189) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -393,10 +368,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="186">
      <div v-if="showPageList.indexOf(186) > -1">
    <div class="page-box" page="190">
      <div v-if="showPageList.indexOf(190) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -427,12 +401,9 @@
          </p>
        </div>
      </div>



    </div>
    <div class="page-box" page="187">
      <div v-if="showPageList.indexOf(187) > -1">
    <div class="page-box" page="191">
      <div v-if="showPageList.indexOf(191) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -487,13 +458,9 @@
          </p>
        </div>
      </div>



    </div>
    <div class="page-box" page="188">

      <div v-if="showPageList.indexOf(188) > -1">
    <div class="page-box" page="192">
      <div v-if="showPageList.indexOf(192) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -540,11 +507,9 @@
          <p>⑦保育员应提醒婴幼儿便后冲水和按次序洗手。</p>
        </div>
      </div>


    </div>
    <div class="page-box" page="189">
      <div v-if="showPageList.indexOf(189) > -1">
    <div class="page-box" page="193">
      <div v-if="showPageList.indexOf(193) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -593,14 +558,9 @@
          </p>
        </div>
      </div>




    </div>
    <div class="page-box" page="190">

      <div v-if="showPageList.indexOf(190) > -1">
    <div class="page-box" page="194">
      <div v-if="showPageList.indexOf(194) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -635,15 +595,13 @@
          </div>
        </div>
      </div>


    </div>
  </div>
</template>
<script>

export default {
  name: "chapter013",
  name: "chapter-013",


  props: {

 src/books/lifeCare/view/chapter014.vue

@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="15">
    <div class="page-box" page="191">

      <div v-if="showPageList.indexOf(191) > -1">
    <div class="page-box" page="195">
      <div v-if="showPageList.indexOf(195) > -1">
        <div class="bodystyle topImg">
          <h2 id="b013"><img class="img-0" alt="" src="../image/zt5.jpg" /></h2>
          <div class="bk">
@@ -78,12 +77,9 @@
          </div>
        </div>
      </div>

    </div>
    <div class="page-box" page="192">


      <div v-if="showPageList.indexOf(192) > -1">
    <div class="page-box" page="196">
      <div v-if="showPageList.indexOf(196) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -125,14 +121,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="193">




      <div v-if="showPageList.indexOf(193) > -1">
    <div class="page-box" page="197">
      <div v-if="showPageList.indexOf(197) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -171,15 +162,10 @@
          </p>
        </div>
      </div>

    </div>
    <!-- ä¸Šä¸‹è¡¨æ ¼æ‹†åˆ† -->
    <div class="page-box" page="194">




      <div v-if="showPageList.indexOf(194) > -1">
    <div class="page-box" page="198">
      <div v-if="showPageList.indexOf(198) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -222,12 +208,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="195">


      <div v-if="showPageList.indexOf(195) > -1">
    <div class="page-box" page="199">
      <div v-if="showPageList.indexOf(199) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -275,13 +258,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="196">



      <div v-if="showPageList.indexOf(196) > -1">
    <div class="page-box" page="200">
      <div v-if="showPageList.indexOf(200) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -333,13 +312,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="197">



      <div v-if="showPageList.indexOf(197) > -1">
    <div class="page-box" page="201">
      <div v-if="showPageList.indexOf(201) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -383,11 +358,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="198">

      <div v-if="showPageList.indexOf(198) > -1">
    <div class="page-box" page="202">
      <div v-if="showPageList.indexOf(202) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -439,14 +412,9 @@
          <p>尽早教会婴幼儿自己动手吃饭，可以提高婴幼儿进餐的兴趣。</p>
        </div>
      </div>




    </div>
    <div class="page-box" page="199">

      <div v-if="showPageList.indexOf(199) > -1">
    <div class="page-box" page="203">
      <div v-if="showPageList.indexOf(203) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -680,13 +648,9 @@
        </div>

      </div>


    </div>
    <div class="page-box" page="200">


      <div v-if="showPageList.indexOf(200) > -1">
    <div class="page-box" page="204">
      <div v-if="showPageList.indexOf(204) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -742,11 +706,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="201">

      <div v-if="showPageList.indexOf(201) > -1">
    <div class="page-box" page="205">
      <div v-if="showPageList.indexOf(205) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -912,13 +874,9 @@
          <p class="img">图2-5-3　食物加盖保温</p>
        </div>
      </div>



    </div>
    <div class="page-box" page="202">

      <div v-if="showPageList.indexOf(202) > -1">
    <div class="page-box" page="206">
      <div v-if="showPageList.indexOf(206) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -958,14 +916,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="203">



      <div v-if="showPageList.indexOf(203) > -1">
    <div class="page-box" page="207">
      <div v-if="showPageList.indexOf(207) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1010,12 +963,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="204">


      <div v-if="showPageList.indexOf(204) > -1">
    <div class="page-box" page="208">
      <div v-if="showPageList.indexOf(208) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1145,12 +1095,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="205">


      <div v-if="showPageList.indexOf(205) > -1">
    <div class="page-box" page="209">
      <div v-if="showPageList.indexOf(209) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1210,14 +1157,9 @@
          </div>
        </div>
      </div>


    </div>
    <div class="page-box" page="206">



      <div v-if="showPageList.indexOf(206) > -1">
    <div class="page-box" page="210">
      <div v-if="showPageList.indexOf(210) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1272,13 +1214,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="207">



      <div v-if="showPageList.indexOf(207) > -1">
    <div class="page-box" page="211">
      <div v-if="showPageList.indexOf(211) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1331,11 +1269,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="208">

      <div v-if="showPageList.indexOf(208) > -1">
    <div class="page-box" page="212">
      <div v-if="showPageList.indexOf(212) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1388,15 +1324,9 @@
          </div>
        </div>
      </div>



    </div>
    <div class="page-box" page="209">



      <div v-if="showPageList.indexOf(209) > -1">
    <div class="page-box" page="213">
      <div v-if="showPageList.indexOf(213) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1447,12 +1377,9 @@
          <p>④进餐活动结束后，应在专用水池内清洗被污染的衣裤。</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="210">


      <div v-if="showPageList.indexOf(210) > -1">
    <div class="page-box" page="214">
      <div v-if="showPageList.indexOf(214) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1507,13 +1434,9 @@
          <p>幼儿某餐进食量较少时不要强迫幼儿进食，以免造成厌食。进餐时不能</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="211">



      <div v-if="showPageList.indexOf(211) > -1">
    <div class="page-box" page="215">
      <div v-if="showPageList.indexOf(215) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1562,12 +1485,9 @@
          <p>②进餐时注意力不集中，边吃边玩、边吃边讲话。</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="212">


      <div v-if="showPageList.indexOf(212) > -1">
    <div class="page-box" page="216">
      <div v-if="showPageList.indexOf(216) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1623,12 +1543,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="213">


      <div v-if="showPageList.indexOf(213) > -1">
    <div class="page-box" page="217">
      <div v-if="showPageList.indexOf(217) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1683,12 +1600,9 @@
          <p>④将碗、碟、勺分别放到指定地方。</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="214">


      <div v-if="showPageList.indexOf(214) > -1">
    <div class="page-box" page="218">
      <div v-if="showPageList.indexOf(218) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -1745,12 +1659,9 @@
          <p>①扫。用潮湿的扫帚按由里向外的顺序压住地面清扫。</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="215">


      <div v-if="showPageList.indexOf(215) > -1">
    <div class="page-box" page="219">
      <div v-if="showPageList.indexOf(219) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -1790,13 +1701,12 @@
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  name: "chapter014",
  name: "chapter-014",

  props: {
    showPageList: {

 src/books/lifeCare/view/chapter015.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="16">
    <div class="page-box" page="216">
      <div v-if="showPageList.indexOf(216) > -1">
    <div class="page-box" page="220">
      <div v-if="showPageList.indexOf(220) > -1">
        <div class="bodystyle topImg">
          <h2 id="b014"><img class="img-0" alt="" src="../image/zt6.jpg" /></h2>
          <div class="bk">
@@ -61,12 +61,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="217">

      <div v-if="showPageList.indexOf(217) > -1">
    <div class="page-box" page="221">
      <div v-if="showPageList.indexOf(221) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -118,12 +115,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="218">


      <div v-if="showPageList.indexOf(218) > -1">
    <div class="page-box" page="221">
      <div v-if="showPageList.indexOf(221) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -171,11 +165,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="219">

      <div v-if="showPageList.indexOf(219) > -1">
    <div class="page-box" page="223">
      <div v-if="showPageList.indexOf(223) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -250,12 +242,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="220">


      <div v-if="showPageList.indexOf(220) > -1">
    <div class="page-box" page="224">
      <div v-if="showPageList.indexOf(224) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -300,11 +289,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="221">

      <div v-if="showPageList.indexOf(221) > -1">
    <div class="page-box" page="225">
      <div v-if="showPageList.indexOf(225) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -342,12 +329,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="222">


      <div v-if="showPageList.indexOf(222) > -1">
    <div class="page-box" page="226">
      <div v-if="showPageList.indexOf(226) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -375,11 +359,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="223">

      <div v-if="showPageList.indexOf(223) > -1">
    <div class="page-box" page="227">
      <div v-if="showPageList.indexOf(227) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -441,11 +423,9 @@
          <p>②要准备充足的饮用水，供幼儿全天随时饮用。</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="224">

      <div v-if="showPageList.indexOf(224) > -1">
    <div class="page-box" page="228">
      <div v-if="showPageList.indexOf(228) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -499,12 +479,9 @@
          <p>“小朋友们来喝水，一口一口慢慢喝。”</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="225">


      <div v-if="showPageList.indexOf(225) > -1">
    <div class="page-box" page="229">
      <div v-if="showPageList.indexOf(229) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -561,12 +538,9 @@
          <p>②提醒幼儿渴了就要主动喝水。</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="226">


      <div v-if="showPageList.indexOf(226) > -1">
    <div class="page-box" page="230">
      <div v-if="showPageList.indexOf(230) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -615,13 +589,12 @@
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  name: "chapter015",
  name: "chapter-015",

  props: {
    showPageList: {

 src/books/lifeCare/view/chapter016.vue

@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="17">
    <div class="page-box" page="227">

      <div v-if="showPageList.indexOf(227) > -1">
    <div class="page-box" page="231">
      <div v-if="showPageList.indexOf(231) > -1">
        <div class="bodystyle topImg">
          <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2>
          <div class="bk">
@@ -55,10 +54,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="228">
      <div v-if="showPageList.indexOf(228) > -1">
    <div class="page-box" page="232">
      <div v-if="showPageList.indexOf(232) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -105,11 +103,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="229">

      <div v-if="showPageList.indexOf(229) > -1">
    <div class="page-box" page="233">
      <div v-if="showPageList.indexOf(233) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -152,12 +148,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="230">


      <div v-if="showPageList.indexOf(230) > -1">
    <div class="page-box" page="234">
      <div v-if="showPageList.indexOf(234) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -205,12 +198,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="231">


      <div v-if="showPageList.indexOf(231) > -1">
    <div class="page-box" page="235">
      <div v-if="showPageList.indexOf(235) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -258,12 +248,9 @@
          <p class="img">图2-7-1　示例</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="232">


      <div v-if="showPageList.indexOf(232) > -1">
    <div class="page-box" page="236">
      <div v-if="showPageList.indexOf(236) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -307,13 +294,10 @@
          </p>
        </div>
      </div>

    </div>
    <!-- ä¸Šä¸‹æ‹†åˆ†è¡¨æ ¼ -->
    <div class="page-box" page="233">


      <div v-if="showPageList.indexOf(233) > -1">
    <div class="page-box" page="237">
      <div v-if="showPageList.indexOf(237) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -343,12 +327,9 @@
          <p>首先，分辨衣服的里外和前后，双手抓住衣领，将衣服开口的一面对着</p>
        </div>
      </div>

    </div>
    <div class="page-box" page="234">


      <div v-if="showPageList.indexOf(234) > -1">
    <div class="page-box" page="238">
      <div v-if="showPageList.indexOf(238) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -397,13 +378,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="235">



      <div v-if="showPageList.indexOf(235) > -1">
    <div class="page-box" page="239">
      <div v-if="showPageList.indexOf(239) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -417,7 +394,6 @@
            </div>
          </div>
        </div>

        <div class="bodystyle">
          <h4 class="h4-zt" id="d244">（二）自主入睡</h4>
          <p>
@@ -442,13 +418,12 @@
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  name: "chapter016",
  name: "chapter-016",

  props: {
    showPageList: {

 src/books/lifeCare/view/chapter017.vue

@@ -1,8 +1,7 @@
<template>
  <div class="chapter" num="18">
    <div class="page-box" page="236">

      <div v-if="showPageList.indexOf(236) > -1">
    <div class="page-box" page="240">
      <div v-if="showPageList.indexOf(240) > -1">
        <div class="bodystyle topImg">
          <h2 id="b016"><img class="img-0" alt="" src="../image/zt8.jpg" /></h2>
          <div class="bk">
@@ -55,12 +54,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="237">


      <div v-if="showPageList.indexOf(237) > -1">
    <div class="page-box" page="241">
      <div v-if="showPageList.indexOf(241) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -108,12 +104,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="238">


      <div v-if="showPageList.indexOf(238) > -1">
    <div class="page-box" page="242">
      <div v-if="showPageList.indexOf(242) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -154,12 +147,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="239">


      <div v-if="showPageList.indexOf(239) > -1">
    <div class="page-box" page="243">
      <div v-if="showPageList.indexOf(243) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -199,13 +189,9 @@
          </p>
        </div>
      </div>

    </div>
    <div class="page-box" page="240">



      <div v-if="showPageList.indexOf(240) > -1">
    <div class="page-box" page="244">
      <div v-if="showPageList.indexOf(244) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -220,7 +206,6 @@
            <div class="borderLine"></div>
          </div>
        </div>

        <div class="bodystyle">
          <P>婴幼儿的行为和健康。离园时，保教人员可以和家长进行简单的交流，突出婴幼儿在园所一日中比较重要的事件和环节（见表2-8-2）。
          </P>
@@ -237,12 +222,9 @@
          </p>
        </div>
      </div>


    </div>
    <div class="page-box" page="241">

      <div v-if="showPageList.indexOf(241) > -1">
    <div class="page-box" page="245">
      <div v-if="showPageList.indexOf(245) > -1">
        <!-- å¶æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-first">
@@ -256,7 +238,6 @@
            </div>
          </div>
        </div>

        <div class="bodystyle">
          <h3 id="c108">
            <span class="bk1-h3"><span class="bj2-h3">七</span>　　托育园的清洁消毒　</span>
@@ -283,13 +264,10 @@
          <p>给托育园常用物品消毒可参照下表（见表2-8-4）。</p>
        </div>
      </div>

    </div>
    <!-- ä¸Šä¸‹æ‹†åˆ†è¡¨æ ¼ -->
    <div class="page-box" page="242">


      <div v-if="showPageList.indexOf(242) > -1">
    <div class="page-box" page="246">
      <div v-if="showPageList.indexOf(246) > -1">
        <!-- å¥‡æ•°é¡µ -->
        <div class="header">
          <div class="pageHeader-second">
@@ -316,13 +294,12 @@
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  name: "chapter017",
  name: "chapter-017",

  props: {
    showPageList: {

 src/books/lifeCare/view/chapter018.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="19">
    <div class="page-box" page="243">
      <div v-if="showPageList.indexOf(243) > -1">
    <div class="page-box" page="247">
      <div v-if="showPageList.indexOf(247) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -75,13 +75,12 @@
          </p>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  name: 'chapter009',
  name: 'chapter-009',
  props: {
    showPageList: {
      type: Array,

 src/books/lifeCare/view/front001.vue

@@ -1,97 +1,141 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box" page="1">
      <div class="bodystyle">
        <p class="center"><img alt="" class="imz" src="../image/SMY.jpg" /></p>
      <div v-if="showPageList.indexOf(1) > -1">
        <div class="bodystyle">
          <p class="center coverImg">
            <img alt="" class="imz" src="../image/Cover.jpg" />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="2">
      <div class="bodystyle">
        <div class="pdf-content">
          <hr />
          <p><b>图书在版编目（CIP）数据</b></p>
          <p>婴幼儿生活照护/赵青主编.—北京：北京师范大学出版社，2023.10</p>
          <p>ISBN 978-7-303-27715-5</p>
          <p>Ⅰ.①婴… â…¡.①赵… â…¢.①婴幼儿-哺育-中等专业学校-教材 â…£.①TS976.31</p>
          <p>中国版本图书馆CIP数据核字（2021）第269882号</p>
          <hr />
          <p>教材意见反馈　gaozhifk@bnupg.com　010-58805079</p>
          <p>营销中心电话　010-58802755 58800035</p>
          <p>编 è¾‘ éƒ¨ ç”µ è¯ã€€010-58802883</p>
          <hr />
          <p>YINGYOU’ ER SHENGHUO ZHAOHU</p>
          <p>出版发行：北京师范大学出版社 www.bnup.com</p>
          <p>　　　　　北京市西城区新街口外大街12-3号</p>
          <p>　　　　　邮政编码：100088</p>
          <p>印　　刷：优奇仕印刷河北有限公司</p>
          <p>经　　销：全国新华书店</p>
          <p>开　　本：889mm×1194mm　1/16</p>
          <p>印　　张：16.25</p>
          <p>字　　数：251千字</p>
          <p>版　　次：2023å¹´10月第1版</p>
          <p>印　　次：2023å¹´10月第1次印刷</p>
          <p>定　　价：44.80元</p>
          <hr />
          <p>策划编辑：姚贵平</p>
          <p>责任编辑：冯　倩</p>
          <p>美术编辑：焦　丽</p>
          <p>装帧设计：焦　丽</p>
          <p>责任校对：陈　荟</p>
          <p>责任印制：陈　涛</p>
          <p class="center"><b>版权所有　侵权必究</b></p>
          <p class="center1">反盗版、侵权举报电话：010-58800697</p>
          <p class="center1">北京读者服务部电话：010-58808104</p>
          <p class="center1">外埠邮购电话：010-58808083</p>
          <p class="center1">本书如有印装质量问题，请与印制管理部联系调换。</p>
          <p class="center1">印制管理部电话：010-58805079</p>
      <div v-if="showPageList.indexOf(2) > -1">
        <div class="bodystyle">
          <p class="center">
            <img alt="" class="imz" src="../image/SMY.jpg" />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="3">
      <div class="bodystyle">
        <div class="front">
          <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" />
        </div>
        <div class="pdf-content">
          <p>
            æœ¬æ•™æå±žäºŽæ–°åž‹æ´»é¡µå¼æ•™æï¼Œå…¼å…·â€œå·¥ä½œæ´»é¡µâ€å’Œâ€œæ•™æâ€çš„双重属性，由行动手册和阅读手册两部分构成。
          </p>
          <p>
            è¡ŒåŠ¨æ‰‹å†Œä¸»è¦ç”¨äºŽè¯¾å ‚教学，按照“以学习者为中心、以学习成果为导向、促进自主学习”的思路进行开发和设计，将典型工作任务及工作过程作为主体内容，同时提供适用的、具有引领作用的多种类型的立体化、信息化课程资源，借助学习任务实施教学，采用行动教学法引导学习者反思和实操。针对这些源于实际工作的问题，学习者可通过小组讨论进行学习并深入思考，通过情境操作训练掌握技能，同时分享彼此的经验。这种方式不仅能够得到创新的方案，而且能够帮助学习者更好地适应将来的工作岗位。
          </p>
          <p>
            é˜…读手册为学习者提供学习资料，其内容与实际工作任务密切相关，打破了传统教材的知识体系中的逻辑主线，以问题为导向，引导学习者自主查阅资料以寻找答案。阅读手册主要为学习者开展自主学习提供支持，作为行动手册的理论支撑，为学习者提供更多相关的学习素材，最终提升基于岗位任务的理论水平。本教材还配了视频、文字等资源，扫二维码即可查看，这种新形态使教材的内容得以拓展与延伸。
          </p>
      <div v-if="showPageList.indexOf(3) > -1">
        <div class="bodystyle">
          <div class="pdf-content">
            <hr />
            <p><b>图书在版编目（CIP）数据</b></p>
            <p>婴幼儿生活照护/赵青主编.—北京：北京师范大学出版社，2023.10</p>
            <p>ISBN 978-7-303-27715-5</p>
            <p>Ⅰ.①婴… â…¡.①赵… â…¢.①婴幼儿-哺育-中等专业学校-教材 â…£.①TS976.31</p>
            <p>中国版本图书馆CIP数据核字（2021）第269882号</p>
            <hr />
            <p>教材意见反馈　gaozhifk@bnupg.com　010-58805079</p>
            <p>营销中心电话　010-58802755 58800035</p>
            <p>编 è¾‘ éƒ¨ ç”µ è¯ã€€010-58802883</p>
            <hr />
            <p>YINGYOU’ ER SHENGHUO ZHAOHU</p>
            <p>出版发行：北京师范大学出版社 www.bnup.com</p>
            <p>　　　　　北京市西城区新街口外大街12-3号</p>
            <p>　　　　　邮政编码：100088</p>
            <p>印　　刷：优奇仕印刷河北有限公司</p>
            <p>经　　销：全国新华书店</p>
            <p>开　　本：889mm×1194mm　1/16</p>
            <p>印　　张：16.25</p>
            <p>字　　数：251千字</p>
            <p>版　　次：2023å¹´10月第1版</p>
            <p>印　　次：2023å¹´10月第1次印刷</p>
            <p>定　　价：44.80元</p>
            <hr />
            <p>策划编辑：姚贵平</p>
            <p>责任编辑：冯　倩</p>
            <p>美术编辑：焦　丽</p>
            <p>装帧设计：焦　丽</p>
            <p>责任校对：陈　荟</p>
            <p>责任印制：陈　涛</p>
            <p class="center"><b>版权所有　侵权必究</b></p>
            <p class="center1">反盗版、侵权举报电话：010-58800697</p>
            <p class="center1">北京读者服务部电话：010-58808104</p>
            <p class="center1">外埠邮购电话：010-58808083</p>
            <p class="center1">
              æœ¬ä¹¦å¦‚有印装质量问题，请与印制管理部联系调换。
            </p>
            <p class="center1">印制管理部电话：010-58805079</p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="4">
      <div class="bodystyle">
        <div class="front">
          <img alt="" class="img-0 prefaceImg" style="top:2%" src="../image/xu.png" />
      <div v-if="showPageList.indexOf(4) > -1">
        <div class="bodystyle">
          <div class="front">
            <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" />
          </div>
          <div class="pdf-content">
            <p>
              æœ¬æ•™æå±žäºŽæ–°åž‹æ´»é¡µå¼æ•™æï¼Œå…¼å…·â€œå·¥ä½œæ´»é¡µâ€å’Œâ€œæ•™æâ€çš„双重属性，由行动手册和阅读手册两部分构成。
            </p>
            <p>
              è¡ŒåŠ¨æ‰‹å†Œä¸»è¦ç”¨äºŽè¯¾å ‚教学，按照“以学习者为中心、以学习成果为导向、促进自主学习”的思路进行开发和设计，将典型工作任务及工作过程作为主体内容，同时提供适用的、具有引领作用的多种类型的立体化、信息化课程资源，借助学习任务实施教学，采用行动教学法引导学习者反思和实操。针对这些源于实际工作的问题，学习者可通过小组讨论进行学习并深入思考，通过情境操作训练掌握技能，同时分享彼此的经验。这种方式不仅能够得到创新的方案，而且能够帮助学习者更好地适应将来的工作岗位。
            </p>
            <p>
              é˜…读手册为学习者提供学习资料，其内容与实际工作任务密切相关，打破了传统教材的知识体系中的逻辑主线，以问题为导向，引导学习者自主查阅资料以寻找答案。阅读手册主要为学习者开展自主学习提供支持，作为行动手册的理论支撑，为学习者提供更多相关的学习素材，最终提升基于岗位任务的理论水平。本教材还配了视频、文字等资源，扫二维码即可查看，这种新形态使教材的内容得以拓展与延伸。
            </p>
          </div>
        </div>
        <div class="pdf-content">
          <p>
            å­¦å‰æ•™è‚²æ˜¯ä¿éšœå’Œæ”¹å–„民生的重要内容。在我国，按照保育和教育相结合的原则，托育机构各岗位的保教人员须具备促进婴幼儿全面发展的保育能力。《上海市托育服务三年行动计划（2020—2022年）》提出的“教养医结合”的学前教育理念，对托育机构的保教人员的保育能力提出了更高的要求：具备相应的职业道德、科学文化与专业知识、技术技能。职业院校新开设的培养保教人员的婴幼儿托育和幼儿保育等专业，开设时间短、教材资源欠缺、人才培养经验相对缺乏。本教材就是针对婴幼儿托育和幼儿保育等专业的这种现状编写而成的。
          </p>
          <p>
            æ–°ä¿®è®¢çš„《中华人民共和国职业教育法》第二条规定：“本法所称职业教育，是指为了培养高素质技术技能人才，使受教育者具备从事某种职业或者实现职业发展所需要的职业道德、科学文化与专业知识、技术技能等职业综合素质和行动能力而实施的教育，包括职业学校教育和职业培训。”按照这一规定，本教材意在面向工作要求和岗位要求，明确培养规格和能力要求，并为学生未来的职业生涯发展奠定良好的基础。为此，不仅需要引入先进的保育和教育理念，而且需要把先进的专业教学内容与高质量的教学组织形式有机结合起来。
          </p>
          <p>
            æœ¬æ•™ææŒ‰ç…§åŸ¹å…»èŒä¸šç»¼åˆç´ è´¨å’Œè¡ŒåŠ¨èƒ½åŠ›çš„要求，结合教育部关于1+X证书制度试点工作的指导意见，针对本类专业就业的市场需求和托育行业的发展趋势，立足托育机构的实际工作场景，介绍大量实践案例，力图使职业教育回归实际工作。本教材采用工学结合一体化课程模式，基本特点是引导学生“在行动中学会工作”。
          </p>
          <p>
            åŸ¹å…»èŒä¸šè¡ŒåŠ¨èƒ½åŠ›ã€‚职业行动能力是个体当前就业和终身发展所需的能力，是在理解、反思、评估和完成职业工作任务以及承担社会、经济和生态责任的前提下，参与设计技术和社会发展的意愿和本领。本教材在培养实践知识技能的基础上，强调学生的综合素质和行动能力的提升和全面发展。
          </p>
          <p>
            é‡‡ç”¨ä¸€ä½“化课程模式。一体化课程模式提供的是理论与实践相统一的综合性学习任务。在一体化课程模式下，学习不再是简单的知识灌输和技能训练，而是知识、技能、情感态度和价值观的整体发展。
          </p>
          <p>
            æ ¹æ®å…¸åž‹å·¥ä½œä»»åŠ¡ç¡®å®šå­¦ä¹ å†…容。本教材的学习内容来自保教人员职业生涯中的典型工作任务，代表了该职业的专业化水平，反映了该职业具有范式意义的工作内容和工作方式。
          </p>
          <p>
            æŒ‰ç…§æŠ€æœ¯æŠ€èƒ½äººæ‰æˆé•¿è§„律安排教材内容。人的职业成长遵循从初学者到专家的能力发展逻辑，职业教育过程遵循从完成简单任务到完成复杂任务的职业认知能力发展逻辑。本教材的内容就是按照这两种逻辑设计安排的。
          </p>
      </div>
    </div>
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="bodystyle">
          <div class="front">
            <img
              alt=""
              class="img-0 prefaceImg"
              style="top: 2%"
              src="../image/xu.png"
            />
          </div>
          <div class="pdf-content">
            <p>
              å­¦å‰æ•™è‚²æ˜¯ä¿éšœå’Œæ”¹å–„民生的重要内容。在我国，按照保育和教育相结合的原则，托育机构各岗位的保教人员须具备促进婴幼儿全面发展的保育能力。《上海市托育服务三年行动计划（2020—2022年）》提出的“教养医结合”的学前教育理念，对托育机构的保教人员的保育能力提出了更高的要求：具备相应的职业道德、科学文化与专业知识、技术技能。职业院校新开设的培养保教人员的婴幼儿托育和幼儿保育等专业，开设时间短、教材资源欠缺、人才培养经验相对缺乏。本教材就是针对婴幼儿托育和幼儿保育等专业的这种现状编写而成的。
            </p>
            <p>
              æ–°ä¿®è®¢çš„《中华人民共和国职业教育法》第二条规定：“本法所称职业教育，是指为了培养高素质技术技能人才，使受教育者具备从事某种职业或者实现职业发展所需要的职业道德、科学文化与专业知识、技术技能等职业综合素质和行动能力而实施的教育，包括职业学校教育和职业培训。”按照这一规定，本教材意在面向工作要求和岗位要求，明确培养规格和能力要求，并为学生未来的职业生涯发展奠定良好的基础。为此，不仅需要引入先进的保育和教育理念，而且需要把先进的专业教学内容与高质量的教学组织形式有机结合起来。
            </p>
            <p>
              æœ¬æ•™ææŒ‰ç…§åŸ¹å…»èŒä¸šç»¼åˆç´ è´¨å’Œè¡ŒåŠ¨èƒ½åŠ›çš„要求，结合教育部关于1+X证书制度试点工作的指导意见，针对本类专业就业的市场需求和托育行业的发展趋势，立足托育机构的实际工作场景，介绍大量实践案例，力图使职业教育回归实际工作。本教材采用工学结合一体化课程模式，基本特点是引导学生“在行动中学会工作”。
            </p>
            <p>
              åŸ¹å…»èŒä¸šè¡ŒåŠ¨èƒ½åŠ›ã€‚职业行动能力是个体当前就业和终身发展所需的能力，是在理解、反思、评估和完成职业工作任务以及承担社会、经济和生态责任的前提下，参与设计技术和社会发展的意愿和本领。本教材在培养实践知识技能的基础上，强调学生的综合素质和行动能力的提升和全面发展。
            </p>
            <p>
              é‡‡ç”¨ä¸€ä½“化课程模式。一体化课程模式提供的是理论与实践相统一的综合性学习任务。在一体化课程模式下，学习不再是简单的知识灌输和技能训练，而是知识、技能、情感态度和价值观的整体发展。
            </p>
            <p>
              æ ¹æ®å…¸åž‹å·¥ä½œä»»åŠ¡ç¡®å®šå­¦ä¹ å†…容。本教材的学习内容来自保教人员职业生涯中的典型工作任务，代表了该职业的专业化水平，反映了该职业具有范式意义的工作内容和工作方式。
            </p>
            <p>
              æŒ‰ç…§æŠ€æœ¯æŠ€èƒ½äººæ‰æˆé•¿è§„律安排教材内容。人的职业成长遵循从初学者到专家的能力发展逻辑，职业教育过程遵循从完成简单任务到完成复杂任务的职业认知能力发展逻辑。本教材的内容就是按照这两种逻辑设计安排的。
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <p>
            è¡ŒåŠ¨å¯¼å‘教学。学生在具体的职业情境中通过行动建构自己的知识体系，不仅可以提高对社会和技术发展的适应能力，而且可以在具有实际应用价值或现实意义的服务项目中学习，发展独立、自信和负责任的人格。
          </p>
@@ -121,23 +165,46 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="5">
      <div class="bodystyle">
        <div class="front">
          <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <div class="bodystyle">
          <div class="front">
            <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
          </div>
          <div class="pdf-content">
            <p>
              0～3岁是个体生命周期的早期阶段，这一时期的婴幼儿的体格发育和神经系统发育最为迅速。随着身体各器官的不断发育，婴幼儿几乎每月甚至每天都在发生变化，而这一时期也是容易发生疾病、意外的时期，所以说这一时期的婴幼儿是最“柔软”的群体。婴幼儿照护服务是生命全周期服务管理的重要内容，事关婴幼儿成长，事关千家万户。因此，针对这一时期婴幼儿的生理、心理特点，必须辅助以适当的保育方式和保育手段。
            </p>
            <p>
              å…šçš„十九大报告提出“幼有所育”，这是保障和改善民生的重要内容。党的二十大报告提出：“必须坚持在发展中保障和改善民生。”2019å¹´5月9日，国务院办公厅发布了《关于促进3岁以下婴幼儿照护服务发展的指导意见》。为贯彻该指导意见，国家卫生健康委员会印发了《托育机构保育指导大纲（试行）》《托育机构婴幼儿伤害预防指南（试行）》《托育机构婴幼儿喂养与营养指南（试行）》，着力指导托育机构切实做好安全防护工作，为婴幼儿提供科学、规范的照护服务。党的二十大报告指出：“我们深入贯彻以人民为中心的发展思想，在幼有所育、学有所教、劳有所得、病有所医、老有所养、住有所居、弱有所扶上持续用力，人民生活全方位改善。”可见，“幼有所育”一直是党和国家高度重视的民生工程。
            </p>
            <p>
              é«˜æŠ€æœ¯ã€é«˜æŠ€èƒ½äººæ‰åœ¨ç¤¾ä¼šå‘展中扮演着举足轻重的角色，他们需要掌握综合知识、实践技能、社交技能，既要有独立思考和开拓创新的能力，又要有积极向上的态度和强烈的责任感。本教材遵循国家针对婴幼儿照护及托育提出的新政策和新要求，综合了世界先进的婴幼儿照护的相关概念、理论和方法，立足“三教”改革，与教育部关于1+X证书制度试点工作的指导意见相结合，主动适应托育的新趋势和就业市场的新需求，针对学校培养幼儿保育专业人才的要求，立足托育机构实际工作场景，结合大量实践案例和具体操作，用以行动为导向的学习方式使教育回归实际工作，帮助学生做好职前准备，提高职业教育适应社会发展需求的水平，因此非常适合被作为职业教育教材。
            </p>
            <p>
              æœ¬æ•™æç¼–写团队主要由高职学科专家、中职课程教师、托育机构管理者及一线骨干教师组成。分工如下：“初识婴幼儿生活保育”“盥洗活动照护”“如厕活动照护”的相关内容由金华职业技术学院赵青负责编写，“来园活动照护”的相关内容由中国福利会托儿所张懿负责编写，“进餐活动照护”的相关内容由金华职业技术学院胡玉敏负责编写，“饮水活动照护”的相关内容由北京市商业学校孙静负责编写，“睡眠活动照护”的
            </p>
          </div>
        </div>
        <div class="pdf-content">
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
          </div>
        </div>
        <div class="bodystyle">
          <p>
            0～3岁是个体生命周期的早期阶段，这一时期的婴幼儿的体格发育和神经系统发育最为迅速。随着身体各器官的不断发育，婴幼儿几乎每月甚至每天都在发生变化，而这一时期也是容易发生疾病、意外的时期，所以说这一时期的婴幼儿是最“柔软”的群体。婴幼儿照护服务是生命全周期服务管理的重要内容，事关婴幼儿成长，事关千家万户。因此，针对这一时期婴幼儿的生理、心理特点，必须辅助以适当的保育方式和保育手段。
          </p>
          <p>
            å…šçš„十九大报告提出“幼有所育”，这是保障和改善民生的重要内容。党的二十大报告提出：“必须坚持在发展中保障和改善民生。”2019å¹´5月9日，国务院办公厅发布了《关于促进3岁以下婴幼儿照护服务发展的指导意见》。为贯彻该指导意见，国家卫生健康委员会印发了《托育机构保育指导大纲（试行）》《托育机构婴幼儿伤害预防指南（试行）》《托育机构婴幼儿喂养与营养指南（试行）》，着力指导托育机构切实做好安全防护工作，为婴幼儿提供科学、规范的照护服务。党的二十大报告指出：“我们深入贯彻以人民为中心的发展思想，在幼有所育、学有所教、劳有所得、病有所医、老有所养、住有所居、弱有所扶上持续用力，人民生活全方位改善。”可见，“幼有所育”一直是党和国家高度重视的民生工程。
          </p>
          <p>
            é«˜æŠ€æœ¯ã€é«˜æŠ€èƒ½äººæ‰åœ¨ç¤¾ä¼šå‘展中扮演着举足轻重的角色，他们需要掌握综合知识、实践技能、社交技能，既要有独立思考和开拓创新的能力，又要有积极向上的态度和强烈的责任感。本教材遵循国家针对婴幼儿照护及托育提出的新政策和新要求，综合了世界先进的婴幼儿照护的相关概念、理论和方法，立足“三教”改革，与教育部关于1+X证书制度试点工作的指导意见相结合，主动适应托育的新趋势和就业市场的新需求，针对学校培养幼儿保育专业人才的要求，立足托育机构实际工作场景，结合大量实践案例和具体操作，用以行动为导向的学习方式使教育回归实际工作，帮助学生做好职前准备，提高职业教育适应社会发展需求的水平，因此非常适合被作为职业教育教材。
          </p>
          <p>
            æœ¬æ•™æç¼–写团队主要由高职学科专家、中职课程教师、托育机构管理者及一线骨干教师组成。分工如下：“初识婴幼儿生活保育”“盥洗活动照护”“如厕活动照护”的相关内容由金华职业技术学院赵青负责编写，“来园活动照护”的相关内容由中国福利会托儿所张懿负责编写，“进餐活动照护”的相关内容由金华职业技术学院胡玉敏负责编写，“饮水活动照护”的相关内容由北京市商业学校孙静负责编写，“睡眠活动照护”的相关内容由宁波幼儿师范高等专科学校董钰萍负责编写，“离园活动照护”的相关内容由杭州心阳幼幼托育园杨仲负责编写。本教材引用了一些国内外专家、学者的研究成果和资料，在此一并表示感谢。
            ç›¸å…³å†…容由宁波幼儿师范高等专科学校董钰萍负责编写，“离园活动照护”的相关内容由杭州心阳幼幼托育园杨仲负责编写。本教材引用了一些国内外专家、学者的研究成果和资料，在此一并表示感谢。
          </p>
          <p>
            æœ¬æ•™æå…·æœ‰è¾ƒå¼ºçš„理论性、实践性和可操作性，既可以作为中等职业学校幼儿保育相关专业的教材，也可以供一线托育机构的保教人员、婴幼儿照护工作者及广大0～3岁婴幼儿的父母使用。由于时间紧迫，教材难免有不完善之处，敬请广大师生不吝赐教（发送邮件至yaoguiping@126.com），我们将及时修订、完善。
@@ -145,12 +212,30 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="6">
      <div class="bodystyle">
        <h1 id="a007">
          <img class="imz" alt="" src="../image/0011-1.jpg" />
        </h1>
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
        <div class="bodystyle">
          <h1 id="a007">
            <img class="imz" alt="" src="../image/0011-1.jpg" />
          </h1>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "front-init",
  props: {
    showPageList: {
      type: Array,
    },
    questionData: {
      type: Object,
    },
  },
  data() {
    return {};
  },
};
</script>

 src/books/sportsAndHealth/css/default.less

@@ -37,20 +37,95 @@
      position: relative;
    }

    .bodystyle-chapter001 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      position: relative;
      .bj-chapter001-bj-icon {
        padding-top: 15px;
      }

      .bj-chapter001-con {
        width: 60%;
        position: absolute;
        left: 0;
        top: 5%;
        .bj-chapter001-con-icon {
          width: 100%;
          img {
            padding-top: 20px;
            width: 100%;
          }
        }
      }
    }



    .tablePublic {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-top: 20px;

      .table-bottom {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 14px;

        .score {
          padding-top: 10px;
        }

        .btn {
          display: flex;
          justify-content: center;

          span {
            display: block;
            height: 25px;
            line-height: 15px;
            border: 1px solid #89a0d0;
            padding: 5px 15px;
            box-sizing: border-box;
            border-radius: 5px;
            cursor: pointer;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* æ ‡å‡†è¯­æ³• */
          }

          span:hover {
            background-color: #89a0d0;
            color: #FFF;
          }

          span:nth-child(1) {
            margin-right: 10px;
          }
        }
      }

      table {
        width: 100%;
        border: 1px solid #95b2dc;
        border: 1px solid #89a0d0;
        border-collapse: collapse;
        padding: 0;
        margin: 0;

        tr th {
          border: 1px solid #95b2dc;
          background-color: #b0a3cf;
          border: 1px solid #89a0d0;
          background-color: #d6dbee;
          color: #f49a4c;
          text-align: center;
          padding: 5px 20px;
@@ -58,7 +133,7 @@
        }

        tr td {
          border: 1px solid #95b2dc;
          border: 1px solid #89a0d0;
          text-align: center;
          padding: 3px 10px;
          font-size: 14px;
@@ -114,10 +189,124 @@

    }

    .bk-xyx {
      textarea {
        width: 100%;
        max-width: 625px;
        border: 1px solid #89a0d0;
        border-radius: 5px;
      }

      textarea:focus {
        outline: none;
        text-indent: 2em;
      }
    }

    .publicxbc {
      min-width: 100px;
      display: flex;
      justify-content: center;
      position: absolute;
      top: -20px;
      left: 10px;
      background-color: #d6dbee;
      padding: 5px;
      box-sizing: border-box;
      color: #5877ba;
      font-family: "FZLTXIHJW";
      font-size: 16px;
      font-weight: 700;
      border-radius: 15px;

      .icon {
        width: 25px;
        height: 25px;
        border-radius: 5px;
        background-color: #007aff;
        border: 1px solid #007aff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px;
        cursor: pointer;

        svg {
          fill: #fff;
        }
      }

      .icon:hover {
        background-color: #fff;
        border: 1px solid #007aff;

        svg {
          fill: #007aff;
        }
      }
    }


    .pdf-text {
      display: flex;
      justify-content: space-between;
      align-items: center;

      p {
        margin-right: 10px;
      }

      .pdf-con {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border: 2px dotted #5d78bb;
        padding: 10px 0;
        box-sizing: border-box;
        border-radius: 10px;
        margin-left: 10px;
        margin-top: -50px;

        .pdf-view {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;

          img {
            width: 80px;
          }

          span {
            min-width: 150px;
            font-size: 14px;
            text-align: center;
          }

          span:hover {
            color: #5877ba;
            cursor: pointer;
            text-decoration: underline;
            -webkit-user-select: none;
            /* Safari 3.1+ */
            -moz-user-select: none;
            /* Firefox 2+ */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none;
            /* æ ‡å‡†è¯­æ³• */
          }
        }
      }
    }


    .xyx-title {
      font-family: "STKaiti";
      text-align: center;
      color: #cd141c;
      padding: 20px 0;
    }

    .xyx-text {
@@ -135,13 +324,14 @@
        border: 0;
        outline: none;
      }
      

      .textInputarea {
        width: 100%;
        max-width: 336px;
        border: 0;
        background-color: transparent;
      }

      .textInputarea:focus {
        outline: none;
      }

 src/books/sportsAndHealth/image/pdf.png

 src/books/sportsAndHealth/image/sports.png

 src/books/sportsAndHealth/index.vue

@@ -63,7 +63,7 @@
export default {
  data() {
    return {
      catalogLength: 19, // æ€»ç« èŠ‚æ•°
      catalogLength: 3, // æ€»ç« èŠ‚æ•°
      showCatalogList: [], // æ˜¾ç¤ºçš„章节
      loadThreshold: 300, // è§¦å‘加载阈值
      throttleThreshold: 100, // èŠ‚流阈值

 src/books/sportsAndHealth/view/chapter001.vue

@@ -1,17 +1,28 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box" page="12">
    <div class="page-box" page="12" style="background-color: #f0f1f2">
      <div v-if="showPageList.indexOf(12) > -1">
        <div class="bodystyle">
          <h1 class="lefth1" id="a007">
            <img class="img-gh1" alt="" src="../image/jcmk.jpg" />
          </h1>
          <p>
            åŸºç¡€æ¨¡å—是《中等职业学校体育与健康课程标准》规定的必修内容，包含健康教育和体能发展两大部分。人民健康是民族昌盛和国家强盛的重要标志；把保障人民健康放在优先发展的战略位置。健康教育纳入国民教育体系，是教育阶段素质教育的重要内容，也是培养德智体美劳全面发展的社会主义建设者和接班人的必要保障。良好的体能不仅能够为日常生活中的运动奠定坚实的基础，而且能为专项运动中精准而灵活地发挥技能水平提供保障，更能为我们在职业岗位上展现高超技艺提供助力。
          </p>
          <p>
            ç³»ç»Ÿå­¦ä¹ â€œå¥åº·æ•™è‚²â€å’Œâ€œä½“能发展”两个单元的内容，能够帮助同学们更好地将健康掌握在自己手中，提升体能发展水平，练就强健体魄，使锻炼身体成为一种习惯和能力。
          </p>
          <div class="bodystyle-chapter001">
            <div class="bj-chapter001-bj-icon">
              <h1 class="lefth1" id="a007">
                <img class="img-gh1" alt="" src="../image/jcmk.jpg" />
              </h1>
            </div>
            <div class="bj-chapter001-con">
              <div >
                <p>
                åŸºç¡€æ¨¡å—是《中等职业学校体育与健康课程标准》规定的必修内容，包含健康教育和体能发展两大部分。人民健康是民族昌盛和国家强盛的重要标志；把保障人民健康放在优先发展的战略位置。健康教育纳入国民教育体系，是教育阶段素质教育的重要内容，也是培养德智体美劳全面发展的社会主义建设者和接班人的必要保障。良好的体能不仅能够为日常生活中的运动奠定坚实的基础，而且能为专项运动中精准而灵活地发挥技能水平提供保障，更能为我们在职业岗位上展现高超技艺提供助力。
              </p>
              <p>
                ç³»ç»Ÿå­¦ä¹ â€œå¥åº·æ•™è‚²â€å’Œâ€œä½“能发展”两个单元的内容，能够帮助同学们更好地将健康掌握在自己手中，提升体能发展水平，练就强健体魄，使锻炼身体成为一种习惯和能力。
              </p>
              </div>
              <div class="bj-chapter001-con-icon">
                <img src="../image/sports.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

 src/books/sportsAndHealth/view/chapter002.vue

Diff too large

 src/books/sportsAndHealth/view/text.html

@@ -1,6 +1,1283 @@
<div class="bodystyle">


  <div class="page-box" page="17">
    <div v-if="showPageList.indexOf(17) > -1">
      <div class="bodystyle">
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.多维健康包括<input
              @change="changeAssess($event, 'text1')"
              maxlength="20"
              :value="chapter002.tkItem01.text1"
              class="assess"
              type="text"
            />
          </p>
          <p class="block">
            2.我打算按如下做法提升自己的健康水平<input
              @change="changeAssess($event, 'text2')"
              maxlength="20"
              :value="chapter002.tkItem01.text1"
              class="assess"
              type="text"
            />
          </p>
          <p class="block">
            3.依据世界卫生组织的十大健康标准，我做得好的方面有<input
              @change="changeAssess($event, 'text3')"
              maxlength="20"
              :value="chapter002.tkItem01.text1"
              class="assess"
              type="text"
            />，有待改善的地方有<input
              :value="chapter002.tkItem01.text1"
              @change="changeAssess($event, 'text4')"
              maxlength="20"
              class="assess"
              type="text"
            />。
          </p>
          <p class="block">
            4.采用小组合作的形式，依据世界卫生组织身心健康指标编制问卷，
            å¯¹åŒå­¦ä»¬çš„身心健康状况及其影响因素进行调查，在老师的帮助下进行数据处理与分析，提出促进同学们身心健康发展的建议。
          </p>
        </div>
        <h3 id="c002">专题二 å½¢æˆå¥åº·çš„生活方式</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解什么是健康的生活方式。</p>
          <p class="block">2.掌握基本的健康生活方式。</p>
          <p class="block">3.养成健康的生活习惯。</p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            èº«ä½“瘦弱的小刘经常熬夜复习功课，加上生活不规律，他得了严重的胃病。在老师的建议下，他开始晨跑，并坚持吃早餐。渐渐地，他改掉了熬夜的习惯，胃病大大好转，精神面貌焕然一新，学习效率也大大提升……
          </p>
        </div>
        <p>
          æˆ‘们要深入开展健康中国行动和爱国卫生运动，倡导文明健康生活方式。健康的生活方式使人精力充沛、充满活力，反之则会导致各种身心疾病。生活方式会影响生命的质量和人生的长短。
        </p>
        <p>
          æœ¬ä¸“题将带同学们了解生活方式与健康的关系，了解中职学生该有的健康生活方式，帮同学们树立“做自己健康的第一责任人”的理念，提升健康素养，学会自我健康管理，掌握形成健康生活方式的方法，为同学们的健康人生导航。
        </p>
        <h4 id="d005">一、健康生活方式的内涵</h4>
        <p>
          ç”Ÿæ´»æ–¹å¼æ˜¯æŒ‡äººä»¬é•¿æœŸå—社会文化、经济、风俗、家庭的影响而形成的一系列的生活习惯、生活制度和生活意识。
        </p>
        <p>健康生活方式是指有益于健康的、习惯化的行为方式。</p>
      </div>
    </div>
  </div>
  <div class="page-box" page="18">
    <div v-if="showPageList.indexOf(18) > -1">
      <div class="bodystyle">
        <h4 id="d006">二、中职学生的健康生活方式</h4>
        <p>对同学们来说，健康生活方式具体表现在如下几个方面。</p>
        <h5 id="e005">（一）强化卫生意识，养成良好卫生习惯</h5>
        <p>
          ç”Ÿæ´»ä¸­è¦æ³¨æ„å¢žå¼ºå«ç”Ÿæ„è¯†ï¼Œå…»æˆè‰¯å¥½çš„个人卫生、公共卫生和饮食卫生习惯，如勤洗手、常洗澡、早晚刷牙、饭后漱口；不共用洗漱和餐饮用品，聚餐用公勺、公筷；咳嗽、打喷嚏时遮掩口鼻；适时开窗通风，保持室内空气清新；保持环境卫生，不随意丢弃垃圾，垃圾要分类处理；注意饮水卫生，不喝生水；蔬菜水果要洗净；生、熟食品要分开存放和加工；不吃变质、超过保质期的食品。尤其是新型冠状病毒肺炎疫情暴发以来，同学们更要时刻注意保持卫生，不能松懈。
        </p>
        <h5 id="e006">（二）起居有常，生活作息规律</h5>
        <p>
          ç¡çœ æ˜¯æœºä½“复原休整和巩固记忆的重要环节，对大脑发育、骨骼生长、视力保护、身心健康和提高学习能力与效率至关重要。同学们应养成每天规律睡眠、充足睡眠的好习惯，不能晚上不睡、早晨不起、熬夜玩手机。
        </p>
        <p>
          ç”Ÿæ´»ä½œæ¯è§„律可以使我们形成稳定的生物钟，轻松进入工作、学习和生活的良好状态，起到事半功倍的效果。如果由于特殊情况，不能按正常作息安排一日生活，应尽量保证每天充足的睡眠、适当的体育锻炼，按时吃饭，以免打乱生物钟，影响我们的身体健康。如果未来同学们从事的职业作息与一般人作息不同但相对稳定，那么，同学们可以建立新的作息时间表，形成新的生物钟。
        </p>
        <h5 id="e007">（三）合理膳食，均衡营养，文明就餐</h5>
        <p>
          åŒå­¦ä»¬æ­£å¤„于生长发育和学习进步的关键时期。而且在职业技能的学习过程中，能量需求量大，因此在饮食上必须多加注意。
        </p>
        <p>
          ç¬¬ä¸€ï¼Œåˆç†å®‰æŽ’一日三餐，做到进餐有时、三餐有别，“早好”“中饱”“晚少”，不暴饮暴食，也不过分节食，饥饱要适当。每日膳食要食物多样，营养均衡，保证主食、优质蛋白质、新鲜瓜果蔬菜的摄入。有些同学采用不吃主食、只吃果蔬的方式来控制体重或保持身材，这是不明智的。
        </p>
        <p>
          ç¬¬äºŒï¼Œé¥®é£Ÿè¦æ¸…淡，做到“三减”——减油、减盐、减糖，控制辛辣、刺激、甜腻等食品的摄入量。每天足量饮用白开水，不喝或少喝含糖饮料。如果未来从事的是消耗能量很大的职业，可适当补充一些运动饮料等。一些同学喜欢饮用各种高糖饮料，甚至替代饮用水。这尤其不利于身体健康，需要立刻改掉这种习惯。
        </p>
        <p>
          ç¬¬ä¸‰ï¼Œæ–‡æ˜Žå°±é¤ã€‚就餐时最好采用分餐制，注重餐桌礼仪，敬老爱幼不喧哗；量腹而取，食尽盘光，做到美好“食”光不浪费。
        </p>
        <p>
          ä¸­å›½è¥å…»å­¦ä¼šå…¬å¸ƒçš„《中国居民膳食指南（2022）》为我们提供了每日应摄入的食物种
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="19">
    <div v-if="showPageList.indexOf(19) > -1">
      <div class="bodystyle">
        <p>
          ç±»åŠåˆç†æ•°é‡ã€é€‚宜的身体活动量及饮水量参考，并以膳食宝塔的形式直观展现，是我们日常饮食应遵守的基本准则（见图1-2-1）。
        </p>
        <p class="center">
          <el-image
            class="chapter001-img-0018 img-c"
            :src="picOneUrl2"
            :preview-src-list="picArr2"
          />
          <!-- <img class="img-c" alt="" src="../image/0021-1.jpg" /> -->
        </p>
        <p class="img">图1-2-1 ä¸­å›½å±…民平衡膳食宝塔（2022）</p>
        <p class="center"><b>平衡膳食八大准则</b></p>
        <div class="bk-wbj">
          <p><b>准则一</b>　<span class="kaiti">食物多样，合理搭配</span></p>
          <p><b>准则二</b>　<span class="kaiti">吃动平衡，健康体重</span></p>
          <p>
            <b>准则三</b>　<span class="kaiti">
              å¤šæ¬¡è”¬æžœã€å¥¶ç±»ã€å…¨è°·ã€å¤§è±†</span
            >
          </p>
          <p>
            <b>准则四</b>　<span class="kaiti"> é€‚量吃鱼、禽、蛋、瘦肉</span>
          </p>
          <p><b>准则五</b>　<span class="kaiti">少盐少油，控糖限酒</span></p>
          <p><b>准则六</b>　<span class="kaiti">规律进餐，足量饮水</span></p>
          <p><b>准则七</b>　<span class="kaiti">会烹会选，会看标签</span></p>
          <p><b>准则八</b>　<span class="kaiti">公筷分餐，杜绝浪费</span></p>
        </div>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            æ¯”一比
            <div class="icon" @click="activityXyx5">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div v-if="chapter002.isShowXyx05">
            <p>
              è¯·ä¾æ®å¹³è¡¡è†³é£Ÿå®å¡”，为自己设计一周的营养膳食并实践。与同学互评，看看谁的更健康。
            </p>
            <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
          </div>
        </div>
        <h5 id="e008">（四）坚持科学锻炼</h5>
        <p>
          è¿åŠ¨æ˜¯å¥åº·ç”Ÿæ´»æ–¹å¼ä¸å¯æˆ–缺的重要内容，应成为我们生活的一部分。每个同学都应培养定期、定量运动的良好习惯。即便是一些体力性的职业学习（运动性工作除外）也不能替代体育运动。但是，运动也是一把“双刃剑”。在日常锻炼中，掌握科学的锻炼方法是保证我们终身锻炼的关键。
        </p>
        <p>
          ç¬¬ä¸€ï¼Œæ³¨æ„è¿åŠ¨çŽ¯å¢ƒçš„选择。参考因素包括空气质量、气温、湿度以及太阳光线等。不适宜的环境可能会影响锻炼效果，甚至危害身体健康。
        </p>
        <p>
          ç¬¬äºŒï¼Œéµå®ˆç§‘学锻炼原则。具体包括全面发展原则、循序渐进原则、适量性原则、延续性原则、个别对待原则和健康性原则。
        </p>
        <p>第三，针对自身特点，制定运动处方，提高锻炼效果。</p>
        <p>
          ç¬¬å››ï¼Œå…»æˆè‰¯å¥½çš„运动卫生习惯，如穿浅色、轻薄和透气良好的运动服装，运动时养成用鼻呼吸的习惯；运动后及时消汗保暖，更换衣物等。
        </p>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div class="xyx-title">适宜运动环境的选择</div>
          <div class="xyx-text">
            <p>
              ç¬¬ä¸€ï¼Œæœ€å¥½é€‰æ‹©æˆ·å¤–地域空旷、空气新鲜且又安全的地方进行锻炼，但雾霾或空气污染
              æ¯”较严重时不要在室外运动。避免到人群喧闹、噪声较大、交通拥挤的地方运动。在室内锻
              ç‚¼æ—¶è¦ä¿æŒç©ºæ°”流通。
            </p>
            <p>
              ç¬¬äºŒï¼Œè¿åŠ¨åœºæ‰€çš„温度要适宜，避免在高温闷热中运动。气温超过
              35℃时，人会因大
              é‡å‡ºæ±—、体液减少而导致运动能力下降，甚至出现痉挛、中暑等情况。适宜运动的空气湿度
              ä¸º 30%～70%。
            </p>
            <p>第三，跑步时可选择地面平整的操场、公园、河边的人行道等地。</p>
            <p>
              ç¬¬å››ï¼Œä»Žäº‹éª‘行、远足等运动，最好选在自然景点，行动路线尽量选在自然景色美、树
              æœ¨è¾ƒå¤šã€è·¯é¢è¾ƒå¹³å¦çš„地段。
            </p>
            <p>
              ç¬¬äº”，体操、武术、气功等运动，可在空气新鲜、环境优美、噪声小的公园空地、树林、
              æ²³è¾¹ä»¥åŠå®¶åº­åº­é™¢é‡Œè¿›è¡Œã€‚跳绳、踢毽、羽毛球等运动可在地势平坦的空地上进行。艺术体
              æ“ã€å¥ç¾Žæ“ç­‰è¿åŠ¨å¯åœ¨è‰åœ°ä¸Šè¿›è¡Œã€‚
            </p>
          </div>
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°<a id="w1"></a
          ><a href="chapter002.html#m1"><sup>[1]</sup></a
          >查阅“健康概念的演变”。
        </p> -->
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°æŸ¥é˜…“适宜运动环境的选择”，并与同学讨论校园内哪些地方适宜锻炼。
        </p> -->
        </div>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            è¯•ä¸€è¯•
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div class="xyx-title">个人运动处方的制定</div>
          <div class="xyx-text">
            <p>
              ç¬¬ä¸€ï¼Œç¡®å®šé”»ç‚¼çš„目标。可以把自己体质健康测试中的各项结果与《国家学生体质健康
              æ ‡å‡†ã€‹è¿›è¡Œæ¯”较，没有达到“良好”的项目，应定为重点锻炼目标。
            </p>
            <p>
              ç¬¬äºŒï¼Œç¡®å®šé”»ç‚¼çš„内容。依据锻炼目标设定锻炼内容，但不论锻炼目标如何，运动处方
              ä¸­çš„锻炼内容都应以有氧运动为基础，结合其他相应的锻炼形式进行，即一般都包括有氧运
              åŠ¨ã€åŠ›é‡æ€§è¿åŠ¨å’ŒæŸ”韧性运动。当然，选择运动内容时应考虑自己的爱好以及学校、社区和
              å®¶åº­å¯åˆ©ç”¨çš„场地与设施等条件。
            </p>
            <p>
              ç¬¬ä¸‰ï¼Œç¡®å®šè¿åŠ¨çš„强度。通常，最大心率的 60%～85%
              ä¸ºè¿åŠ¨çš„适宜心率。对健 åº·çš„中职生来说，最大心率可用“220 -
              å¹´é¾„”来计算；如果平时经常参加运动，则用 â€œ210 - å¹´é¾„ Ã—0.8”计算。
            </p>
            <p>
              ç¬¬å››ï¼Œç¡®å®šè¿åŠ¨çš„时间和频率。运动时间因运动强度、频率、目的、年龄、身体条件等
              è€Œä¸åŒï¼Œä¸€èˆ¬èº«ä½“的各项生理功能（尤其对呼吸和循环系统产生有效的刺激）被调动起来参
              ä¸Žè¿åŠ¨éœ€ 3～5 åˆ†é’Ÿï¼Œè¾¾åˆ°æ’定运动状态后还要持续 10～15
              åˆ†é’Ÿæ‰èƒ½ä¿æŒè¿åŠ¨çš„良好效应， å†åŠ ä¸Š 10
              åˆ†é’Ÿçš„准备和放松活动，所以一次有效的健身运动最低限度应有 30
              åˆ†é’Ÿï¼Œè¿›è¡Œæœ‰ æ°§è¿åŠ¨æ—¶å¯åœ¨ 20～60
              åˆ†é’Ÿå†…根据情况决定必要的运动时间。
            </p>
            <p class="xyx-fu">附：</p>
            <div class="xyx-fu-title">减肥运动处方</div>
            <p>
              è¿åŠ¨å‡è‚¥ä¸æ˜¯å¿ƒè¡€æ¥æ½®çš„一闪念，而是临床医学的一种科学治疗方法。一般男子体脂百
              åˆ†æ¯”超过 20%，女子超过 28%，体重超标 20%
              ä»¥ä¸Šï¼Œå³å»ºè®®å‡è‚¥ã€‚在制订减肥运动处方时，
              åº”遵循安全性、有效性和可接受性原则。运动减肥的效果在较大程度上依赖于所采用的运动
              å¤„方是否适用。运动处方包括运动方式、运动强度、运动持续时间及运动频率
              4 è¦ç´ ï¼ŒåŒæ—¶ è¿˜æœ‰æ³¨æ„äº‹é¡¹ã€‚
            </p>
            <p class="xyx-fu-ss">1. å‡è‚¥ç›®æ ‡å’Œè®¡åˆ’的确定</p>
            <p>
              ä¸ºä¿è¯å®‰å…¨å‡è‚¥ï¼Œæ¯å‘¨ä½“重减轻量不超过 1 åƒå…‹ï¼Œé€šå¸¸ä»¥ 0.5
              åƒå…‹ä¸ºå®œï¼Œå¦åˆ™ä¸èƒ½çœŸæ­£ æŒç»­åœ°å®žçŽ°å‡è‚¥ç›®çš„。每日能量平衡不超过
              2093~4185 åƒç„¦ã€‚减肥期间每日能量摄入不低 äºŽ 5023
              åƒç„¦ï¼Œä»¥ä¿è¯æ­£å¸¸çš„基础代谢。每日运动耗能量应达到 1255~2093
              åƒç„¦ï¼Œæ¯å‘¨è¾¾åˆ° 4185~8370
              åƒç„¦ã€‚在制订减肥运动处方前，应根据体脂测评结果确定减肥目标，制订减肥计
              åˆ’。研究表明，减少 1 åƒå…‹çš„身体脂肪，大约消耗 32228
              åƒç„¦çš„热能，慢跑 112.7 åƒç±³æˆ–骑自行车 12 å°æ—¶ã€‚
            </p>
            <p class="xyx-fu-ss">2. è¿åŠ¨å¼ºåº¦</p>
            <p>
              ç”±äºŽè‚¥èƒ–者对运动强度的耐受性差异很大，在制订减肥运动处方前，应进行递增负荷运
              åŠ¨è€åŠ›æµ‹è¯•ï¼ˆGXT
              æµ‹è¯•ï¼‰ï¼Œæ ¹æ®æ‰€æµ‹çš„肥胖者最大运动能力（最大活动强度值）来制订运动
              å¼ºåº¦ã€‚通常减肥运动处方的强度为 45%~65%
              æœ€å¤§è¿åŠ¨èƒ½åŠ›ï¼ˆæœ€å¤§æ´»åŠ¨å¼ºåº¦å€¼ï¼‰ï¼Œç›¸åº”的靶 çŽ‡ä¸º 60%~70%
              æœ€å¤§å¿ƒçŽ‡ï¼Œä¸»è§‚体力感觉程度（RPE）大约为 13~16。GXT
              æµ‹è¯•ä¸ä»…能显示
              å¿ƒè‚ºåŠŸèƒ½æœ‰æ— å¼‚常，而且也可以表明参加活动者的最初运动能力。
            </p>
            <p class="xyx-fu-ss">3. è¿åŠ¨æŒç»­æ—¶é—´å’Œè¿åŠ¨é¢‘率</p>
            <p>
              ä¾æ®ç¾Žå›½è¿åŠ¨åŒ»å­¦ä¼šï¼ˆASM）的建议，减肥运动每次的锻炼时间至少 30
              åˆ†é’Ÿï¼Œä¸€èˆ¬ä¸º 40~60 åˆ†é’Ÿï¼Œç»ƒä¹ é¢‘率为每周 5~7
              æ¬¡ã€‚持续时间和运动频率应在参加者体质健康和心肺功能
              çš„安全范围之内。
            </p>
            <p class="xyx-fu-ss">4. è¿åŠ¨æ–¹å¼</p>
            <p>
              è¿åŠ¨æ–¹å¼å³é”»ç‚¼å†…容，通常减肥运动应以有氧运动为主。锻炼内容应以使参加者感兴趣，
              èƒ½åšæŒä¸‹åŽ»ï¼Œè¿åŠ¨è´¹ç”¨èƒ½å¤Ÿæ‰¿å—的健步走、慢跑、骑自行车、有氧健身操、太极拳、游泳以
              åŠå„球类活动等为主。此外，也要结合抗阻力量练习，即在增加能量消耗的基础上，增加瘦
              ä½“重。
            </p>
            <p class="xyx-fu-ss">5. æ³¨æ„äº‹é¡¹</p>
            <p>
              æ¯æ¬¡è¿åŠ¨æ—¶ï¼Œè¦æ³¨æ„åœ¨å¼€å§‹æ—¶åšå¥½å……分准备活动，在结束时做好整理活动。运动过程中
              è¦ç»†å¿ƒè§‚察体会主观体力感觉程度，如果过于轻松或过于吃力，可对练习内容和运动量做适
              å½“调整，避免运动伤害事发生，以第二天不感到很疲劳为宜。
            </p>
            <p>
              åœ¨å®žæ–½å‡è‚¥è¿åŠ¨å¤„方的过程中，要随时观察效果，通常有效的减肥运动方案实施一段时
              é—´åŽï¼Œå‡ºçŽ°ä½“脂下降、腰围缩小、心肺功能提高等良好的运动效果。若效果不明显，或肥胖
              è€…坚持不下来，则需要修正运动处方。因此，在减肥运动的训练时间安排上，要根据肥胖者
              çš„肥胖程度、预期减肥要求及个体可接受的运动强度和频率来安排总的练习时间，可从数周
              è‡³æ•°å¹´ã€‚循序渐进，持之以恒，运动减肥效果才能显著。
            </p>
            <p>
              åœ¨å®žæ–½è¿åŠ¨å‡è‚¥è®¡åˆ’过程中，应注意饮食调整，在满足机体营养需要的基础上，尽量减
              å°‘热量的过多摄入，主要是控制脂肪、糖类和食物总量的摄入。
            </p>
          </div>
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°å­¦ä¹ â€œä¸ªäººè¿åŠ¨å¤„方制定”相关内容，根据自身情况设计专属运动处方，并向老师汇报。
        </p> -->
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="20">
    <div v-if="showPageList.indexOf(20) > -1">
      <div class="bodystyle">
        <h5 id="e009">（五）培养良好的兴趣爱好，远离和戒除陋习</h5>
        <p>
          ç¬¬ä¸€ï¼ŒåŸ¹å…»è‰¯å¥½çš„兴趣爱好。挖掘自身潜在素质，培养广泛而良好的兴趣爱好，使自己的人生多姿多彩，增加幸福指数，为形成健康生活方式奠定基础。
        </p>
        <p>
          ç¬¬äºŒï¼Œè¿œç¦»å’Œæˆ’除陋习。吸烟、酗酒、网络成瘾等陋习是青少年成长过程中较大的绊脚石。一旦沾染，如不及时戒除，就可能伴随一生，损害同学们的身体，甚至危及同学们的生命。这些陋习不是现代文明社会公民应有的生活方式，更不是中职学生应有的生活方式。
        </p>
        <h5 id="e010">（六）关注身体健康</h5>
        <p>
          ç¬¬ä¸€ï¼Œå®šæœŸä½“检，评估身体健康状况，对生长发育问题和疾病做到早发现、早矫治、早恢复。
        </p>
        <p>第二，出现病症及时就医，遵医嘱治疗，理性对待诊疗结果。</p>
        <p>
          ç¬¬ä¸‰ï¼Œéµå®ˆå®‰å…¨ç”¨è¯åŽŸåˆ™ï¼Œèƒ½å£æœå°±ä¸è‚Œè‚‰æ³¨å°„，能肌肉注射就不输液；如若必需，则须遵医嘱使用抗生素、镇静催眠药、镇痛药、止咳糖浆以及其他成瘾性药物，避免药物依赖；药品应存放在避光、干燥处；定期检查药品是否过期，过期后禁止使用。
        </p>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
          <div class="xyx-text">
            <p>
              â€œä¸€è¯„”即健康评估，健康指标检测，评估居民身心健康状况，提早干预；
            </p>
            <p>“二控”即控烟、控酒；</p>
            <p>“三减”即减盐、减油、减糖；</p>
            <p>“四健”即健康体重、健康口腔、健康骨骼、健康心理。</p>
          </div>
          <!-- <p>
          è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°å­¦ä¹ â€œä¸€è¯„二控三减四健——全民健康生活方式行动”。
        </p> -->
        </div>
        <h5 id="e011">（七）注重心理健康</h5>
        <p>心理健康对于同学们来说具体可表现为如下几点。</p>
        <p>第一，热爱生活，有幸福感。</p>
        <p>
          ç¬¬äºŒï¼Œæœ‰èƒ½åŠ›å»ºç«‹å’Œç»´æŒè‰¯å¥½çš„人际关系，如能较快融入陌生群体，能与人和谐相处等。第三，积极参与有意义的校园活动及社会活动，有能力参与相应的工作。
        </p>
        <p>
          ç¬¬å››ï¼Œä¹è§‚向上、心态平和，能应对生活和学习中的挑战，并从中获得成长。
        </p>
        <p>
          ç¬¬äº”，重视和维护心理健康，遇到心理困扰时能主动寻求帮助，采用积极有效的压力应对方式（如合理运动等），及时疏导不良情绪，保持心理健康。
        </p>
        <h4 id="d007">三、提升健康素养，学会自我健康管理</h4>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <!-- <p>请同学们登录课程平台学习“健康素养66条”。</p> -->
          <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
          <div class="xyx-text">
            <p class="xyx-tips">一、基本知识和理念（25 æ¡ï¼‰</p>
            <p>
              1.
              å¥åº·ä¸ä»…仅是没有疾病或虚弱，而是身体、心理和社会适应的完好状态。
            </p>
            <p>
              2.
              æ¯ä¸ªäººéƒ½æœ‰ç»´æŠ¤è‡ªèº«å’Œä»–人健康的责任，健康的生活方式能够维护和促进自身健康。
            </p>
            <p>3. çŽ¯å¢ƒä¸Žå¥åº·æ¯æ¯ç›¸å…³ï¼Œä¿æŠ¤çŽ¯å¢ƒï¼Œä¿ƒè¿›å¥åº·ã€‚</p>
            <p>4. æ— å¿çŒ®è¡€ï¼ŒåŠ©äººåˆ©å·±ã€‚</p>
            <p>5. æ¯ä¸ªäººéƒ½åº”当关爱、帮助、不歧视病残人员。</p>
            <p>6. å®šæœŸè¿›è¡Œå¥åº·ä½“检。</p>
            <p>
              7. æˆå¹´äººçš„正常血压为收缩压 â‰¥90mmHg ä¸”＜ 140 mmHg，舒张压
              â‰¥60mmHg ä¸”＜ 90 mmHg；腋下体温 36℃～37℃ ï¼›å¹³é™å‘¼å¸ 16～20 æ¬¡ /
              åˆ†ï¼›å¿ƒçŽ‡ 60～100 æ¬¡ / åˆ†ã€‚
            </p>
            <p>
              8.
              æŽ¥ç§ç–«è‹—是预防一些传染病最有效、最经济的措施，儿童出生后应当按照免疫程序接
              ç§ç–«è‹—
            </p>
            <p>
              9.
              åœ¨æµæ„Ÿæµè¡Œå­£èŠ‚前接种流感疫苗可减少患流感的机会或减轻患流感后的症状。
            </p>
            <p>
              10.
              è‰¾æ»‹ç—…、乙肝和丙肝通过血液、性接触和母婴三种途径传播，日常生活和工作接触
              ä¸ä¼šä¼ æ’­ã€‚
            </p>
            <p>
              11.
              è‚ºç»“核主要通过病人咳嗽、打喷嚏、大声说话等产生的飞沫传播；出现咳嗽、咳痰
              2 å‘¨ä»¥ä¸Šï¼Œæˆ–痰中带血，应当及时检查是否得了肺结核。
            </p>
            <p>
              12.
              åšæŒè§„范治疗，大部分肺结核病人能够治愈，并能有效预防耐药结核的产生。
            </p>
            <p>
              13.
              åœ¨è¡€å¸è™«ç—…流行区，应当尽量避免接触疫水；接触疫水后，应当及时进行检查或接
              å—预防性治疗。
            </p>
            <p>
              14.
              å®¶å…»çŠ¬ã€çŒ«åº”当接种兽用狂犬病疫苗；人被犬、猫抓伤、咬伤后，应当立即冲洗伤口，
              å¹¶å°½å¿«æ³¨å°„抗狂犬病免疫球蛋白（或血清）和人用狂犬病疫苗。
            </p>
            <p>15. èšŠå­ã€è‹è‡ã€è€é¼ ã€èŸ‘螂等会传播疾病。</p>
            <p>
              16. å‘现病死禽畜要报告，不加工、不食用病死禽畜，不食用野生动物。
            </p>
            <p>
              17.
              å…³æ³¨è¡€åŽ‹å˜åŒ–，控制高血压危险因素，高血压患者要学会自我健康管理。
            </p>
            <p>
              18.
              å…³æ³¨è¡€ç³–变化，控制糖尿病危险因素，糖尿病患者应当加强自我健康管理。
            </p>
            <p>19. ç§¯æžå‚加癌症筛查，及早发现癌症和癌前病变。</p>
            <p>
              20. æ¯ä¸ªäººéƒ½å¯èƒ½å‡ºçŽ°æŠ‘郁和焦虑情绪，正确认识抑郁症和焦虑症。
            </p>
            <p>21. å…³çˆ±è€å¹´äººï¼Œé¢„防老年人跌倒，识别老年期痴呆。</p>
            <p>
              22. é€‰æ‹©å®‰å…¨ã€é«˜æ•ˆçš„避孕措施，减少人工流产，关爱妇女生殖健康。
            </p>
            <p>23. ä¿å¥é£Ÿå“ä¸æ˜¯è¯å“ï¼Œæ­£ç¡®é€‰ç”¨ä¿å¥é£Ÿå“ã€‚</p>
            <p>
              24.
              åŠ³åŠ¨è€…要了解工作岗位和工作环境中存在的危害因素，遵守操作规程，注意个人防
              æŠ¤ï¼Œé¿å…èŒä¸šä¼¤å®³ã€‚
            </p>
            <p>25. ä»Žäº‹æœ‰æ¯’有害工种的劳动者享有职业保护的权利。</p>
            <p class="xyx-tips">二、健康生活方式与行为（29 æ¡ï¼‰</p>
            <p>
              26. å¥åº·ç”Ÿæ´»æ–¹å¼ä¸»è¦åŒ…括合理膳食、适量运动、戒烟限酒、心理平衡。
            </p>
            <p>27. ä¿æŒæ­£å¸¸ä½“重，避免超重、肥胖。</p>
            <p>
              28. è†³é£Ÿåº”当以谷类为主，多吃蔬菜、水果和薯类，荤素、粗细搭配。
            </p>
            <p>29. æ¯å¤©é£Ÿç”¨å¥¶ç±»ã€è±†ç±»åŠå…¶åˆ¶å“ã€‚</p>
            <p>30. è†³é£Ÿè¦æ¸…淡，要少油、少盐、少糖，食用合格碘盐。</p>
            <p>31. è®²ç©¶é¥®æ°´å«ç”Ÿï¼Œæ¯å¤©é€‚量饮水。</p>
            <p>
              32.
              ç”Ÿã€ç†Ÿé£Ÿå“è¦åˆ†å¼€å­˜æ”¾å’ŒåŠ å·¥ï¼Œç”Ÿåƒè”¬èœæ°´æžœè¦æ´—净，不吃变质、超过保质期的
              é£Ÿå“ã€‚
            </p>
            <p>
              33. æˆå¹´äººæ¯æ—¥åº”当进行 6～10
              åƒæ­¥å½“量的活动，动则有益，贵在坚持。
            </p>
            <p>
              34.
              å¸çƒŸå’ŒäºŒæ‰‹çƒŸæš´éœ²ä¼šå¯¼è‡´ç™Œç—‡ã€å¿ƒè¡€ç®¡ç–¾ç—…、呼吸系统疾病等多种疾病。
            </p>
            <p>35.“低焦油卷烟”“中草药卷烟”不能降低吸烟带来的危害。</p>
            <p>36. ä»»ä½•å¹´é¾„戒烟均获益，越早越好，戒烟门诊可提供专业服务。</p>
            <p>37. å°‘饮酒，不酗酒。</p>
            <p>
              38. éµåŒ»å˜±ä½¿ç”¨é•‡é™å‚¬çœ è¯ã€é•‡ç—›è¯ç­‰æˆç˜¾æ€§è¯ç‰©ï¼Œé¢„防药物依赖。
            </p>
            <p>39. æ‹’绝毒品。</p>
            <p>40. æ¯å¤©ä¿è¯ 7～8 å°æ—¶ç¡çœ ã€‚</p>
            <p>41. é‡è§†å’Œç»´æŠ¤å¿ƒç†å¥åº·ï¼Œé‡åˆ°å¿ƒç†é—®é¢˜æ—¶ä¸»åŠ¨å¯»æ±‚帮助。</p>
            <p>
              42. å‹¤æ´—手、常洗澡、早晚刷牙、饭后漱口，不共用毛巾和洗漱用品
            </p>
            <p>
              43. æ ¹æ®å¤©æ°”变化和空气质量，适时开窗通风，保持室内空气流通。
            </p>
            <p>44. ä¸åœ¨å…¬å…±åœºæ‰€å¸çƒŸã€åç—°ï¼Œå’³å—½ã€æ‰“喷嚏时遮掩口鼻。</p>
            <p>45. å†œæ‘使用卫生厕所，管理好人畜粪便。</p>
            <p>46. ç§‘学就医，及时就诊，遵医嘱治疗，理性对待诊疗结果。</p>
            <p>
              47.
              å®‰å…¨ç”¨è¯ï¼Œèƒ½å£æœä¸è‚Œè‚‰æ³¨å°„，能肌肉注射不输液，遵医嘱使用抗生素。
            </p>
            <p>48. æˆ´å¤´ç›”、系安全带，不超速、不酒驾、不疲劳驾驶。</p>
            <p>49. åŠ å¼ºçœ‹æŠ¤å’Œæ•™è‚²ï¼Œé¿å…å„¿ç«¥æŽ¥è¿‘危险水域，预防溺水。</p>
            <p>50. å†¬å­£å–暖注意通风，谨防煤气中毒。</p>
            <p>
              51. ä¸»åŠ¨æŽ¥å—婚前和孕前保健，孕期应当至少接受 5
              æ¬¡äº§å‰æ£€æŸ¥å¹¶ä½é™¢åˆ†å¨©ã€‚
            </p>
            <p>52. å­©å­å‡ºç”ŸåŽå°½æ—©æ¯ä¹³å–‚养，满 6 ä¸ªæœˆåˆç†æ·»åŠ è¾…食。</p>
            <p>
              53.
              é€šè¿‡äº²å­äº¤æµã€çŽ©è€ä¿ƒè¿›å„¿ç«¥æ—©æœŸå‘展，发现心理行为发育问题要尽早干预。
            </p>
            <p>
              54.
              åŸ¹å…»é’少年健康的生活方式，预防近视、超重与肥胖，避免网络成瘾和过早性行为。
            </p>
            <p class="xyx-tips">三、基本技能（12 æ¡ï¼‰</p>
            <p>55. å…³æ³¨å¥åº·ä¿¡æ¯ï¼Œèƒ½å¤ŸèŽ·å–、理解、甄别、应用健康信息。</p>
            <p>56. èƒ½çœ‹æ‡‚食品、药品、保健品的标签和说明书。</p>
            <p>
              57.
              ä¼šè¯†åˆ«å¸¸è§çš„危险标识，如高压、易燃、易爆、剧毒、放射性、生物安全等，远离
              å±é™©ç‰©ã€‚
            </p>
            <p>58. ä¼šæµ‹é‡è„‰æå’Œè…‹ä¸‹ä½“温。</p>
            <p>
              59. æ­£ç¡®ä½¿ç”¨å®‰å…¨å¥—，减少感染艾滋病、性病的危险，防止意外怀孕。
            </p>
            <p>60. å¦¥å–„存放和正确使用农药等有毒物品，谨防儿童接触。</p>
            <p>
              61. å¯»æ±‚紧急医疗救助时拨打 120，寻求健康咨询服务时拨打 12320。
            </p>
            <p>
              62.
              å‘生创伤出血量较多时，应当立即止血、包扎；对怀疑骨折的伤员不要轻易搬动。
            </p>
            <p>63. é‡åˆ°å‘¼å¸ã€å¿ƒè·³éª¤åœçš„伤病员，会进行心肺复苏。</p>
            <p>64. æŠ¢æ•‘触电者首先切断电源，不要直接接触触电者。</p>
            <p>
              65. å‘生火灾时，用湿毛巾捂住口鼻、低姿逃生；拨打火警电话
              119。65. å‘生火灾时，用湿毛巾捂住口鼻、低姿逃生；拨打火警电话
              119。
            </p>
            <p>66. åœ°éœ‡æ—¶é€‰æ‹©æ­£ç¡®é¿éœ‡æ–¹å¼ï¼Œéœ‡åŽç«‹å³å¼€å±•è‡ªæ•‘互救。</p>
          </div>
        </div>
        <p>
          çŽ°ä»£ç¤¾ä¼šæ€»æœ‰è®¸å¤šæ–°å¥‡äº‹ç‰©ä¸°å¯Œä¸Žå¹²æ‰°ç€æˆ‘们的生活。同学们又正值青春年少，好奇心强，体力与精力处于人生高峰期，很容易因聚会、上网、游戏、追剧等而不能正常、规律地生活，进而形成不良的生活方式，透支身体，影响身心健康。我们应尽量抵制不良诱惑，树立“做自己健康的第一责任人”的理念，学会自我健康管理，养成健康的生活习惯。
        </p>
        <p>
          ä¸€ä¸ªäººè¦å½¢æˆå¥åº·ç”Ÿæ´»æ–¹å¼ï¼Œéœ€ä»¥å¥åº·ç´ å…»ä¸ºåŸºç¡€ã€‚同学们应多看高质量的健康类书籍，学习健康知识与技能，如“健康素养66条”等，提升自己的健康素养，并结合自己未来职业的特点养成适合自己的健康生活方式。
        </p>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            å­¦ä¸€å­¦
            <div class="icon">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="20.243"
                height="18.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <!-- <p>请同学们登录课程平台学习“健康行动计划的制订与实施”。</p>
         -->
          <div class="xyx-title">健康行动计划的制订与实施</div>
          <div class="xyx-text">
            <p class="xyx-fu-ss">1. æ˜Žç¡®çŽ°çŠ¶</p>
            <p>
              å¥åº·è¡ŒåŠ¨è®¡åˆ’的制定需要我们从改变不良生活方式开始。因此，应明确需要改变的生活
              æ–¹å¼ï¼Œå¦‚熬夜、不吃早餐、长时间上网等，有的放矢，一点点地改变，在潜移默化中形成健
              åº·ç”Ÿæ´»æ–¹å¼ã€‚
            </p>
            <p class="xyx-fu-ss">2. åˆ¶å®šç›®æ ‡</p>
            <p>
              ç¬¬ä¸€ï¼Œå°†é•¿æœŸç›®æ ‡ï¼ˆå¦‚生活规律）分解为阶段性的小目标（如 æ™šä¸Š 12
              ç‚¹ä»¥å‰ç¡è§‰ã€æ—© ä¸Š 8 ç‚¹ä»¥å‰èµ·åºŠã€æ¯å¤©é”»ç‚¼åŠå°æ—¶ç­‰ï¼‰ã€‚
            </p>
            <p>第二，一次只落实几个目标，以免因目标太多而不能实现。</p>
            <p>
              ç¬¬ä¸‰ï¼Œåˆ¶å®šè¡Œä¸ºç›®æ ‡è€Œä¸æ˜¯ç»“果目标，如“晚上 12
              ç‚¹ä»¥å‰ç¡è§‰â€è€Œä¸æ˜¯â€œä¸ç†¬å¤œâ€ã€‚
            </p>
            <p>
              ç¬¬å››ï¼ŒæŠŠç›®æ ‡å…·ä½“化，如“晚上 11 ç‚¹ä»¥å‰å¿…须洗漱”而不是“尽量早睡
            </p>
            <p class="xyx-fu-ss">3. åˆ¶å®šçŸ­æœŸè¡ŒåŠ¨è®¡åˆ’</p>
            <p>第一，确定自己要做什么。</p>
            <p>第二，计划合理可行（是自己预期可以完成的事情）</p>
            <p>
              ç¬¬ä¸‰ï¼Œæ”¹å˜ç‰¹å®šè¡Œä¸ºï¼ˆå¦‚减肥不是一个特定行为，跑步是一个特定行为）
            </p>
            <p>
              ç¬¬å››ï¼Œéœ€è¦å›žç­”的问题：做什么？（打算在操场跑步）做多少？（慢跑
              45 åˆ†é’Ÿï¼‰ä»€ä¹ˆ æ—¶å€™åšï¼Ÿï¼ˆå‘¨ä¸€ä¸‹åˆ 6 ç‚¹ï¼Œå‘¨ä¸‰ä¸‹åˆ 4 ç‚¹åŠï¼Œå‘¨äº”下午
              6 ç‚¹ï¼‰ä¸€å‘¨åšå‡ æ¬¡ï¼Ÿï¼ˆä¸€å‘¨ 3 æ¬¡ï¼Œåˆ† åˆ«åœ¨å‘¨ä¸€ã€å‘¨ä¸‰ã€å‘¨äº”）
            </p>
            <p class="xyx-fu-ss">4. è®°å½•ã€è¯„定和调整</p>
            <p>
              å‡†å¤‡ä¸€ä¸ªæ¯å‘¨ä¸€é¡µçš„台历，记录每天或每周执行计划的情况，1～2
              å‘¨åŽæ£€æŸ¥å’Œè¯„定。 å¦å¤–，也可以设计周完成情况记录表（见表
              1-3-1）。如果大多数预定的目标都完成了，就可
              ä»¥è€ƒè™‘制定新的目标；如果没有实现，则应寻找、总结原因，调整计划使之切实可行，然后
              å›žåˆ°ç¬¬ä¸€æ­¥ï¼Œé‡æ–°å¼€å§‹ã€‚多次完成短期目标之后，需要制定长期目标，此时，才真正向有意
              ä¹‰çš„生活方式转变。一旦新行为固化成为好习惯，就不必再将它们列为计划表中的目标了。
            </p>
            <div class="xyx-table-tips"></div>
            <div class="tablePublic">
              <table>
                <thead>
                  <tr>
                    <th style="width: 80px">日期</th>
                    <th style="width: 100px">是否完成</th>
                    <th>评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>星期一</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text1"
                        @change="changeFinish($event, 'text1')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        :value="chapter002.tablexyx02.text2"
                        @input="changeFinish($event, 'text2')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期二</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text3"
                        @change="changeFinish($event, 'text3')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text4"
                        @input="changeFinish($event, 'text4')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期三</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text5"
                        @change="changeFinish($event, 'text5')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text6"
                        @input="changeFinish($event, 'text6')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期四</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text7"
                        @change="changeFinish($event, 'text7')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text8"
                        @input="changeFinish($event, 'text8')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>星期五</td>
                    <td>
                      <input
                        class="finishiText"
                        maxlength="1"
                        type="text"
                        :value="chapter002.tablexyx02.text9"
                        @change="changeFinish($event, 'text9')"
                      />
                    </td>
                    <td>
                      <textarea
                        class="textInputarea"
                        rows="2"
                        v-model="chapter002.tablexyx02.text10"
                        @input="changeFinish($event, 'text10')"
                      />
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="21">
    <div v-if="showPageList.indexOf(21) > -1">
      <div class="bodystyle">
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.结合情境导入中的案例，谈一谈我们应该吸取哪些教训。
          </p>
          <p class="block">
            2.结合自己的实际情况和前面的运动处方，制订一份运动计划，进行为期1个月、每天至少40分钟的运动打卡活动，并根据实施情况进行自我评价。
          </p>
          <p class="block">
            3.对照中职学生健康生活方式中的具体内容与要求，评价一下自己还有哪些做得不够好，运用在课程平台中学习到的健康行动计划的制订与实施方法，制订自己的健康行动计划并实施，尽快养成自己的健康生活方式。
          </p>
        </div>
        <h3 id="c003">专题三 æé«˜å¿ƒç†å¥åº·çš„æ°´å¹³</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解心理健康的标准及影响因素。</p>
          <p class="block">
            2.认识自尊、人格和人际关系对自身心理健康的影响，并通过科学的方法来调节自身心理状况。
          </p>
          <p class="block">
            3.学会用运动缓解压力、消除焦虑和恐惧等心理障碍的方法。
          </p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            å°è´¾æ˜¯æŸèŒä¸šå­¦æ ¡æœè£…设计专业的学生，她一直是同学中的佼佼者。但在一次考试中，小贾的作品被老师当众质疑。从此她信心一落千丈，有时甚至难以完成作品。后来她找到了心理咨询师王老师，倾诉了所有的烦恼。在王老师的引导下，她分析了自己不良情绪的来源及本质，发现自己过于在意他人的看法，当自己的作品被否定时，便开始质疑自己的能力，导致每次考试都会焦虑。在王老师的引领下，小贾终于走出自我质疑的阴影，学习和生活都回到了正轨。
          </p>
        </div>
        <p>
          è‰¯å¥½çš„心理健康水平是我们可持续发展的基石。同学们正处在青春期，在经历生理和心理变化带来的各种影响的同时，也面临着未来道路的选择。因此，如何提高心理健康的水平成为每位同学都需要关注的话题。
        </p>
        <p>
          æœ¬ä¸“题主要介绍心理健康的标准及影响因素，意在引导同学们正确认识自我，并用适宜的方式进行自我评价，为青春期的成长助力。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="22">
    <div v-if="showPageList.indexOf(22) > -1">
      <div class="bodystyle">
        <h4 id="d008">一、心理健康的标准</h4>
        <p>
          ä¸åŒæ—¶æœŸçš„不同学者认为心理健康有着不同的含义和标准。但有4条标准是公认的：第一，有一种主观幸福感；第二，有能力形成和维持良好的人际关系；第三，有能力参与建设性、有意义的工作；第四，有能力成功地应对生活的挑战，获得成长。
        </p>
        <p>
          åœ¨å¥åº·é—®é¢˜ä¸Šï¼Œéƒ¨åˆ†äººæœ‰ä¸ªè¯¯åŒºï¼Œå³å¯ä»¥åˆ°å¤„诉说自己有高血压、心脏病、糖尿病等，却羞于提及自己心理有问题。即便心理障碍甚至心理疾病已非常严重，依然害怕被别人知晓，拒绝去专科医院就诊。出现心理问题不可怕，可怕的是我们逃避它、掩饰它，而没有及时求助。我们需要做的是真实地去面对心理问题，积极寻找有效方法进行调节。每解决一个心理问题、战胜一次挫折困难，我们都会获得一次自我成长。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p>请同学们登录课程平台参阅“马斯洛的心理健康标准”。</p>
        </div>
        <h4 id="d009">二、心理健康的影响因素</h4>
        <p>
          å¿ƒç†å¥åº·çš„影响因素有很多，既有遗传、生理结构、性别、年龄等个体因素，也有家庭教养方式、经济条件、文化、环境等社会因素。从心理学视角出发，有如下几个重要指标与个体的心理健康息息相关。
        </p>
        <h5 id="e012">（一）自尊</h5>
        <p>
          è‡ªå°Šæ˜¯æŒ‡è‡ªæˆ‘接纳、自我尊重和自我价值感，是个人对自己重要性、价值感的评价，是预测主观幸福感和生活满意度最为稳定的心理指标。自尊包括两个方面：第一，归属感，给个体的生活提供了安全的基石，使其相信无论发生何事，自己都将被接受。第二，掌控感，是个体通过克服一个又一个困难而获得的对世界能够施加影响的控制感。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们登录课程平台进行“社会支持量表”的测试。</p>
        </div>
        <h5 id="e013">（二）人格</h5>
        <p>
          äººæ ¼æ˜¯æŒ‡ä¸€ä¸ªäººç‹¬ç‰¹çš„、相对稳定的行为模式，包括兴趣、态度、气质、价值观、意志等方面。
        </p>
        <h5 id="e014">（三）人际关系</h5>
        <p>
          åœ¨æ‰€æœ‰å¿ƒç†å¥åº·æ ‡å‡†ä¸­ï¼Œèƒ½å¤Ÿå»ºç«‹å’Œç»´æŒè‰¯å¥½çš„人际关系这一标准都被列入其中。朋友与家人能够满足我们安全与归属、爱与被爱的需求，这是人们内心安全感的源泉。一个心理健康的人有能力去爱人，也乐于接受别人的关爱，能够在人际交往中与他人建立和谐、友爱的关系。他的内心会充满安全感。他会用开放、积极、包容的心态与人相处，较少有防御、敌对和回避的心态。他能在交往中带给别人信任、尊重、帮助、赞美，同时也获得更多的社会支持。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们登录课程平台进行“整体自尊量表”的测试。</p>
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="23">
    <div v-if="showPageList.indexOf(23) > -1">
      <div class="bodystyle">
        <h4 id="d010">三、正确认识自我</h4>
        <p>
          å¦‚何面对内心的矛盾与疑惑？正确地认识自我、接纳自我是青春期健康成长的一剂良药。虽然环境、经历会给人带来深远的影响，但我们若能接纳变化的、真实的自己，就能更好地迎接青春期的挑战。
        </p>
        <h5 id="e015">（一）自我个性的认识</h5>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们登录课程平台进行“我的个性成熟度”的测试。</p>
        </div>
        <p>
          åŒå­¦ä»¬åˆšåˆšè¸ä¸Šè®¤è¯†è‡ªå·±çš„“新大陆”，对很多新奇事物的认知还不稳定，也很难客观、真实地分辨对错。在这一时期，我们的自尊心最强烈也最脆弱。如果受尊重的需求得到满足，自尊就会成为一种积极的心理品质；反之，则会引起自我怀疑、自卑等消极心理。我们应正确面对自己生理和个性上的变化，学会接纳自我，试着与信任的朋友、老师、家长坦诚地沟通与分享，获得他们的帮助与理解。
        </p>
        <h5 id="e016">（二）个体社会化的认识</h5>
        <p>
          é’春期个体社会化是基本社会化的最后阶段，也是极为重要的人生阶段。有人将其称为“人生的第二次诞生”“心理断乳时期”等。我们既要正确认识自己，也要形成与他人、与社会的健康联结。身边的同学、朋友、老师、家长等都是我们人际圈里的重要组成部分，如何与他们建立良好的关系，帮助我们更加适应这个社会的发展呢？
        </p>
        <p><b>1.与成年人交往</b></p>
        <p>
          ç”±äºŽé’春期心理“上锁”的特征，我们容易与老师、父母发生冲突，特别是与父母发生冲突。面对冲突，我们需要克制自己，静下心来思考自己内心的想法，寻找合适的沟通机会；当我们不被理解、不被尊重时，我们可以试着向老师或父母真实地表达自己内心的期待和想法；在遇到困难时，我们可以找自己信任和尊重的成年人寻求帮助。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">议一议</p>
          <p>
            å°é»„和小李是某中职学校的一对好伙伴。她俩品学兼优，又都爱好羽毛球运动，平时形影不离，无话不说。两人同为班干部，但在最近一次班干部竞选中，小黄以一票之差意外落选，因此怀疑小李在竞选中没有投自己的票，俩人的关系逐渐冷淡……面对此情况，小李该如何去做呢？
          </p>
        </div>
        <p><b>2.与同龄人交往</b></p>
        <p>
          æˆ‘们应多与同龄伙伴交往，特别是与自己志趣相投和性格相近的人交往。首先，
          äº¤å¾€æ—¶è¦æ ‘立平等、真诚、信任、理解的理念，尊重彼此的家庭、个性、学习成绩等；其次，要学会接纳对方，当同学之间发生矛盾与冲突时，先反思自己的言行，尽量对他人宽容；最后，要正确看待与同学的合作、竞争关系，主动融入集体学习和活动，将竞争看作促进彼此学习与提高的机会。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="24">
    <div v-if="showPageList.indexOf(24) > -1">
      <div class="bodystyle">
        <h4 id="d011">四、正确进行自我评价</h4>
        <h5 id="e017">（一）通过认识他人来认识自我</h5>
        <p>
          è‡ªæˆ‘评价是自我认识的体现，深刻的自我认识是以深刻认识和理解他人以及社会为前提的。在不断认识和评价他人言行的过程中，我们逐渐学会认识自我、评价自我，促进自我认知水平的不断提高。
        </p>
        <h5 id="e018">（二）通过分析他人对自己的评价来评价自我</h5>
        <p>
          åœ¨æˆé•¿è¿‡ç¨‹ä¸­ï¼Œä»–人对自己的评价在所难免。要学会理性地认识他人的评价，将评价转换为促进自我认知和成长的重要方式。
        </p>
        <h5 id="e019">（三）通过与他人的比较来认识自我</h5>
        <p>
          åœ¨ä¸ªä½“社会化的过程中，我们无法摆脱合作与竞争的关系。在对比自己与他人的表现时，我们应更好地认识自己的优势与劣势，以达到取长补短、促进成长的目的。
        </p>
        <h5 id="e020">（四）通过自我比较来评价自我</h5>
        <p>
          é™¤äº†ä¸Žä»–人比较外，更重要的是与自己比较，以达到超越自我的目的。要实现个人的纵向成长，就要求我们从过去、现在和将来的维度中认识自我，既要看到自己的进步，也要看到自己发展的方向，以此来衡量自己现阶段的状态。
        </p>
        <h5 id="e021">（五）创建良性的评价氛围</h5>
        <p>
          ä»Žæˆ‘做起，创建良性的评价氛围，与同学建立良好、融洽的关系；遇到问题时，多请教老师，建立和谐的师生关系等。
        </p>
        <h4 id="d012">五、运动减压的方法</h4>
        <p>
          ç”Ÿæ´»ä¸­å¤„处有运动。无论是在运动场馆中，还是在出行路上或者户外，运动都与我们相伴。运动带来的机体疲劳和放松能让我们睡眠更良好，进食更顺畅。运动还有助于克服恐惧、焦虑等心理，调节心理压力和心理疲劳。
        </p>
        <p>除慢跑外，有效的减压运动还有以下四项。</p>
        <h5 id="e022">（一）游泳</h5>
        <p>
          æ¸¸æ³³ä¸ä½†å¯ä»¥å¢žå¼ºå¿ƒè‚ºåŠŸèƒ½ï¼Œè€Œä¸”有助于心理减压。在游泳的时候，全身的肌肉会得到放松，代谢水平大大提升，心理压力也会得到有效缓解。
        </p>
        <h5 id="e023">（二）打羽毛球</h5>
        <p>
          ç¾½æ¯›çƒç­‰æ‰§æ‹é¡¹ç›®å¯¹ç¼“解压力是不错的选择。人在打羽毛球的时候能在羽毛球的穿梭飞行中体会到无穷的乐趣，同时体力的消耗能使心理放松、压力缓解。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="25">
    <div v-if="showPageList.indexOf(25) > -1">
      <div class="bodystyle">
        <h5 id="e024">（三）骑自行车</h5>
        <p>
          åœ¨éª‘行的时候，我们会保持高度专注，忘掉烦恼，让大脑得到更多的休息。亲近大自然可以使人精神倍增，有利于缓解心理压力。同时，还能更好地践行绿色、循环、低碳的环保理念。
        </p>
        <h5 id="e025">（四）登山</h5>
        <p>
          ç»¿æ°´é’山就是金山银山。登山既能有效锻炼肌肉的力量，强健骨骼，也能缓解压力。当一步一步登山的时候，靓丽的风景以及“征服”高山的行为都可以给人带来成就感。
        </p>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">1.我与同龄人交往时应该____________。</p>
          <p class="block">2.我与父母交往时应该_______________________。</p>
          <p class="block">
            3.为了维护自己的心理健康，我会________________________________。
          </p>
          <p class="block">
            4.自己的“寻人启事”：6～8位同学一组，每位同学根据自己的学习、生活、人际关系和个性品质等，写出
            5～8
            ä¸ªè‡ªå·±çš„特征，写完不署名。写完后将所有的“寻人启事”收起来打乱顺序，发给其他同学，让同学猜猜自己拿到的“寻人启事”找的是谁，并且根据事实陈述分析的理由。每位同学分析完后，“寻人启事”上的同学站出来“揭秘”。这样的过程可以帮助同学之间相互认识与评价，也能帮助个人更加全面和客观地认识自己。
          </p>
        </div>
        <h3 id="c004">专题四 é¡ºåˆ©åº¦è¿‡é’春期</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解青春期的生理和心理特点。</p>
          <p class="block">2.掌握青春期保健的方法。</p>
          <p class="block">3.认识过早性行为的危害。</p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            15岁的小王开始经常遗精，这让他既好奇又迷惑。同时，他的心理也发生了很大的变化，经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
          </p>
        </div>
        <p>
          é’春期是儿童期和成年期之间的过渡阶段。以性成熟为核心的生理方面的发展，使同学们具有了与儿童时期明显不同的社会、心理特征。在这个时期，同学们的身体、外貌、行为
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="26">
    <div v-if="showPageList.indexOf(26) > -1">
      <div class="bodystyle">
        <p>
          æ¨¡å¼ã€è‡ªæˆ‘意识、交往与情绪特点和人生观等，都慢慢脱离了儿童的特征而逐渐成熟起来。
        </p>
        <p>
          æœ¬ä¸“题将带同学们探究自我身心发育与发展现状，帮助同学们认识自我，学会积极应对青春期身心困惑与问题，指导同学们的生活实践，助推同学们健康成长，让同学们绽放出最美青春，遇见最美好的自己！
        </p>
        <h4 id="d013">一、青春期生长发育特征</h4>
        <p>
          é’春期指由儿童逐渐发育成成年人的过渡时期。根据生理发育特点，青春期可分为前期、中期和晚期，每期持续
          2～4 å¹´ï¼ˆè§è¡¨ 1-4-1）。
        </p>
        <p class="img">表1-4-1 é’春期不同时期的生理特点和表现</p>
        <p class="center">
          <img class="img-a" alt="" src="../image/0028-1.jpg" />
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p class="block">
            è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°å­¦ä¹ â€œé’春期常见生理问题”，看看自己处于哪一阶段。
          </p>
        </div>
        <p>
          åœ¨èº«ä½“发育方面，重要的内分泌激素，如生长激素、睾酮、雌激素等的大量分泌，使得正处于青春期的同学们的身体形态、身体机能和身体素质得到进一步发展。形态发育主要体现在身高和体重的突增上；身体机能发育体现在心肺功能、造血功能的增强上；身体素质发展体现在速度的提高及力量、耐力、灵活度、柔韧性、协调性的增强上。
        </p>
        <p>
          åœ¨ä¸­èŒé˜¶æ®µï¼Œå¤§å¤šæ•°å¥³ç”Ÿå¤„在青春期晚期，第二性征发育成熟，生殖功能也基本成熟，身高增长已减缓或停止，出现周期性月经；大多数男生处在青春期中晚期，第二性征发育基本完成，身高增长已减缓，出现正常的生理遗精现象。
        </p>
        <h4 id="d014">二、青春期心理特点</h4>
        <p>
          éšç€ç”Ÿç†ç‰¹å¾çš„改变，同学们的心理活动也发生着巨大的变化，有时感到好奇，有时又感到迷惑、害怕。这一时期称作“青春困惑期”。此时同学们的心理状态主要呈现以下特征。
        </p>
        <p>
          ç¬¬ä¸€ï¼Œç‹¬ç«‹æ€§å¢žå¼ºã€‚随着自我意识的觉醒，同学们感觉自己已经长大了，有一种强烈的
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="27">
    <div v-if="showPageList.indexOf(27) > -1">
      <div class="bodystyle">
        <p>
          ç‹¬ç«‹æ„Ÿï¼Œåœ¨å­¦ä¹ å’Œç”Ÿæ´»ä¸Šä¸å†è¢«åŠ¨åœ°å¬ä»Žçˆ¶æ¯çš„安排，而是渴望用自己的眼睛看世界，用自己的标准衡量是非曲直。
        </p>
        <p>
          ç¬¬äºŒï¼Œæƒ…绪两极化。同学们既会为一时的成功而激动不已，也会为小小的失意而意志消沉，
          æƒ…绪多变，经常表现出莫名的烦恼和焦虑。
        </p>
        <p>
          ç¬¬ä¸‰ï¼Œå¿ƒç†â€œä¸Šé”â€ã€‚随着心理的不断发展，同学们在情绪管理能力上有了一定的提高，开始学会掩饰、隐藏自己的真实情绪，出现心理“上锁”的现象。
        </p>
        <p>
          ç¬¬å››ï¼Œå†…心充满矛盾。青春期是长大成人的开始，是由不成熟向成熟的过渡阶段。同学们内心充满了矛盾与冲突，如生理成熟提前和心理成熟滞后的矛盾、独立意识增强与实际能力偏差的矛盾、渴望他人理解与心理“上锁”的矛盾。
        </p>
        <p>
          ç¬¬äº”，行为易冲动。相关研究指出，青春期同学们的大脑中，负责控制情感和冲动的神经尚未发育成熟，易爆发冲动行为。
        </p>
        <p>
          é’春期是同学们由心理幼稚走向心理成熟的过渡期，青春的烦恼是成长的印记。同学们遇到烦恼、矛盾与困惑时，应该学着接纳自我，试着与信任的朋友、老师、家长坦诚交流与沟通，获得他们的帮助和理解，从而顺利平稳度过青春期。
        </p>
        <h4 id="d015">三、青春期性心理与异性交往</h4>
        <h5 id="e026">（一）青春期性心理</h5>
        <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p class="block">
            è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°è¿›è¡Œå¼‚性交往情况自评，并与同学们交流。
          </p>
        </div>
        <p>
          éšç€é’春期性发育的逐渐成熟，男生和女生不仅在体貌特征上有显著差异，而且在性格、爱好方面的差异也会更加明显。同学们会对异性产生好奇心，喜欢以特殊的行为来吸引异性的注意，这是正常性心理的表现。另外，与异性接触时还会产生一种特殊的相互吸引力和激发力，被称为“异性效应”。这在青少年交往中表现得更为明显。同学们要学会与异性正常交往的方法，掌握交往的准则。
        </p>
        <h5 id="e027">（二）与异性交往的准则</h5>
        <p>
          ç¬¬ä¸€ï¼Œè¦äº’相尊重，做到“六不”：既不过分随便，也不过分拘谨；既不过分冷淡，也不过分亲昵；既不卖弄自己，也不过分严肃。
        </p>
        <p>
          ç¬¬äºŒï¼Œå°½é‡ä¿æŒç¾¤ä½“模式和公开模式，避免秘密地单独相处。同学间应彼此理解、互相信任，不无端猜疑、散布谣言。
        </p>
        <p>
          ç¬¬ä¸‰ï¼Œè¡¨çŽ°è‡ªç„¶ã€å¤§æ–¹ã€‚同学间应互相关心、爱护、帮助，真诚、友好地相处。
        </p>
        <p>第四，要增强防范意识，学会保护自己。</p>
      </div>
    </div>
  </div>
  <div class="page-box" page="28">
    <div v-if="showPageList.indexOf(28) > -1">
      <div class="bodystyle">
        <h4 id="d016">四、正确认识过早性行为的危害</h4>
        <p>
          è¿‡æ—©æ€§è¡Œä¸ºä¼šä½¿é’少年产生紧张感、忧虑感、较大的情绪波动及沉重的精神负担，保护不当也可能引发传染性性疾病和生殖器感染性疾病，还可能会在婚后给家庭生活带来阴影。
        </p>
        <p>
          å¤„于青春期晚期的青少年由于生理原因容易产生性渴望和性冲动，这是正常的生理现象，但性行为不应随意和冲动。可以通过运动、环境、话题等转移注意力，抵制诱惑，净化心灵，理智行事，弱化冲动。万一不小心发生性行为，同学们要懂得保护自己，采取安全措施，防止感染性疾病，如艾滋病等。如果怀孕，要第一时间向老师、父母求助，采取紧急补救措施，避免留下遗憾。总之，同学们必须谨记：青少年时期首先应以学业为重，应树立性安全意识，在性行为这条“起跑线”上不宜“抢跑”，而须讲原则、守底线。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p class="block">
            è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°å­¦ä¹ â€œé¿å­•æ–¹æ³•åŠé¿å­•å¤±è´¥åŽçš„紧急补救措施”。
          </p>
        </div>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.我的各项生长发育生理指标<a id="w3"></a
            ><a href="chapter002.html#m3"><sup>[3]</sup></a
            >。
          </p>
          <p class="block">
            ä½“重指数<a id="w4"></a
            ><a href="chapter002.html#m4"><sup>[4]</sup></a
            >：_____千克/ç±³<sup>2</sup>　低体重　正常 è¶…重 è‚¥èƒ–
          </p>
          <p class="block">肺活量：_____毫升 åä½Žã€€æ­£å¸¸ã€€è‰¯å¥½ ä¼˜ç§€</p>
          <p class="block">脊柱　正常　侧弯　前凸或后凸</p>
          <p class="block">性发育：　正常　异常</p>
          <p class="block">总体： åå·®ã€€æ­£å¸¸ã€€è‰¯å¥½</p>
          <p class="block">
            æˆ‘为未来生活和职业应加强的方面有____________________。
          </p>
          <p class="block">
            2.我处于青春期的___期，现在的心理状态是___________。我打算这样度过这一特殊时期___________。
          </p>
          <p class="block">
            3.案例分析：你认为小C应该怎样做？你想对小D说些什么？
          </p>
          <p class="block">
            ä¸­èŒå­¦æ ¡ä¸‰å¹´çº§å¥³ç”Ÿå°C和男生小D是同班同学，两人经常一起交流学习和生活中遇到的问题。不知不觉中两人产生了好感，陷入了恋爱中。一个周末，小D趁家里没人，便主动邀请小C到家里玩。相处间小D突然心生杂念，提出要与小C发生性行为。小C一时手足无措，不知如何是好。
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="29">
    <div v-if="showPageList.indexOf(29) > -1">
      <div class="bodystyle">
        <h3 id="c005">专题五 å¢žå¼ºç–¾ç—…预防意识与能力</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">
            1.养成良好的卫生习惯，提高预防疾病的意识和能力。
          </p>
          <p class="block">
            2.掌握艾滋病、生活方式病等疾病的起因与预防措施。
          </p>
          <p class="block">
            3.养成每天保证充足睡眠和合理膳食的习惯，提高机体免疫力。
          </p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">情境导入</p>
          <p class="block">
            å°åŒ—是一名中职学校新生，第一次离家到外地上学，饮食不习惯，跟同学关系也比较冷淡，感觉很孤单，没多久就迷上了网络游戏，常常凌晨两三点才睡觉。因为熬夜，小北晚上经常吃夜宵，运动也少，生物钟混乱。曾经体重正常的小北越来越胖，学习成绩也很不如意，期末考试有多门科目不及格。
          </p>
        </div>
        <p>
          ä¸è®ºæ˜¯åœ¨äººç”Ÿçš„哪一阶段，
          ç–¾ç—…都是人们健康的天敌。学生时代容易出现的近视，学校等集体场所容易迅速传播的肺结核等，都威胁着同学们的身体健康。此外，成年人易患的颈椎病、肥胖症、心脑血管疾病、糖尿病等慢性病，甚至癌症，都在朝着低龄化的方向发展。还有致死率高、危害性大的艾滋病，也不时向青少年伸出魔爪。同学们将来的工作环境繁杂，一定要学会预防疾病，从现在起“做自己健康的第一责任人”。
        </p>
        <p>
          æœ¬ä¸“题将带领同学们树立疾病防控意识，学习预防常见传染病、高发的生活方式病的知识与技能，掌握防控疾病的本领，从而保障同学们健康生活、健康成长。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p>请同学们登录课程平台学习“科学防护，远离结核危害”。</p>
        </div>
        <h4 id="d017">一、预防艾滋病，你我同参与</h4>
        <p>
          è‰¾æ»‹ç—…（AIDS）是由艾滋病病毒（HIV）导致的一种慢性致死性传染病。艾滋病病毒专门攻击人体免疫系统，最短可在一年内发病，到了晚期容易出现癌症、感染或其他严重的临床症状。目前还没有彻底治愈艾滋病的药物和方法。艾滋病未发病前无症状，但传染性非常强，危害大，病死率高。当前，青少年学生艾滋病感染病例不断增长，一旦感染，对家庭、学校、社会都是一场噩梦。预防艾滋病，需要全社会共同参与。
        </p>
        <h5 id="e028">（一）艾滋病的传播途径</h5>
        <p>
          è‰¾æ»‹ç—…病毒主要存在于感染者的血液、精液、阴道分泌物、乳汁、伤口渗出液等体液中。传播途径主要有血液传播、性传播和母婴传播，日常接触通常不会感染艾滋病。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="30">
    <div v-if="showPageList.indexOf(30) > -1">
      <div class="bodystyle">
        <h5 id="e029">（二）艾滋病的传染源</h5>
        <p>只有艾滋病病毒感染者（携带者）和病人才能将病毒传染给他人。</p>
        <p>
          å€¼å¾—注意的是，艾滋病病毒感染者一般没有明显症状，外表和正常人一样，没有任何区别，可在没有症状或只有轻微疾病情况下存活很多年。如果不做艾滋病病毒抗体检测，有时人们很难发现感染者。因此，我们在日常生活中必须做好防护，避免感染。
        </p>
        <h5 id="e030">（三）学会自我保护</h5>
        <p>
          é¢„防艾滋病是每个公民的责任。同学们一定要增强性安全意识，积极采取有效措施，预防和控制艾滋病的流行。
        </p>
        <p>
          ä¸ä½¿ç”¨éžæ­£è§„医疗单位提供的来历不明的血液和血制品；不卖血；不与他人共用针头、针管、纱布等；不共用可能刺破皮肤的用具，如牙签、剃须刀等；不去非正规的医疗机构或美容院打针、输液、拔牙、扎耳洞等；接触他人的血液和伤口时要做好防护。
        </p>
        <p>
          æ­£ç¡®äº¤å‹ï¼Œæ´èº«è‡ªçˆ±ï¼Œæ ‘立性安全意识，远离艾滋病侵害。发生高危性行为后，要及时进行药物阻断，应主动寻求艾滋病检测。早发现、早治疗对维护个人健康至关重要。
        </p>
        <p>
          æˆ‘国各地医疗机构和疾控中心都设有艾滋病检测点，可以提供专业的艾滋病检测和咨询服务，也可购买正规的自检试剂进行自我检测。如检测结果呈阳性，一定要去医疗机构或疾控中心进行确认，并接受咨询和后续治疗服务。
        </p>
        <p>
          æ—¥å¸¸ä¸­åº”消除对艾滋病病人和感染者的歧视，并在力所能及的范围内帮助他们。
        </p>
        <h4 id="d018">二、爱眼护眼，重视视力健康</h4>
        <p>
          ä¸–界卫生组织曾提到，在卫生支出里，除了肿瘤、心脑血管疾病之外，视力健康支出排第三。视力缺陷带来的危害不可逆转，轻则影响正常生活，重则引起视觉疾病，如近视、白内障甚至眼盲。所以同学们一定要重视视力健康，保护好视力。
        </p>
        <h5 id="e031">（一）增强保护视力的意识与能力</h5>
        <p>
          å¼ºåŒ–视力健康意识。同学们要主动学习科学用眼、护眼的健康知识，积极关注自身视力状况。眼睛受伤或自我感觉视力发生明显变化时，尽早到正规的眼科医疗机构检查和治疗。
        </p>
        <p>
          å…»æˆå¥åº·ç”¨çœ¼ä¹ æƒ¯ã€‚定时做眼保健操，保持正确读写姿势，积极参加体育锻炼和户外活动，养成良好生活方式，不熬夜，自觉减少使用电子产品。接触含有害化学成分、强酸强碱等物品时要做好防护工作。
        </p>
        <h5 id="e032">（二）了解职业性眼病的起因及预防</h5>
        <p>
          èŒä¸šæ€§çœ¼ç—…指所有与职业有关的有害因素所造成的眼部损害。法定职业性眼病包括化学性眼部灼伤、电光性眼炎、职业性白内障三大类。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="31">
    <div v-if="showPageList.indexOf(31) > -1">
      <div class="bodystyle">
        <p>
          åŒ–学性眼部灼伤是指眼部直接接触碱性、酸性或其他含有化学物质的气体、液体或固体导致的眼组织腐蚀性损害，一般多发生在化工厂、实验室或施工场所。一旦发生要现场紧急救治，用水大量冲洗，并及时送往医院诊治。
        </p>
        <p>
          ç”µå…‰æ€§çœ¼ç‚Žæ˜¯æŒ‡çœ¼éƒ¨å—紫外线照射所致的急性角膜结膜炎。电焊作业人员及所有从事接触紫外线辐射的作业人员皆有可能发生这类职业性眼病，其中以电焊工最为多见。个人要增强个人防护意识，在进行操作时，应佩戴防护罩或者防护眼镜。
        </p>
        <p>
          èŒä¸šæ€§ç™½å†…障的病因主要有职业性化学因素和职业性物理因素两大类。例如，长期接触萘、铊等引起的中毒性白内障，或受到微波、红外线和紫外线辐射引起的非电离辐射性白内障等。在矿场工作的工人容易因为接触炸药TNT慢性中毒引起眼部病变，严重时可导致白内障。个人在作业时要增强防护意识，加强防护措施，减少接触，并坚持做好健康监护。
        </p>
        <h4 id="d019">三、生活方式病（慢性病）早防是关键</h4>
        <p>
          ç”Ÿæ´»æ–¹å¼ç—…指由于人们衣、食、住、行等日常生活中的不良行为，以及其他各方面不良因素导致的慢性非传染性疾病，包括肥胖症、高脂血症、高尿酸血症、高血压、糖尿病、冠心病等严重威胁人类健康和生命的疾病。生活方式病已经取代传染性疾病成为威胁生命的首要疾病，被称为“头号杀手”，而且发病已逐渐年轻化。
        </p>
        <p>
          ä¸è‰¯çš„生活方式引发的各类疾病已形成生活方式疾病链，会对身心健康造成严重影响（见图1-5-1）。
        </p>
        <p class="center">
          <img class="img-b" alt="" src="../image/0033-1.jpg" />
        </p>
        <p class="img">图1-5-1 ç”Ÿæ´»æ–¹å¼ç–¾ç—…链</p>
      </div>
    </div>
  </div>
  <div class="page-box" page="32">
    <div v-if="showPageList.indexOf(32) > -1">
      <div class="bodystyle">
        <p>
          å¯¹äºŽç”Ÿæ´»æ–¹å¼ç—…来说，预防胜于治疗，可通过改变已有的不良生活方式达到预防疾病的目的，如改变不良的饮食习惯、戒烟、戒酒、适量运动，以及努力改善心理不平衡、性格急躁等问题。
        </p>
        <h5 id="e033">（一）控制体重</h5>
        <p class="block">◆男性标准体重（kg）=身高（cm）-100</p>
        <p class="block">　女性标准体重（kg）=身高（cm）-105　</p>
        <p class="block">◆超重</p>
        <p class="block">　＞10%轻度肥胖</p>
        <p class="block">　＞20%中度肥胖</p>
        <p class="block">　＞30%重度肥胖</p>
        <p class="block">
          â—†ä½“重指数（BMI）=体重（kg）/身高<sup>2</sup>（m<sup>2</sup>）
        </p>
        <p class="block">◆过低</p>
        <p class="block">　正常18.5～24</p>
        <p class="block">　超重≥24</p>
        <p class="block">　肥胖≥28</p>
        <p>我们应通过健康饮食和坚持运动来保持标准体重。</p>
        <h5 id="e034">（二）建立健康的饮食方式</h5>
        <p>
          æˆ‘们要遵循“三减”（减盐、减油、减糖）的饮食方式，避免偏食、挑食和暴饮暴食。
        </p>
        <h5 id="e035">（三）不吸烟、不饮酒</h5>
        <div class="bk-xyx">
          <p class="bj1-xyx">议一议</p>
          <p>
            è¯·åŒå­¦ä»¬ç™»å½•è¯¾ç¨‹å¹³å°å­¦ä¹ â€œç¼“解心理压力的方法”，并与同学交流自己的心得体会。
          </p>
        </div>
        <p>吸烟、饮酒都不利于身体健康，我们应自觉抵制诱惑。</p>
        <h5 id="e036">（四）养成坚持运动的好习惯</h5>
        <p>科学、规律的运动能帮助我们有效预防生活方式病，促进健康。</p>
        <h5 id="e037">（五）保持心理平衡</h5>
        <p>
          æˆ‘们应尽量保持心态平和、乐观、豁达、向上，遇到困难、挫折时能理性对待，尽力调节。如果感到焦虑、孤独、抑郁、恐惧，应及时求助。
        </p>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.对照自身实际，你处在生活方式疾病链中的什么位置？应该怎样应对？
          </p>
          <p class="block">2.你认为有效缓解心理压力的方法主要有哪些？</p>
        </div>
      </div>
    </div>
  </div>




 src/components/examinations/index.vue

@@ -445,6 +445,13 @@
      cardData:[]
    };
  },
  watch:{
    cardList:{
      handler(newVal) {
        console.log('11',newVal);
      }
    }
  },
  mounted() {
    this.cardData = this.cardList
    console.log('this.cardList',this.cardList);