5.23 婴幼儿游戏活动实施（wb）

zhongshujie

2025-05-23 7d7744fe006714f6be0341d03d4de9b1e90d775d

5.23 婴幼儿游戏活动实施（wb）

 .env

@@ -1,7 +1,7 @@
VUE_APP_ENV = 'dev'
VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_API_URL = "https://www.tepcb.com"
# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_API_URL = "https://www.tepcb.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
VUE_APP_PUBLIC_PATH = '/books/book'

 .env.product

@@ -1,9 +1,9 @@
VUE_APP_ENV = 'product'
VUE_APP_API_URL = "https://jsek.bnuic.com"
# VUE_APP_API_URL = "https://www.tepcb.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/meetingPlanners'
# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/aviationPassengerTransport6th'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/behaviorObserveAndGuid/cognitiveLanDevEduAges0to3/aviationPassengerTransport6th/hotelEnglishTrainingBrochure2nd"
VUE_APP_BOOK_ID = 'meetingPlanners'
# VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_API_URL = "https://www.tepcb.com"
# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
# VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/meetingPlanners'
VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/hotelEnglishTrainingBrochure2nd'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/behaviorObserveAndGuid/cognitiveLanDevEduAges0to3/aviationPassengerTransport6th/hotelEnglishTrainingBrochure2nd/hydraulicTransmission"
VUE_APP_BOOK_ID = 'hotelEnglishTrainingBrochure2nd'

 package-lock.json

@@ -22,6 +22,7 @@
        "tinymce": "^5.4.1",
        "viewerjs": "^1.11.6",
        "vue": "^2.6.14",
        "vue-mathjax": "^0.1.1",
        "vuex": "^3.6.2"
      },
      "devDependencies": {
@@ -13129,6 +13130,15 @@
        "node": ">=8"
      }
    },
    "node_modules/vue-mathjax": {
      "version": "0.1.1",
      "resolved": "https://registry.npmmirror.com/vue-mathjax/-/vue-mathjax-0.1.1.tgz",
      "integrity": "sha512-bg5PpGPEB42mp+154khmqO1gtq6a/N8TbbLMVCOmaPV37vH96o7mjoAQ3jeQLQw3WMEHGz5zoDzvbcxhDkQKRQ==",
      "dependencies": {
        "core-js": "^3.6.5",
        "vue": "^2.6.11"
      }
    },
    "node_modules/vue-style-loader": {
      "version": "4.1.3",
      "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@@ -23063,6 +23073,15 @@
        }
      }
    },
    "vue-mathjax": {
      "version": "0.1.1",
      "resolved": "https://registry.npmmirror.com/vue-mathjax/-/vue-mathjax-0.1.1.tgz",
      "integrity": "sha512-bg5PpGPEB42mp+154khmqO1gtq6a/N8TbbLMVCOmaPV37vH96o7mjoAQ3jeQLQw3WMEHGz5zoDzvbcxhDkQKRQ==",
      "requires": {
        "core-js": "^3.6.5",
        "vue": "^2.6.11"
      }
    },
    "vue-style-loader": {
      "version": "4.1.3",
      "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",

 package.json

@@ -22,6 +22,7 @@
    "tinymce": "^5.4.1",
    "viewerjs": "^1.11.6",
    "vue": "^2.6.14",
    "vue-mathjax": "^0.1.1",
    "vuex": "^3.6.2"
  },
  "devDependencies": {

 src/App.vue

@@ -41,6 +41,7 @@
    </aviationPassengerTransport6th>
    <hotelEnglishTrainingBrochure2nd v-if="activeBook.name == 'hotelEnglishTrainingBrochure2nd'">
    </hotelEnglishTrainingBrochure2nd>
    <hydraulicTransmission v-if="activeBook.name == 'hydraulicTransmission'"></hydraulicTransmission>
  </div>
</template>
<script>
@@ -119,6 +120,8 @@
      import("./books/aviationPassengerTransport6th/view/index.vue"),
    hotelEnglishTrainingBrochure2nd: () =>
      import("./books/hotelEnglishTrainingBrochure2nd/view/index.vue"),
    hydraulicTransmission: () =>
      import("./books/hydraulicTransmission/view/index.vue"),
  },
  data() {
    return {
@@ -165,7 +168,7 @@
      // toddlerGameImplementation  // 婴幼儿游戏活动实施
      // preschoolGameGuidance // 学前游戏指导
      // kindergartenLanguageActivity // 幼儿园语言教育与活动指导
      // kindergartenActivitiesDesignGuidance    //幼儿园教育活动设计写指导
      // kindergartenActivitiesDesignGuidance    //幼儿园教育活动设计与指导
      // aurturingAndEducationAged0to3 // 0~3岁婴幼儿抚育与教育
      // preschoolEvaluation  // 学前教育评价
      // preschoolBasicKnowledge //学前教育基础知识
@@ -179,12 +182,12 @@
      // cognitiveLanDevEduAges0to3  // 0～3岁婴幼儿认知与语言发展及教育
      // aviationPassengerTransport6th  // 民航旅客运输第6版(旅游社)
      // hotelEnglishTrainingBrochure2nd // 酒店英语实训活页教程（第2版）（旅游社）
      // console.log("debugger", process.env);
      // hydraulicTransmission           // 机械传动 （哈工大）
      this.activeBook = await this.config.getBookConfig(
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "hotelEnglishTrainingBrochure2nd")
          : "kindergartenActivitiesDesignGuidance")
      );

      // 测试试读30页

 src/assets/js/config.js

@@ -6,6 +6,8 @@
  const response = await axios.get(ctx + "/bookConfig.json");
  return response.data;
};

export const appId = 0;
export const requestTimeOut = 300000; // 请求超时时间
export const tokenKey = "token";
//  export const tokenKey = "website-front-token"
@@ -15,6 +17,7 @@
  requestTimeOut,
  tokenKey,
  goodsStore,
  appId,
  getBookConfig,
};
export default config;

 src/books/English/assets/main.less

@@ -1185,6 +1185,7 @@
  svg {
    fill:#fff ;
  }
  
  .btn-box {
    margin-left: 5px;
    cursor: pointer;

 src/books/aviationPassengerTransport6th/assets/main.less

@@ -1672,7 +1672,7 @@

.dialogQuestion {
    background-color: #1c9e3a;
    height: 80px;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
@@ -1683,7 +1683,8 @@
        color: #fff;
        font-size: 16px;
        padding: 0 40px 0 20px;

        display: flex;
        justify-content: center;
    }
}


 src/books/aviationPassengerTransport6th/components/dialogExaminations/index.vue

New file
@@ -0,0 +1,1421 @@
<template>
    <el-dialog :visible.sync="localDialogVisible" @open="hadleOpenDialog" width="60vw" top="2vh" append-to-body
        lock-scroll :show-close="false" class="custom-dialog">
        <div slot="title" class="header_title">
            <span>{{ questionTitle }}</span>
            <span @click="closeDialog"> x </span>
        </div>
        <div class="pdfModal" v-if="localDialogVisible">
            <!-- 原有的内容 -->
            <div class="pdfBox-component">
                <div class="examination" v-loading="loading">
                    <div v-for="(item, nindex) in cardData" :key="nindex + 'item'" class="border-box"
                        v-show="item.infoList.length">
                        <p class="catalogName" :style="{ color: primaryColor }">
                            <span class="catalogName-box">
                                <span v-if="nindex == 0">一、</span>
                                <span v-if="nindex == 1">二、</span>
                                <span v-if="nindex == 2">三、</span>
                                <span v-if="nindex == 3">四、</span>
                                <span v-if="nindex == 4">五、</span>
                                <span v-html="item.catalogName"></span>
                            </span>
                            <img :src="item.isCollect ? isHeart : heart" alt="" class="collect-png"
                                @click="setCollect(nindex, index)" v-if="!hideCollect && item.type == 'material'" />
                        </p>
                        <el-image v-if="item.catalogImage" :src="item.catalogImage"
                            :preview-src-list="[item.catalogImage]" class="catalogImage"></el-image>
                        <ul>
                            <li v-for="(value, index) in item.infoList" :key="index + 'value'"
                                :id="'listItem-' + value.id">
                                <!-- 标题 -->
                                <div class="questionTitle">
                                    <div class="titleContent">
                                        <span class="questionNum" :style="{
                                            marginTop:
                                                value.questionType == 'completion' ||
                                                    value.questionType == 'mathField'
                                                    ? '12px'
                                                    : '0',
                                        }">{{ index + 1 }}.
                                        </span>
                                        <!-- 听力进度条 -->
                                        <!-- <answerAudioPlayer :audioUrl="value.src" v-show="item.name == '听力题'" /> -->
                                        <!-- 仅文字 -->
                                        <p class="titleText text-fl" v-if="
                                            value.stemStyle == 'Txt' &&
                                            value.questionType != 'completion' &&
                                            value.questionType != 'dropdown' &&
                                            value.questionType != 'mathField'
                                        " :id="value.id" v-html="value.stem.stemTxt"></p>
                                        <!-- 仅图片 -->
                                        <el-image class="stemImg" v-else-if="value.stemStyle == 'Image'"
                                            :src="getPublicImage(value.stem.stemImage, 150)"
                                            :preview-src-list="[getPublicImage(value.stem.stemImage)]"></el-image>
                                        <!-- 文字加图片 -->
                                        <p class="stemTxtAndImage titleText"
                                            v-else-if="value.stemStyle == 'TxtAndImage'">
                                            <span v-html="value.stem.stemTxt"> </span>
                                            <el-image :src="getPublicImage(value.stem.stemImage, 150)"
                                                :preview-src-list="[getPublicImage(value.stem.stemImage)]"
                                                style="margin-left: 10px"></el-image>
                                        </p>
                                        <!-- 填空题题干 -->
                                        <p class="titleText" v-if="
                                            value.questionType == 'completion' ||
                                            value.questionType == 'mathField'
                                        ">
                                            <span v-for="(itemText, indexText) in value.stem"
                                                :key="indexText + 'questionType'">
                                                <span v-if="typeof itemText == 'string'" v-html="itemText"
                                                    class="input-txt"></span>
                                                <input v-if="
                                                    typeof itemText != 'string' &&
                                                    value.questionType == 'completion'
                                                " type="text" class="input"
                                                    v-model.trim="value.userAnswer[itemText.num]"
                                                    :disabled="value.isComplete"
                                                    :style="{ backgroundColor: inputBc }" />
                                                <math-field v-if="
                                                    typeof itemText != 'string' &&
                                                    value.questionType == 'mathField'
                                                " class="mathField" :menuItems="[]"
                                                    @input="onChangeInput($event, nindex, index, itemText.num)">
                                                    {{ value.userAnswer[itemText.num] }}
                                                </math-field>
                                            </span>
                                        </p>
                                        <!-- 富文本 -->
                                        <p class="titleText titleTextArea" v-else-if="value.stemStyle == 'RichText'"
                                            v-html="value.stem.stemTxt" v-cloak></p>
                                        <!-- 下拉选择题 -->
                                        <p class="titleText" v-if="value.questionType == 'dropdown'">
                                            <span v-for="(itemText, indexText) in value.stem"
                                                :key="indexText + 'questionType'">
                                                <span v-if="typeof itemText == 'string'" v-html="itemText"
                                                    class="input-txt"></span>
                                                <select v-else v-model="value.userAnswer" :disabled="value.isComplete">
                                                    <option v-for="(citem, cindex) in value.option"
                                                        :key="cindex + 'dropdown'" :label="citem" :value="citem">
                                                    </option>
                                                </select>
                                            </span>
                                        </p>
                                    </div>
                                    <!-- <img :src="value.isCollect ? isHeart : heart" alt="" class="collect-png"
                                        @click="setCollect(nindex, index)"
                                        v-if="!hideCollect && item.type != 'material'" /> -->
                                    <!-- 收藏 -->
                                </div>
                                <div class="questionContent">
                                    <!-- 单选 -->
                                    <el-radio-group :disabled="value.isComplete" class="option" v-if="
                                        value.questionType == 'singleChoice' ||
                                        value.questionType == 'judge'
                                    " v-model="value.userAnswer">
                                        <el-radio v-for="(content, contentIndex) in value.option"
                                            :key="contentIndex + 'contentIndex'" :label="content.value" :class="value.optionStyle == 'Image' ||
                                                value.optionStyle == 'TxtAndImage' ||
                                                value.optionStyle == 'RichText'
                                                ? 'optionImg'
                                                : 'optionTxt'
                                                ">
                                            <p class="optionContent" v-if="value.optionStyle == 'Txt'">
                                                {{ content.value }}、{{ content.txt }}
                                            </p>
                                            <p class="optionContent" v-else-if="value.optionStyle == 'Image'">
                                                {{ content.value }}、<el-image :src="getPublicImage(content.img, 115)"
                                                    v-show="content.img"
                                                    :preview-src-list="[getPublicImage(content.img)]"
                                                    v-if="sourceType == 'bits'"></el-image>
                                                <img :src="content.img" alt="" v-else class="radio-img" />
                                            </p>
                                            <p class="optionContent" v-else-if="value.optionStyle == 'TxtAndImage'">
                                                <span> {{ content.value }}、</span><span>{{ content.txt }}</span>
                                                <el-image :src="getPublicImage(content.img, 115)" v-show="content.img"
                                                    :preview-src-list="[getPublicImage(content.img)]"></el-image>
                                            </p>
                                            <p class="optionContent titleTextArea"
                                                v-else-if="value.optionStyle == 'RichText'"
                                                v-html="`<span>${content.value}</span>` + '、' + content.txt"
                                                id="mathjax">
                                            </p>
                                        </el-radio>
                                    </el-radio-group>
                                    <!-- 多选 -->
                                    <el-checkbox-group :disabled="value.isComplete" v-model="value.userAnswer"
                                        class="option" v-else-if="value.questionType == 'multipleChoice'">
                                        <el-checkbox v-for="(content, contentCindex) in value.option"
                                            :key="contentCindex + 'contentCindex'" :label="content.value"
                                            :name="content.text" :class="value.optionStyle == 'Image' ||
                                                value.optionStyle == 'TxtAndImage' ||
                                                value.optionStyle == 'RichText'
                                                ? 'optionImg'
                                                : 'optionTxt'
                                                ">
                                            <p class="optionContent" v-if="value.optionStyle == 'Txt'">
                                                {{ content.value }}、{{ content.txt }}
                                            </p>
                                            <p class="optionContent" v-else-if="value.optionStyle == 'Image'">
                                                {{ content.value }}、<el-image :src="getPublicImage(content.img, 115)"
                                                    :preview-src-list="[getPublicImage(content.img)]"
                                                    v-show="content.img"></el-image>
                                            </p>
                                            <p class="optionContent" v-else-if="value.optionStyle == 'TxtAndImage'">
                                                <span> {{ content.value }}、</span><span>{{ content.txt }}</span>
                                                <el-image :src="getPublicImage(content.img, 115)"
                                                    :preview-src-list="[getPublicImage(content.img)]"
                                                    v-show="content.img"></el-image>
                                            </p>
                                            <p class="optionContent titleTextArea"
                                                v-else-if="value.optionStyle == 'RichText'"
                                                v-html="content.value + '、' + content.txt"></p>
                                        </el-checkbox>
                                    </el-checkbox-group>
                                    <!-- 简答 翻译 -->
                                    <TEditorVue v-else-if="value.questionType == 'formula'" :value="value.userAnswer"
                                        :disabled="value.isComplete" @getContent="(val) => {
                                            value.userAnswer = val;
                                        }
                                            " />
                                    <el-input :disabled="value.isComplete" style="width: 94%; margin: 0 auto"
                                        v-else-if="value.questionType == 'shortAnswer'" type="textarea" :rows="6"
                                        placeholder="请输入内容" v-model="value.userAnswer" />
                                    <div v-if="
                                        type != 'option' &&
                                        type != 'mock' &&
                                        (value.questionType == 'shortAnswer' ||
                                            value.questionType == 'multipleChoice' ||
                                            value.questionType == 'completion' ||
                                            value.questionType == 'mathField')
                                    ">
                                        <el-button @click="checkPares(value)" style="margin-top: 10px">查看解析</el-button>
                                    </div>
                                    <!-- 提交后解析 -->
                                    <div class="analysis" v-if="value.isComplete">
                                        <el-collapse v-model="value.isUnfold" accordion v-if="
                                            value.questionType != 'shortAnswer' &&
                                            value.questionType != 'formula'
                                        ">
                                            <el-collapse-item :name="value.id" class="objective">
                                                <template #title>
                                                    <div class="headerBox">
                                                        <div class="headerConent">
                                                            <p class="correct" :title="arrayToString(value.answer)">
                                                                <span>正确答案：</span>
                                                                <span v-html="arrayToString(value.answer)"
                                                                    class="correctBox"></span>
                                                            </p>
                                                            <p :class="value.isRight
                                                                ? 'correct textOverFlow'
                                                                : 'error textOverFlow'
                                                                " :title="arrayToString(value.userAnswer)"
                                                                style="margin-left: 20px">
                                                                <span>您的答案：</span>
                                                                <span class="errorBox"
                                                                    v-if="isHaveAnswer(value.userAnswer)">{{
                                                                        arrayToString(value.userAnswer) }}</span>
                                                            </p>
                                                        </div>
                                                        <p class="difficulty" v-if="value.difficulty">
                                                            <span style="color: #333">难度等级：</span>
                                                            <el-rate v-model="value.difficulty" :max="3" size="large"
                                                                disabled disabled-void-color="#949494" />
                                                        </p>
                                                        <!-- 正确错误图标 -->
                                                        <span class="mr-10">
                                                            <svg v-if="value.isRight" t="1716986419862" class="icon"
                                                                viewBox="0 0 1820 1024" version="1.1"
                                                                xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                                xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                                                                height="20">
                                                                <path
                                                                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                                    fill="#1AFA29" p-id="18768"></path>
                                                            </svg>
                                                            <svg v-if="value.isRight == false" t="1716987085767"
                                                                class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                                xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                                xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                                                                height="20">
                                                                <path
                                                                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                                    fill="#d81e06" p-id="25746"></path>
                                                            </svg>
                                                        </span>

                                                        <div class="headerConent sitgBox">
                                                            <p v-if="!value.isUnfold">
                                                                <span class="analysisColor">展开解析</span><el-image />
                                                            </p>
                                                            <p v-else>
                                                                <span class="analysisColor">收起解析</span><el-image />
                                                            </p>
                                                        </div>
                                                    </div>
                                                </template>
                                                <!-- 解析 -->
                                                <div v-if="value.analysisCon" v-html="value.analysisCon"></div>
                                                <div v-else>暂无数据</div>
                                            </el-collapse-item>
                                        </el-collapse>
                                        <!-- 主观题 -->
                                        <el-collapse v-else v-model="value.isUnfold" accordion>
                                            <el-collapse-item :name="value.id" class="objective">
                                                <template #title>
                                                    <div class="headerBox">
                                                        <p v-if="!value.isUnfold">
                                                            <span class="analysisColor">展开答案与解析</span>
                                                        </p>
                                                        <p v-else>
                                                            <span class="analysisColor">收起答案与解析</span>
                                                        </p>
                                                    </div>
                                                </template>
                                                <div class="referBox">
                                                    <span>参考答案：</span>
                                                    <span v-html="value.answer" class="ti-2" :class="[
                                                        'subjectiveBox',
                                                        value.isUnfold ? 'showText' : 'hideText',
                                                    ]"></span>
                                                </div>
                                                <!-- 解析 -->
                                                <div class="referBox" v-if="value.analysisCon">
                                                    <span>解析：</span>
                                                    <p v-html="value.analysisCon" :class="[
                                                        'subjectiveBox',
                                                        'ti-2',
                                                        value.isUnfold ? 'yincang' : '',
                                                    ].join(' ')
                                                        "></p>
                                                </div>
                                            </el-collapse-item>
                                        </el-collapse>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom-btn" v-if="!loading">
                        <el-button class="examinations-btn-box" @click="saveAnswer">保存</el-button>
                        <el-button @click="(e) => {
                            handleQuestion();
                            saveAnswer(e);
                        }
                            " class="examinations-btn-box" :style="{ borderColor: primaryColor }">提交</el-button>
                        <el-button @click="redo" class="examinations-btn-box">重做</el-button>
                        <el-button @click="(e) => {
                            openAnswers();
                            saveAnswer(e);
                        }
                            " class="examinations-btn-box" :style="{ borderColor: primaryColor }">查看答案</el-button>
                    </div>
                </div>
            </div>
        </div>
    </el-dialog>
</template>

<script>
import { MathfieldElement } from "mathlive";
import { Message } from "element-ui";
import TEditorVue from "@/components/teditor/index.vue";
export default {
    name: "examination-option",
    components: { TEditorVue },
    props: {
        isClear: {
            type: Boolean,
            default: false,
        },
        cardList: {
            type: Array,
        },
        primaryColor: {
            type: String,
            default: "#00aeef",
        },
        chapter: {
            type: Number,
        },
        page: {
            type: Number || String,
        },
        inputBc: {
            type: String,
            default: "#fff",
        },
        hideCollect: {
            type: Boolean,
            default: false,
        },
        sourceType: {
            type: String,
            default: "bits",
        },
        questionTitle: {
            type: String,
        }
    },
    data() {
        return {
            type: "option",
            cardData: [],
            loading: true,
            heart: require("@/assets/images/heart.png"),
            isHeart: require("@/assets/images/heart-check.png"),
            collectList: [],
            localDialogVisible: false,
            allCollect: [
                {
                    type: "bits",
                    collectList: [],
                },
                {
                    type: "json",
                    collectList: [],
                },
            ],
            errorList: [],
            allError: [
                {
                    type: "bits",
                    errorList: [],
                },
                {
                    type: "json",
                    errorList: [],
                },
            ],
        };
    },
    watch: {
        cardList: {
            handler(newVal) {
                this.cardData = this.cardList;
                if (newVal && newVal.length) {
                    this.loading = false;
                }
            },
            immediate: true,
            deep: true,
        },
    },
    mounted() {
        this.getCollectIdList();
        this.getErrorList();
    },
    methods: {
        hadleOpenDialog() {
            
        },
        // 获取不受保护的图片
        getPublicImage(md5, width, height) {
            if (!md5) return;
            if (md5.includes("http")) {
                if (width) {
                    return md5 + `?width=${width}`;
                } else {
                    return md5;
                }
            }
            let src = null;
            if (md5) {
                src = process.env.VUE_APP_API_URL + `/file/GetPreViewImage?md5=${md5}`;
            }
            if (width) src += `&width=${width}`;
            if (height) src += `&height=${height}`;
            return src;
        },
        // 数组转为字符串方法
        arrayToString(data) {
            // 检查是否为数组
            if (Array.isArray(data)) {
                // 使用 join 方法将数组转换为字符串，默认使用逗号分隔
                return data.join(",").replace(/<[^>]*>/g, "");
            } else {
                // 如果不是数组，直接返回原始值
                return data.replace(/<[^>]*>/g, "");
            }
        },
        isHaveAnswer(data) {
            if (typeof data == "string") {
                data = data
                    .replace(/<[^>]*>/g, "")
                    .replace(/&nbsp;/g, "")
                    .trim();
                if (data.length) {
                    return true;
                } else {
                    return false;
                }
            } else {
                const answer = data.find((item) => item.length > 0);
                if (answer) {
                    return true;
                } else {
                    return false;
                }
            }
        },
        redo() {
            for (let index = 0; index < this.cardData.length; index++) {
                const item = this.cardData[index];
                for (let cindex = 0; cindex < item.infoList.length; cindex++) {
                    const citem = item.infoList[cindex];
                    if (typeof citem.userAnswer == "string") {
                        citem.userAnswer = "";
                    } else {
                        if (citem.questionType == "multipleChoice") {
                            citem.userAnswer = [];
                        } else {
                            // 填空题
                            for (let dindex = 0; dindex < citem.userAnswer.length; dindex++) {
                                citem.userAnswer[dindex] = "";
                            }
                        }
                    }
                    citem.isComplete = false;
                }
            }
        },
        openAnswers() {
            this.$data.loading = true;
            for (let index = 0; index < this.cardData.length; index++) {
                const item = this.cardData[index];
                for (let cindex = 0; cindex < item.infoList.length; cindex++) {
                    const citem = item.infoList[cindex];
                    citem.isComplete = true;
                }
            }
            this.$data.loading = false;
        },
        watchParsing(data) {
            data.isUnfold = !data.isUnfold;
        },
        // 批改题目  (练习,我的做题,我的收藏模式下)
        handleQuestion() {
            let errorId = [];
            const list = this.cardData;
            for (let index = 0; index < list.length; index++) {
                const item = list[index];
                for (let cindex = 0; cindex < item.infoList.length; cindex++) {
                    const citem = item.infoList[cindex];
                    citem.isComplete = true;
                    // 修改题目状态为完成
                    citem.isComplete = true;
                    // 批改题目
                    if (citem.questionType == "multipleChoice") {
                        // 多选题
                        if (citem.answer.length == citem.userAnswer.length) {
                            const sortedArr1 = citem.answer.slice().sort();
                            const sortedArr2 = citem.userAnswer.slice().sort();
                            citem.isRight = sortedArr1.every(
                                (value, index) => value === sortedArr2[index]
                            );
                        } else {
                            citem.isRight = false;
                        }
                    } else if (
                        citem.questionType == "singleChoice" ||
                        citem.questionType == "judge" ||
                        citem.questionType == "dropdown"
                    ) {
                        citem.isRight = citem.answer == citem.userAnswer;
                    } else if (citem.questionType == "shortAnswer") {
                        // 简答 翻译
                        citem.isRight = null;
                    } else if (
                        citem.questionType == "completion" ||
                        citem.questionType == "mathField"
                    ) {
                        // 填空
                        if (typeof citem.answer == "string") {
                            citem.isRight = citem.answer == citem.userAnswer[0];
                        } else {
                            if (citem.answer.length != citem.userAnswer.length) {
                                citem.isRight = false;
                            } else {
                                citem.isRight = citem.answer.every(
                                    (value, index) => value === citem.userAnswer[index]
                                );
                            }
                        }
                    }
                    if (citem.isRight == false) {
                        errorId.push(citem.id);
                    }
                }
            }
            this.cardData = list;
            let oldErrodId = this.allError.find(
                (item) => item.type == this.sourceType
            ).errorList;
            for (let index = 0; index < errorId.length; index++) {
                const item = errorId[index];
                if (oldErrodId.indexOf(item) == -1) {
                    oldErrodId.push(item);
                }
            }
            for (let cindex = 0; cindex < this.allError.length; cindex++) {
                const citem = this.allError[cindex];
                if (citem.type == this.sourceType) citem.errorList = oldErrodId;
            }
            this.MG.identity
                .setUserKey({
                    setKeyRequests: [
                        {
                            domain: "errorData",
                            key: this.config.activeBook.bookId,
                            value: JSON.stringify(this.allError),
                        },
                    ],
                })
                .then((res) => {
                    console.log("错题已保存", this.allError);
                });
        },
        getParentWithClass(element, className) {
            while (element.parentElement) {
                element = element.parentElement;
                if (element.classList.contains(className)) {
                    return element;
                }
            }
        },
        // 保存按钮
        saveAnswer(e) {
            if (e.srcElement) {
                const pageNum = this.getParentWithClass(
                    e.srcElement,
                    "page-box"
                ).getAttribute("page");
                const oldAnswerData = localStorage.getItem(
                    this.config.activeBook.name + "oldAnswerData"
                );
                let oldData = oldAnswerData ? JSON.parse(oldAnswerData) : {};
                const asnwerList = [];
                for (let index = 0; index < this.cardData.length; index++) {
                    const item = this.cardData[index];
                    for (let cindex = 0; cindex < item.infoList.length; cindex++) {
                        const citem = item.infoList[cindex];
                        asnwerList.push({
                            id: citem.id,
                            userAnswer: citem.userAnswer,
                        });
                    }
                }
                if (oldData[pageNum]) {
                    oldData[pageNum] = oldData[pageNum].filter(
                        (citem) =>
                            asnwerList.findIndex((ditem) => ditem.id == citem.id) == -1
                    );
                    oldData[pageNum].push(...asnwerList);
                } else {
                    oldData[pageNum] = asnwerList;
                }
                localStorage.setItem(
                    this.config.activeBook.name + "oldAnswerData",
                    JSON.stringify(oldData)
                );
                Message.success("保存成功");
            }

            // if(oldData[this.chapter]) {
            //   oldData[this.chapter][this.page] = asnwerList
            // } else {
            //   oldData[this.chapter] = {}
            //   oldData[this.chapter][this.page] = asnwerList
            // }
            // console.log(oldData);
        },
        handleCollect(infoNum, num) {
            this.cardData[infoNum].infoList[num].isCollect =
                !this.cardData[infoNum].infoList[num].isCollect;
        },
        // 题目收藏按钮,收藏和取消同一接口，取消数组减去该项id
        setCollect(num, number) {
            let item = null;
            if (number) {
                item = this.cardData[num].infoList[number];
            } else {
                item = this.cardData[num];
            }
            item.isCollect = !item.isCollect;
            console.log(111, item);
            if (this.cardData.length == 0) {
                this.collectList.push(item.id);
            } else {
                const isShow = this.collectList.findIndex((citem) => citem == item.id);
                if (isShow == -1) {
                    this.collectList.push(item.id);
                } else {
                    this.collectList = this.collectList.filter(
                        (citem) => citem != item.id
                    );
                }
            }
            const list = this.collectList;
            for (let index = 0; index < this.allCollect.length; index++) {
                const item = this.allCollect[index];
                if (item.type == this.sourceType) item.collectList = this.collectList;
            }
            console.log("点击收藏按钮", this.allCollect);
            this.MG.identity
                .setUserKey({
                    setKeyRequests: [
                        {
                            domain: "collectData",
                            key: this.config.activeBook.bookId,
                            value: JSON.stringify(this.allCollect),
                        },
                    ],
                })
                .then((res) => {
                    console.log("收藏/取消成功");
                });
        },
        // 获取收藏id列表
        getCollectIdList() {
            const token = localStorage.getItem("token");
            if (!token) return false;
            this.MG.identity
                .getUserKey({
                    domain: "collectData",
                    keys: [this.config.activeBook.bookId],
                })
                .then((res) => {
                    try {
                        const collect = JSON.parse(res[0].value);
                        console.log("全部收藏id", collect);
                        if (collect.length) {
                            this.collectList = collect.find(
                                (citem) => citem.type == this.sourceType
                            ).collectList;
                            this.allCollect[0].collectList = collect.find(
                                (citem) => citem.type == "bits"
                            ).collectList;
                            this.allCollect[1].collectList = collect.find(
                                (citem) => citem.type == "json"
                            ).collectList;
                        }
                    } catch (error) {
                        console.log("暂无数据");
                    }
                })
                .catch((res) => {
                    console.log("答题器请求题目收藏id报错");
                });
        },
        // 获取错题id列表
        getErrorList() {
            const token = localStorage.getItem("token");
            if (!token) return false;
            this.MG.identity
                .getUserKey({
                    domain: "errorData",
                    keys: [this.config.activeBook.bookId],
                })
                .then((res) => {
                    try {
                        const error = JSON.parse(res[0].value);
                        if (error.length) {
                            this.errorList = error.find(
                                (citem) => citem.type == this.sourceType
                            ).errorList;
                            this.allError[0].errorList = error.find(
                                (citem) => citem.type == "bits"
                            ).errorList;
                            this.allError[1].errorList = error.find(
                                (citem) => citem.type == "json"
                            ).errorList;
                        }
                    } catch (error) { }
                })
                .catch(() => { });
        },
        onChangeInput(e, index, cindex, num) {
            this.cardData[index].infoList[cindex].userAnswer[num] = e.target.value;
        },
        closeDialog() {
            this.localDialogVisible = false
        },
        openDialogQuestion() {
            this.localDialogVisible = true
        },
    },
};
</script>


<style lang="less" scoped>

.titleText img {
    max-width: 80%;
    min-width: 220px;
}

.custom-dialog {
    height: 90vh;
    overflow: scroll;
}

/deep/.el-loading-mask {
    background: transparent !important;
}


.catalogName {
    display: flex;
    text-indent: 1em !important;
    font-size: 16px;

    .catalogName-box {
        display: inline-block;
        width: 94%;
    }
}

.catalogImage {
    width: 50%;
}

.examination {
    padding: 10px 0 50px 0;
    ul {
        list-style: none;
    }

    p {
        margin: 0;
    }

    math {}
}

.examinations-btn-box {
    height: 30px;
    width: 78px;
    padding: 4px 10px;
}

.border-box {
    padding-top: 20px;
    // border: 2px solid #e9e9e9;
}

.ti-2 {
    text-indent: 2em !important;
}

.questionContent {
    text-indent: 0em !important;
    margin-left: 20px;

    /deep/ .el-textarea__inner:focus {
        border-color: #15c0f2;
    }
}

.input {
    /deep/ .el-input__inner {
        height: 26px;
    }
}

p {
    margin-top: 0em;
    text-indent: 0em !important;
    line-height: 1.5em;
    font-size: 16px;
}

.colorBox {
    margin: 0 10px 0 23px;
    width: 4px;
    height: 19px;
    background-color: #ff6c00;
}

.textOverFlow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.question {
    overflow: auto;
    height: 775px;
    padding-bottom: 20px;
}

.question::-webkit-scrollbar {
    width: 3px;
}

/*滚动条滑块*/
.question::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: #333;
}

/*滚动条轨道*/
.question::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 20px;
    background: #d9d9d9;
}

.paperMargin {
    margin-top: 30px;

    ul li {
        padding: 20px 41px 0px 46px;
    }

    li:last-child {
        padding-bottom: 20px;
    }
}

.paperQuestion {
    padding-left: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;

    .questionText {
        font-size: 16px;
        color: #000;
    }

    span {
        color: #c2c2c2;
    }
}

/** 题干 */
.questionTitle {
    display: flex;
    justify-content: center;

    .titleContent {
        width: 95%;
        display: flex;
        align-items: flex-start;

        .questionNum {
            text-indent: 0 !important;
            margin-right: 5px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            font-size: 16px;
            color: #333;
            font-weight: bold;
        }

        .text-fl {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .titleText {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            text-align: left;
            min-width: 90%;
            font-size: 16px;
            line-height: 32px;
            color: #000;

            .input-txt {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }

            span {
                display: inline-block;
                font-size: 16px;
                color: #000;
                font-weight: 400;
                margin-top: 6px;
            }

            select {
                outline: none;
                min-width: 100px;
            }

            input {
                width: 140px;
                height: 24px;
                border: 0;
                outline: none;
                border-bottom: 1px solid #000;
            }

            /deep/ .el-textarea.is-disabled .el-textarea__inner {
                background-color: #fff;
            }

            /deep/ .el-input.is-disabled .el-input__inner {
                background-color: #fff;
            }

            /dee/ p {
                display: flex;
                align-items: center;
            }
        }

        ::v-deep {
            .el-input__wrapper {
                border-top: 0 !important;
            }
        }
    }

    .collect {
        cursor: pointer;
        width: 21px;
        height: 21px;
    }

    .mathField {
        min-width: 200px;
        max-width: 518px;
    }
}


/** 选项 */
.option {

    .el-radio,
    .el-checkbox {
        // min-height: 32px;
        height: min-content;
        display: flex;
        align-items: center;
        min-width: 45%;
        margin-right: 50px;
        margin-bottom: 6px;
        white-space: pre-wrap !important;
        color: #000;

        /deep/ .el-checkbox__label {
            line-height: 1.5;
        }
    }

    /deep/ .el-radio__inner {
        border-color: #a5a3a3;
    }

    .optionContent {
        margin: 0;
        display: flex;
        align-items: center;
        line-height: 26px;
        color: #000;
    }
}

.analysis {
    margin: 20px 0;
    width: 94%;
    // margin-left: 12px;
}

.el-collapse {
    width: 100%;
}

/** 解析 */
.objective {
    /deep/ .el-collapse-item__header {
        min-height: 48px;
        height: min-content;
        padding: 0 20px;
        font-size: 16px;
        background-color: #f4f4f4;

        .headerBox {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;

            .headerConent {
                height: 100%;
                display: flex;
                align-items: center;
                flex-wrap: wrap;

                p {
                    margin-bottom: 0;
                }

                .el-image {
                    width: 9px;
                    height: 9px;
                }

                .correct {
                    color: #1fbc1f;
                    width: 180px;
                    text-align: left;
                    display: flex;

                    span:nth-child(1) {
                        display: inline-block;
                        width: 82px;
                    }
                }

                .correctBox {
                    width: 100px;
                    height: min-content;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    /* 这里是超出几行省略 */
                    overflow: hidden;
                }

                .error {
                    display: flex;
                    text-align: left;
                    width: 170px;
                    color: #ee1818;

                    span {
                        height: min-content;
                    }

                    .errorBox {
                        width: 100px;
                        // height: 48px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;

                        ::v-deep {
                            img {
                                max-height: 48px;
                            }
                        }
                    }
                }
            }
        }

        .checkAnalysis {
            cursor: pointer;
            height: 100%;
            display: flex;
            align-items: center;
        }
    }
}

/deep/ .el-collapse-item__header:focus:not(:hover) {
    color: #333;
}

/deep/ .el-collapse-item__content {
    width: 93%;
    padding: 0 20px;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #333;
}

/deep/ .el-collapse-item__arrow {
    display: none;
}

.subjectiveItem {
    background-color: #f4f4f4;
    padding: 10px 20px;

    p {
        text-indent: 0em;
    }
}

.subjective {
    /deep/ .el-collapse-item__header {
        height: 80px;
        background-color: #f4f4f4;
        width: 100%;
        padding: 0 20px;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .subjectiveTitle {
        width: 80px;
        height: 20px;
        line-height: 20px;
    }

    .subjectiveRefer {
        display: flex;
        align-items: flex-start;
        text-align: left;
    }

    .subjectiveAnswer {
        width: 540px;
        height: 20px;
        text-align: left;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        /* 这里是超出几行省略 */
        overflow: hidden;
        line-height: 20px;
    }

    .analysisDetailBox {
        overflow: hidden;
        max-height: 100px;
        transition: 1s;

        &.open {
            max-height: 500px;
        }

        &.close {
            max-height: 20px;
        }

        .referBox {
            display: flex;
            margin-bottom: 10px;

            span {
                width: 80px;
                color: #999;
            }

            p {
                flex: 1;
                overflow: hidden;
            }

            span,
            p {
                text-indent: 0em;
                font-size: 16px;
                line-height: 20px;
            }
        }
    }
}

// 选项
.optionImg {
    height: min-content;
    margin-bottom: 6px;

    /deep/ img {
        margin-left: 10px;
        object-fit: contain;
        vertical-align: middle;
    }
}

.optionTxt {
    height: 32px;
}

// 题干仅图片
.stemImg {
    margin: 0 10px 10px 10px;
}

// 文字加图片
.stemTxtAndImage {
    display: flex;
    align-items: flex-start;
}

.titleTextArea {
    ::v-deep {

        img,
        .el-image__inner {
            max-width: 150px !important;
            max-height: 100px !important;
            object-fit: contain;
        }
    }
}

.questionAnalysis {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: space-between;

    .analysisAnswer {
        width: 74%;
        display: flex;
    }

    .referAnswer {
        display: inline-block;
        width: 60px;
    }

    .answerContent {
        height: 48px;
        width: 80%;
        text-align: left;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        /* 这里是超出几行省略 */
        overflow: hidden;
    }

    .el-image {
        width: 9px;
        height: 9px;
    }
}

.analysisColor {
    cursor: pointer;
    color: #949494;
    margin-right: 4px;
}

.difficulty {
    display: flex;
    align-items: center;
}

.cartoon {
    animation: spread 1s linear forwards;
}

.downCartoon {
    animation: downSpred 1s linear forwards;
}

.showText {
    animation: showText 1s linear forwards;
}

.hideText {
    animation: hideText 2s linear forwards;
}

@keyframes spread {
    from {
        max-height: 20px;
    }

    to {
        max-height: 500px;

        p {
            flex: 1;
            overflow: hidden;
        }
    }
}

@keyframes downSpred {
    from {
        max-height: 500px;
    }

    to {
        max-height: 20px;
    }
}

@keyframes showText {
    100% {
        height: auto;
    }
}

@keyframes hideText {
    0% {
        height: auto;
    }

    100% {
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.yincang {
    animation: yincang 1s linear forwards;
}

@keyframes yincang {
    from {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    to {
        overflow: auto;
        text-overflow: initial;
        white-space: pre-wrap;
    }
}

.bottom-btn {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 50px;
    .el-button {
        margin-top: 10px;
    }
}

.radio-img {
    width: 200px;
    object-fit: contain;
}

.collect-png {
    cursor: pointer;
    width: 18px;
    object-fit: contain;
}

/deep/ .examination-math {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
</style>

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

@@ -795,7 +795,7 @@
import { Message } from "element-ui";
import tool from "@/assets/js/toolClass.js";
import preView from "@/components/pdfview/index.vue";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
import dialogExaminations from "../../components/dialogExaminations/index.vue";
export default {
  name: "chapterTwo",
  props: {

 src/books/hotelEnglishTrainingBrochure2nd/assets/englishKeyWords.js

@@ -1,4 +1,4 @@
const keyWordData = [
const testData = [
  {
    name: "cashier's station",
    prototype: "cashier's station",
@@ -372,4 +372,4 @@
  },
];

export default keyWordData;
export default testData;

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

@@ -1684,7 +1684,7 @@
      </div>
    </div>
    <!-- 309页 -->
    <div class="page-box" page="18">
    <!-- <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-right">
@@ -1733,9 +1733,9 @@
          <div class="copyrightPage-right-box">309</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 310页 -->
    <div class="page-box" page="19">
    <!-- <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-left">
@@ -1795,9 +1795,9 @@
          <div class="copyrightPage-left-box">310</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 311页 -->
    <div class="page-box" page="20">
    <!-- <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-right">
@@ -1812,9 +1812,9 @@
          <div class="copyrightPage-right-box">311</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 312页 -->
    <div class="page-box" page="21">
    <!-- <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-left">
@@ -1829,9 +1829,9 @@
          <div class="copyrightPage-left-box">312</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 313页 -->
    <div class="page-box" page="22">
    <!-- <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-right">
@@ -1846,9 +1846,9 @@
          <div class="copyrightPage-right-box">313</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 314页 -->
    <div class="page-box" page="23">
    <!-- <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-left">
@@ -1863,9 +1863,9 @@
          <div class="copyrightPage-left-box">314</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 315页 -->
    <div class="page-box" page="24">
    <!-- <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-right">
@@ -1880,9 +1880,9 @@
          <div class="copyrightPage-right-box">315</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 316页 -->
    <div class="page-box" page="25">
    <!-- <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-left">
@@ -1897,9 +1897,9 @@
          <div class="copyrightPage-left-box">316</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 317页 -->
    <div class="page-box" page="26">
    <!-- <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-right">
@@ -1914,9 +1914,9 @@
          <div class="copyrightPage-right-box">317</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 318页 -->
    <div class="page-box" page="27">
    <!-- <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-left">
@@ -1931,9 +1931,9 @@
          <div class="copyrightPage-left-box">318</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 319页 -->
    <div class="page-box" page="28">
    <!-- <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-right">
@@ -1948,9 +1948,9 @@
          <div class="copyrightPage-right-box">319</div>
        </div>
      </div>
    </div>
    </div> -->
    <!-- 320页 -->
    <div class="page-box" page="29">
    <!-- <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="copyrightPage-top"></div>
        <ul class="header-left">
@@ -1965,7 +1965,7 @@
          <div class="copyrightPage-left-box">320</div>
        </div>
      </div>
    </div>
    </div> -->
  </div>
</template>
<script>

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

@@ -45,7 +45,8 @@
import NoteIcon from "@/assets/images/biji.png";
// import getQuestionList from "@/assets/methods/examination";
// import testData from "../../assets/examinationList";
import keyWordData from "../../assets/englishKeyWords.js";
// import keyWordData from "../../assets/englishKeyWords";

import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
@@ -76,7 +77,379 @@
      prototype: "",
      IPA: "",
      translate: "",
      keywordList: keyWordData
      keyWordData: [
        {
          name: "cashier's station",
          prototype: "cashier's station",
          IPA: null,
          page: null,
          translate: "收银台",
        },
        {
          name: "concerned",
          prototype: "concern",
          IPA: "[kənˈsɜːn]",
          page: null,
          translate: "v. 影响，牵涉，与……有关",
        },
        {
          name: "present",
          prototype: "present",
          IPA: "[prɪzent]",
          page: null,
          translate: "v. 把……交给，提交，呈现",
        },
        {
          name: "drawing up",
          prototype: "draw up",
          IPA: null,
          page: null,
          translate: "草拟，制定",
        },
        {
          name: "entitled",
          prototype: "entitle",
          IPA: "[ɪnˈtaɪtl]",
          page: null,
          translate: "v. 使享有权利，使符合资格",
        },
        {
          name: "calculate",
          prototype: "calculate",
          IPA: "[ˈkælkjʊleɪt]",
          page: null,
          translate: "v. 计算，核算",
        },
        {
          name: "debit card",
          prototype: "debit card",
          IPA: null,
          page: null,
          translate: "借记卡",
        },
        {
          name: "gift certifi cate",
          prototype: "gift certifi cate",
          IPA: null,
          page: null,
          translate: "礼品券，赠券",
        },
        {
          name: "American Express (AE/AX)",
          prototype: "American Express (AE/AX)",
          IPA: null,
          page: null,
          translate: "美国运通卡",
        },
        {
          name: "MasterCard (MC)",
          prototype: "MasterCard (MC)",
          IPA: null,
          page: null,
          translate: "万事达信用卡",
        },
        {
          name: "Visa (VS)",
          prototype: "Visa (VS)",
          IPA: null,
          page: null,
          translate: "维萨卡",
        },
        {
          name: "enRoute (ER)",
          prototype: "enRoute (ER)",
          IPA: null,
          page: null,
          translate: "在途卡",
        },
        {
          name: "Eurocard (EC)",
          prototype: "Eurocard (EC)",
          IPA: null,
          page: null,
          translate: "欧洲卡",
        },
        {
          name: "International Great Wall",
          prototype: "International Great Wall",
          IPA: null,
          page: null,
          translate: "长城卡",
        },
        {
          name: "International Diner's Club",
          prototype: "International Diner's Club",
          IPA: null,
          page: null,
          translate: "大来卡",
        },
        {
          name: "Federal Card",
          prototype: "Federal Card",
          IPA: null,
          page: null,
          translate: "联邦卡 / 发达卡",
        },
        {
          name: "authorized",
          prototype: "authorize",
          IPA: null,
          page: null,
          translate: "v. 批准，授权",
        },
        {
          name: "credit limit",
          prototype: "credit limit",
          IPA: null,
          page: null,
          translate: "信用限额",
        },
        {
          name: "currency",
          prototype: "currency",
          IPA: "[ˈkʌrənsɪ]",
          page: null,
          translate: "n. 货币",
        },
        {
          name: "honor",
          prototype: "honor",
          IPA: "[ˈɒnə]",
          page: null,
          translate: "v. 尊重，接受",
        },
        {
          name: "receipt",
          prototype: "receipt",
          IPA: "[rɪˈsiːt]",
          page: null,
          translate: "n. 收据",
        },
        {
          name: "personal checks",
          prototype: "personal check",
          IPA: null,
          page: null,
          translate: "个人支票",
        },
        {
          name: "change",
          prototype: "change",
          IPA: "[tʃeɪndʒ]",
          page: null,
          translate: "n. 找给的零钱；找头",
        },
        {
          name: "invoice",
          prototype: "invoice",
          IPA: "[ˈɪnvɔɪs]",
          page: null,
          translate: "n. 发票",
        },
        {
          name: "exchange",
          prototype: "exchange",
          IPA: "[ɪksˈtʃeɪndʒ]",
          page: null,
          translate: "n./v. 交换，兑换",
        },
        {
          name: "purchases",
          prototype: "purchase",
          IPA: "[ˈpɜːtʃəs]",
          page: null,
          translate: "n./v. 购买，采购",
        },
        {
          name: "Canadian dollar",
          prototype: "Canadian dollars",
          IPA: null,
          page: null,
          translate: "加币，加拿大元",
        },
        {
          name: "accessible",
          prototype: "accessible",
          IPA: "[əkˈsesəbl]",
          page: null,
          translate: "adj. 可到达的，可得到的",
        },
        {
          name: "give a better bang for your buck",
          prototype: "give a better bang for your buck",
          IPA: null,
          page: null,
          translate: "让钱花得更划算",
        },
        {
          name: "reputable",
          prototype: "reputable",
          IPA: "[ˈrepjʊtəbl]",
          page: null,
          translate: "adj. 信誉好的，名声好的",
        },
        {
          name: "securely",
          prototype: "securely",
          IPA: "[sɪˈkjʊəlɪ]",
          page: null,
          translate: "adv. 安全地",
        },
        {
          name: "branches",
          prototype: "branch",
          IPA: "[brɑːntʃ]",
          page: null,
          translate: "n. 分支机构，分行",
        },
        {
          name: "converting",
          prototype: "convert",
          IPA: "[kənˈvɜːt]",
          page: null,
          translate: "v. 转换",
        },
        {
          name: "currency exchange booths",
          prototype: "currency exchange booth",
          IPA: null,
          page: null,
          translate: "货币兑换亭",
        },
        {
          name: "exchange rate",
          prototype: "exchange rate",
          IPA: null,
          page: null,
          translate: "汇率",
        },
        {
          name: "small notes",
          prototype: "small note",
          IPA: null,
          page: null,
          translate: "小额纸币",
        },
        {
          name: "memo",
          prototype: "memo",
          IPA: "[ˈmeməʊ]",
          page: null,
          translate: "n. 备忘录（此处指“兑换水单”）",
        },
        {
          name: "produce",
          prototype: "produce",
          IPA: "[prəˈdjus]",
          page: null,
          translate: "v. 生产；生长；给出（证据）；出示",
        },
        {
          name: "invoice",
          prototype: "invoice",
          IPA: "[ˈɪnvɔɪs]",
          page: null,
          translate: "n. 发票 , 费用清单",
        },
        {
          name: "opt",
          prototype: "opt",
          IPA: "[ɒpt]",
          page: null,
          translate: "v. 选择",
        },
        {
          name: "in-person service",
          prototype: "in-person service",
          IPA: null,
          page: null,
          translate: "面对面服务",
        },
        {
          name: "post",
          prototype: "post",
          IPA: "[pəʊst]",
          page: null,
          translate: "v. 发布信息",
        },
        {
          name: "business seal",
          prototype: null,
          IPA: null,
          page: null,
          translate: "业务公章",
        },
        {
          name: "cashier",
          prototype: null,
          IPA: null,
          page: null,
          translate: "收银员",
        },
        {
          name: "check out",
          prototype: null,
          IPA: null,
          page: null,
          translate: "结账离店",
        },
        {
          name: "currency",
          prototype: null,
          IPA: null,
          page: null,
          translate: "货币",
        },
        {
          name: "draw up a bill",
          prototype: null,
          IPA: null,
          page: null,
          translate: "草拟账单",
        },
        {
          name: "equivalent",
          prototype: null,
          IPA: null,
          page: null,
          translate: "等同的",
        },
        {
          name: "exchange memo",
          prototype: null,
          IPA: null,
          page: null,
          translate: "兑换水单",
        },
        {
          name: "master account",
          prototype: null,
          IPA: null,
          page: null,
          translate: "主账户",
        },
        {
          name: "net amount",
          prototype: null,
          IPA: null,
          page: null,
          translate: "净额",
        },
        {
          name: "valid date",
          prototype: null,
          IPA: null,
          page: null,
          translate: "有效期",
        },
        {
          name: "in-person service",
          prototype: null,
          IPA: null,
          page: null,
          translate: "当面服务",
        },
      ],
    };
  },
  computed: {
@@ -120,7 +493,7 @@
          this.closeAudio();
          this.closeVideo();
          this.handleTanslateWord();
        }, 200);
        }, 5000);
      },
    },
    pageZoom: {
@@ -141,6 +514,7 @@
      this.throttleThreshold,
      { leading: true, trailing: false }
    );

    // 定义子层方法
    if (this.setGlobalState) {
      // 提供页面跳转功能
@@ -966,7 +1340,7 @@
            const rect = dom.getBoundingClientRect();
            this.pageX = rect.left;
            this.pageY = rect.top + rect.height;
            this.keywordList.forEach((item) => {
            this.keyWordData.forEach((item) => {
              if (item.name == event.target.innerText) {
                this.showWord = item.name
                this.prototype = item.prototype

 src/books/hydraulicTransmission/assets/images/Figure-0001-02-01.png

 src/books/hydraulicTransmission/assets/images/Figure-0001-02-02.png

 src/books/hydraulicTransmission/assets/images/Figure-0001-02.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0001-03.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0002-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0002-02.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0002-03.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0002-04.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0002-05.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0003-01-01.png

 src/books/hydraulicTransmission/assets/images/Figure-0003-01-02.png

 src/books/hydraulicTransmission/assets/images/Figure-0003-01-03.png

 src/books/hydraulicTransmission/assets/images/Figure-0003-01-04.png

 src/books/hydraulicTransmission/assets/images/Figure-0003-01-05.png

 src/books/hydraulicTransmission/assets/images/Figure-0003-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0003-03.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0006-01-01.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-01-02.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-01-03.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-01-04.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0006-02-01.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-02-02.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-02-03.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-02-04.png

 src/books/hydraulicTransmission/assets/images/Figure-0006-02.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0007-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0008-01-01.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-01-02.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-01-03.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0008-02-01.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-02-02.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-02-03.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-02.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0008-03-01.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-03-02.png

 src/books/hydraulicTransmission/assets/images/Figure-0008-03.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0010-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0011-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0012-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0012-02.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0012-03.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0013-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0013-02.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0014-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0014-02.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0015-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0016-06.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0016-07.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0016-08.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0017-04.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0018-01.jpg

 src/books/hydraulicTransmission/assets/images/Figure-0018-02.jpg

 src/books/hydraulicTransmission/assets/mian.less

New file
@@ -0,0 +1,2016 @@
.hydraulicTransmission {
    width: 100%;
    height: 100%;

    // 自定义内容
    .page-box {
        box-sizing: border-box;
        min-height: 1128px;
        margin-bottom: 20px;
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
    }

    .wh-no {
        white-space: nowrap;
    }

    .c-g {
        color: green;
    }

    .c-r {
        color: red;
    }

    .t-right {
        text-align: right;
    }

    .mr-0 {
        margin: 0;
    }

    .mt-10 {
        margin-top: 10px !important;
    }

    .mt-20 {
        margin-top: 20px !important;
    }

    .table-pad {
        padding: 1em 0.7em !important;
    }

    .mt-30 {
        margin-top: 30px !important;
    }

    .mt-70 {
        margin-top: 70px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .mb-30 {
        margin-bottom: 30px !important;
    }

    .ma-l {
        margin-left: 8%;
    }

    .ma-0 {
        margin: 0% !important;
    }

    .pd-5 {
        padding: 0 5px;
    }

    .w100 {
        width: 100%;
    }

    .w80 {
        width: 80%;
    }

    .w70 {
        width: 70%;
    }

    .w25 {
        width: 25%;
    }

    .w20 {
        width: 20%;
    }

    .fz-13 {
        font-size: 13px !important;
    }

    .fz-14 {
        font-size: 14px !important;
    }

    .fz-16 {
        font-size: 16px !important;
    }

    .fz-18 {
        font-size: 18px !important;
    }

    .fz-20 {
        font-size: 20px;
    }

    .img-0 {
        width: 100%;
    }

    .img-c {
        width: 70%;
    }

    .pt-20 {
        padding-top: 20px;
    }

    .td-0 {
        text-indent: 0em !important;
    }

    .td-1 {
        text-indent: 1em !important;
    }


    td {
        padding: 5px 10px;
    }

    .fl {
        display: flex;
    }

    .ju-cn {
        justify-content: center;
    }

    .ju-ev {
        justify-content: space-evenly;
    }

    .jc-fs {
        justify-content: flex-start;
    }

    .fw-w {
        flex-wrap: wrap;
    }

    .fd-c {
        flex-direction: column;
    }

    .fd-r {
        flex-direction: row-reverse;
    }

    .al-c {
        align-items: center;
    }

    .al-fe {
        align-items: flex-end;
    }

    .ac-f {
        align-content: flex-end;
    }

    .jc-fe {
        justify-content: flex-end;
    }

    .jc-c {
        justify-content: center;
    }

    .jc-sa {
        justify-content: space-around
    }

    .ml-40 {
        margin-left: 40px;
    }

    .mr-70 {
        margin-right: 70px;
    }

    .mr-10 {
        margin-right: 10px;
    }

    .pad-t-55 {
        padding-top: 55px;
    }

    .ma-t-30 {
        margin-top: 30px;
    }

    .ma-t-20 {
        margin-top: 20px;
    }

    .pad-l-60 {
        padding-left: 60px;
    }

    .pad-l-80 {
        padding-left: 80px;
    }


    .mb-45 {
        margin-bottom: 45px;
    }

    .mb-20 {
        margin-bottom: 20px !important;
    }

    .mb-30 {
        margin-bottom: 30px !important;
    }

    .page-father {
        display: flex;
    }

    .header-left {
        display: flex;
        justify-content: space-between;
        margin: 0 6%;
        margin-bottom: 10px;
        padding-left:  0;
        padding-top: 10px;
        padding-bottom: 5px;
        border-bottom: 2px solid #000;
    }

    .headerText {
        width: 95%;
        text-align: center;
        font-size: 20px;
    }

    .header-left-box {
        font-size: 14px;
        margin-left: 8%;
        padding-bottom: 7%;
    }



    .header-right {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 50px 0 0 0;
        margin-right: 10%;
        margin-bottom: 30px;

        div {
            width: 9%;
            text-align: center;

            img {
                width: 100%;
                height: auto;
            }
        }
    }

    .headerRight-Number {
        text-align: right;
        font-size: 14px;
        margin-right: 10%;
        padding-bottom: 7%;
    }

    .headerRight-Text {
        font-family: "kaiti";
        font-size: 16px;
        padding-bottom: 2px;
        position: relative;
        margin-right: 10px;
    }

    .headerRight-Text::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        /* 边框高度 */
        background-image: linear-gradient(to right, rgba(136, 136, 136, 0), #1C9E3A);
        /* 从透明到#888888的渐变 */
        z-index: 1;
        /* 确保渐变层在内容上方 */
    }

    .headerRight-box {
        width: 10px;
        height: 20px;
        background-color: #1C9E3A;
    }


    /*二级标题章标*/
    .secondsubHead-1 {
        text-align: left;
        line-height: 1.1em;
        font-size: 1em;
        text-indent: 0em;
        margin: 20% auto 0.3em auto;
        color: #888888;
    }

    .secondsubHead-2 {
        font-family: "方正新报宋";
        background-color: #7acab4;
        display: inline-block;
        align-items: center;
        text-align: left;
        color: #fff;
        border-radius: 10px;
        padding: 0px 10px;
        text-indent: 0em;
        font-size: 22px;
        line-height: 28px;
    }

    .tipes {
        background-color: #e2f2ed;
        border: 2px solid #96d3c1;
        padding: 10px;
    }



    table {
        border-color: none !important;
    }

    .table-th-bc {
        background-color: #FEDDB4;
        color: #000;
    }

    .table-tr-bc {
        background-color: #FEF4E4;
        color: #000;
    }

    .table-textarea {
        font-size: 14px;
        font-family: "Times New Roman", "宋体";
        resize: none;

        &:focus {
            outline: none;
        }
    }

    .textarea-box {
        border: none;
        text-align: center;
        width: 84px;
        height: 36px;
        overflow: auto;
        word-break: break-all;
        resize: none;
    }


    .b0 {
        border: 0;
    }

    .task {
        width: 16%;
        margin-bottom: 5em;
        margin-top: 0;
        border-top: 0.7em solid #5192C6;
    }

    .task2 {
        width: 16%;
        margin-bottom: 5em;
        margin-top: 0;
        border-top: 0.7em solid #F89C1C;
    }

    .task3 {
        width: 16%;
        margin-bottom: 5em;
        margin-top: 0;
        border-top: 0.7em solid #448D9C;
    }

    .task4 {
        width: 16%;
        margin-bottom: 5em;
        margin-top: 0;
        border-top: 0.7em solid #9EAA60;
    }

    .p-odd {
        padding-right: 8%;
    }

    .p-even {
        padding-left: 8%;
    }

    .p-continued {
        text-align: right;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .img-float {
        width: 310px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;

        img {
            width: 100%;
        }

        p {
            margin: 0;
        }
    }

    .img-rights {
        width: 310px;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 20px;

        img {
            width: 100%;
        }

        p {
            margin: 0 !important;
        }
    }

    .w430 {
        width: 430px;
    }

    .w395 {
        width: 395px;
    }

    .w350 {
        width: 350px;
    }

    .w290 {
        width: 290px;
    }

    .w280 {
        width: 280px;
    }

    .w275 {
        width: 275px;
    }

    .w270 {
        width: 270px;
    }

    .w250 {
        width: 250px;
    }

    .w230 {
        width: 230px;
    }

    .w220 {
        width: 220px;
    }

    .w210 {
        width: 210px;
    }

    .w200 {
        width: 200px;
    }

    .w180 {
        width: 180px;
    }

    .w150 {
        width: 150px;
    }

    .w115 {
        width: 115px;
    }

    .pdf .fm-zh {
        font-family: "方正正黑" !important;
    }

    .fm-kt {
        font-family: "kaiti" !important;
        font-weight: 500;
    }

    .fm-fs {
        font-family: "方正仿宋" !important;
    }

    div.bk-ztgs {
        border: 0.15em dotted #5192c6;
        padding: 0.5em;
        margin-bottom: 2em;
        margin-top: 2em;
        border-radius: 1em;
        position: relative;
    }

    p.bj1-ztgs {
        background-color: #5192c6;
        color: #ffffff;
        display: inline-block;
        font-size: 1em;
        padding: 0.1em 0.7em 0.12em 0.7em;
        font-weight: bold;
        border-radius: 0em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -2em;
    }


    .link-float {
        width: 150px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
    }

    .imgBox-003 {
        width: 100%;
        height: 280px;
        margin-bottom: 18px;
    }


    .imgBox {
        display: flex !important;
        flex-direction: column-reverse !important;
        position: relative !important;

        .img {
            margin: 0 !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);
            bottom: -2% !important;
        }

        img {
            height: 80%;
        }
    }

    // 题目

    .textarea-question {
        border-color: #1c9e3a !important;
    }

    .textarea-question:focus {
        outline: none;
        /* 移除默认的焦点轮廓 */
    }

    .textarea-main {
        background-color: transparent;
        max-width: 95%;
        min-width: 95%;
        outline: none;
    }

    .textarea-focused {
        border-color: #5192c6 !important;
        box-shadow: #5192c6 !important;
    }

    .select-border {
        width: 60px;
        border: 0;
        border-bottom: 1px solid #767676;

        &:focus {
            outline: none;
        }
    }

    .btn-border {
        border-radius: 6px;
        border-color: #5192C6;
    }

    .btn-w {
        cursor: pointer;
        font-size: 14px;
        border-width: 1px;
        width: 80px;
        height: 30px;
        background-color: #fff;

        &:hover {
            background-color: #5192C6;
            color: #fff;
        }
    }

    .btn-box {
        margin-left: 5px;
        cursor: pointer;
        text-indent: 0;
        display: inline-block;
        border: 1px solid #27ab93;
        height: 24px;
        padding: 5px;
        background-color: #27ab93;
        border-radius: 5px;


        svg {
            fill: #fff;
        }

        &:hover {
            background-color: #fff;

            svg {
                fill: #27ab93;
            }
        }
    }

    .parimary-btn {
        cursor: pointer;
        min-width: 80px;
        height: 30px;
        font-size: 14px;
        margin-left: 5px;
        background-color: #5192C6;
        border-color: #5192C6;
        border-width: 1px;
        color: #fff;
        border-radius: 6px;

        &:hover {
            background-color: #a1afc8;
            border-color: #a1afc8;
        }
    }

    .event-header-text-bc {
        background-color: #bbd4ec;
    }

    .video-title {
        display: flex;
        align-items: center;


        span {
            margin-left: 10px;
            color: #1c9e3a !important;
            font-weight: bold;
        }
    }

    .video-box {
        margin: 10px 0 20px 0;
        border: 2px dashed #1c9e3a;
        padding: 3% 2% 2% 2%;
        position: relative;
    }



    .video-img {
        position: absolute;
        top: -20px;
        left: -20px;
    }


    .video-box-left {
        margin: 20px 8% 20px 0;
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .videoname {
        display: flex;
        justify-content: center;
        align-items: center;

        span {
            margin-right: 20px;
        }
    }

    .collect-btn {
        cursor: pointer;
        width: 20px;
        height: 20px;
    }

    .collect-btn1 {
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        margin-top: 0.8%;
    }

    .unitImg {
        position: relative;
        z-index: 1;
    }

    .unitBox {
        z-index: 99;
        position: absolute;
        top: -5px;
        left: 40px;
    }

    .unit2Box {
        z-index: 99;
        position: absolute;
        top: -200px;
        left: 40px;
    }

    .unitGraphic {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #5192C6;
        border-radius: 50%;
        margin-right: 15px;
    }

    .unit2Graphic {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #F89C1C;
        border-radius: 50%;
        margin-right: 15px;
    }

    .unit3Graphic {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #448D9C;
        border-radius: 50%;
        margin-right: 15px;
    }

    .unit4Graphic {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #9EAA60;
        border-radius: 50%;
        margin-right: 15px;
    }

    // pdf 查看器
    .pdf-box {
        margin: 35px 0 20px 0;
        border: 1px solid #48a65d;
    }

    .pdf-title {
        display: flex;
        background-color: transparent;
        min-height: 25px;
        position: relative;

        .bg-img {
            width: 12%;
            position: absolute;
            top: -29.5px;
        }
    }

    .pdf-title-name {
        padding: 0 2%;
        display: flex;
        align-items: center;
        text-indent: 0em;
        margin: 0 !important;
        border-right: 1px solid #259e40;
        color: #259e40;

        img {
            cursor: pointer;
            margin-right: 10px;
        }

        .icon {
            fill: #078fb9;
        }
    }

    .pdf-title-img {
        width: 75.4%;
        text-indent: 1em;
        padding-right: 2%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        color: #000;

        span {
            text-align: center;
            cursor: pointer;
            overflow: hidden;
        }

        img {
            cursor: pointer;
        }

        &:hover {
            text-decoration: underline;
            color: #259e40;
        }
    }

    .unitText {
        color: #5192C6;
        font-size: 18px;
    }

    .unit2Text {
        color: #F89C1C;
        font-size: 16px;
    }

    .unit3Text {
        color: #448D9C;
        font-size: 16px;
    }

    .unit4Text {
        color: #9EAA60;
        font-size: 16px;
    }



    // 迁移
    .bk-bwh {
        min-height: 800px;
        background-color: #DFEBF7;
        font-size: 1.2em;
        padding: 25px;
        border: 4px dotted #197ABF;
    }

    ul {
        list-style-type: none;
    }

    li {
        list-style-type: none;
    }

    .custom_tag2 {
        background-color: #F1BE49;
        color: #FFFFFF;
        display: inline-block;
        padding: 0.5px;
        border-radius: 1.5em;
        font-size: 1.1em;
        padding: 2px 10px 2px 10px;
        font-weight: bold;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }

    .custom_tag1 {
        background-color: #35ACD6;
        color: #FFFFFF;
        display: inline-block;
        padding: 1px;
        font-size: 1.1em;
        padding: 3px 10px 3px 10px;
        font-weight: bold;
        box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }

    .custom_tag {
        background-color: #35509F;
        color: #FFFFFF;
        display: inline-block;
        padding: 1px;
        border-radius: 1.5em;
        font-size: 1.1em;
        padding: 10px 20px 10px 20px;
        font-weight: bold;
        box-shadow: 30px 0px 0px 0px #F5D83E;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }


    span.under1 {
        border-bottom: 2px solid #F0BD4A;
        border-width: 2px;

    }

    div.bodycontent-div-center {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
    }

    img.bodycontent-divcenter-image {
        float: center;
        clear: both;
        height: 140px;
        margin: 15px;
    }

    .module_block {
        display: flex;
        font-size: 1.1em;
        position: relative;
        padding-left: 90px;
        justify-content: center;
        align-items: center;
        margin-right: 91px;
    }

    .module_block .custom1 {
        background-color: #9ACC77;
        padding: 10px 20px;
        color: #FFFFFF;
        /* position: absolute; */
        /* left:0; */
        /* top: 50%; */
        border-radius: 0.5em 0em 0em 0.5em;
        /* transform: translateY(-50%); */
    }

    .module_block .custom2 {
        background-color: #E9F3E0;
        padding: 10px 20px;
        color: #75A64E;
        font-weight: bold;
        border-radius: 0em 0.5em 0.5em 0em;
    }



    div.bodycontent-div-left1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
        background-color: #F0F8FF;
    }

    div.bodycontent-div-left {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
    }

    img.bodycontent-divright-image {
        float: right;
        clear: both;
        height: 140px;
        margin: 15px;
    }

    img.bodycontent-divleft-image {
        float: left;
        clear: both;
        height: 110px;
        margin: 15px;
    }


    div.bodystyle {
        text-align: justify;
        margin: 0% 6% 0% 6%;
        padding-bottom: 30px;
        line-height: 30px;
        min-height: 900px;
    }

    // div.bodystyle-left {
    //     text-align: justify;
    //     margin: 13% 3% 10% 13%;
    //     line-height: 30px;
    // }

    .UnitCover {
        padding-top: 0;
        padding-bottom: 80px;
    }

    .Unit-title {
        margin-left: 2%;
        margin-bottom: 70px;
        padding: 150px 30px 20px 0;
        width: 75%;
        color: #fff;
        background-color: #1d9438;
        position: relative;
        overflow: hidden;

        p {
            font-size: 30px;
            text-align: right;
        }
    }




    .Unit-title::after {
        content: '';
        position: absolute;
        right: -1px;
        bottom: -1px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 0 50px 40px;
        /* 调整这个值来改变缺失三角形的大小 */
        border-color: #fff transparent #fff transparent;
        /* 使用与背景相同的颜色来“切掉”角 */
        z-index: 2;
    }

    .Unit-content {
        margin: 0 12%;
    }

    .Unit-title-box {
        padding: 20px 3% 10px 3%;
        margin-bottom: 60px;
        border: 1px dashed #1C9E3A;
        position: relative;

        span {
            font-weight: bold;
        }
    }

    .box-title {
        padding: 0px 15px;
        color: #fff;
        text-indent: 0em;
        border-radius: 0 10px 0 0;
        background-color: #1C9E3A;
        position: absolute;
        top: -15px;
        left: 0;
    }

    .uploadFiles {
        display: flex;
        align-items: flex-end;
        color: #000;

        img {
            cursor: pointer;
            width: 25px;
            margin-right: 10px;
        }

        span {

            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            cursor: pointer;
        }

        &:hover {
            color: #1C9E3A !important;
        }

    }



    .ppt-box {
        cursor: pointer;
        display: flex;
        align-items: center;
        line-height: 25px;
        font-family: "kaiti";

        p {
            text-indent: 0em;
            font-size: 1em;
            margin-right: 20px;
            margin-bottom: 0;

            &:hover {
                text-decoration: underline;
                color: #1C9E3A;
            }
        }

        img {
            cursor: pointer;
            width: 25px;
        }


    }



    .unit-title-parent {
        text-align: center;
        margin: 10% 0;
    }

    .unit-title {
        font-family: "方正正黑";
        display: inline-block;
        font-size: 1.6em;
        font-weight: 500;
        border-bottom: 1px solid #0082D4;
        padding: 10px 0;
    }

    .bodyPic {
        position: relative;
    }

    .bodyPic-text {
        position: absolute;
        top: 15%;
        left: 8%;

        p {
            font-family: kaiti;
            font-size: 16px;
            line-height: 25px;
        }

        span {
            color: #006e92;
        }
    }

    span.zt-0 {
        color: #0087AF;
    }

    p.pzt-0 {
        color: #0087AF;
        font-size: 18px;
    }

    p.pzt-0-right {
        font-size: 18px;
        color: #0087AF;
        text-align: right;
    }

    p.pzt-1 {
        font-weight: bold;
        color: #0087AF;
        font-size: 18px;
    }

    div.sgc-toc-title {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 1em;
        text-align: center;
    }


    .block {
        font-family: "kaiTi";
        text-indent: 2em;
        line-height: 30px;
        font-size: 17px;
        text-align: justify;
    }

    .tl-c {
        text-align: center;
    }

    .img {
        text-align: center;
        font-size: 14px;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }

    .img1 {
        font-family: 'FZLTXIHJW';
        text-align: right;
        font-size: 0.85em;
        margin-left: 0%;
        margin-right: 2em;
        text-indent: 0em;
    }


    p {
        font-family: "方正宋体";
        margin-top: 0em;
        margin-bottom: 0em;
        text-indent: 2em;
        line-height: 30px;
        text-align: justify;
    }

    .cover {
        width: 100%;
        padding: 0px;
    }

    .center {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }

    .center-ss {
        text-align: center;
        color: #EF8472;
        font-weight: bold;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }

    .left {
        text-indent: 0em;
        margin-bottom: 0px;
        line-height: 20px;
    }


    .img-0 {
        width: 100%;
    }

    .img-a {
        width: 95%;
    }

    .img-b {
        width: 70%;
    }

    .img-c {
        width: 60%;
    }

    .img-d {
        width: 50%;
    }

    .img-e {
        width: 45%;
    }

    .img-f {
        width: 40%;
    }

    .img-g {
        width: 30%;
    }

    .img-h {
        width: 20%;
    }

    .img-h {
        width: 20%;
    }

    .img-15 {
        width: 15%;
    }


    .img-i {
        width: 10%;
    }

    .img-j {
        width: 5%;
    }


    .foreword-img-box {
        text-align: end;
        padding: 12% 0 10% 0;

        img {
            width: 30%;
        }
    }

    // epub中自带的样式
    .editorialBoard {
        background-color: #fff;
        border-radius: 50%;
        /* 顶部和底部为0，左右两侧为50% */
        padding: 5% 10% 20% 10%;
    }

    .series {
        padding: 12% 11%;
        background-color: #e1f1fa;
    }

    .openingScene {

        background-size: cover;
        background-repeat: no-repeat;

        min-height: 100%;
    }

    .quotation-box {
        padding: 15% 10% 30% 32%;
    }

    .firstTitle-l {
        color: #71a5cf;
        padding: 20% 0 0% 0;
        text-align: center;
        font-weight: 500;
    }


    .seriesTitle {
        font-size: 2em;
        color: #000;
        font-weight: 400;
        text-align: center;
        padding: 15% 0 10% 0;
    }

    .g-pic {
        height: 2.5em;
        vertical-align: middle;
    }

    .titleQuot-c {
        color: #71a5cf;
        text-indent: 0em;
        font-size: 1.2em;
        line-height: 1.3em;
        text-align: center;
        font-weight: 500;
        margin: 20px 0;
    }


    div.bk3 {
        background-color: #d6ece5;
        border: 1px solid #7acab4;
        padding: 25px 19px 20px 19px;
        margin-top: 2em;
        margin-bottom: 1em;
        position: relative;
    }

    .bk3-titOne {
        position: absolute;
        top: -18px;
        left: 20%;
    }

    .bk3-titTwo {
        position: absolute;
        top: -18px;
        left: 38%;
    }

    .bk3-titThree {
        position: absolute;
        top: -18px;
        right: 38%;
    }

    .bk3-titFour {
        position: absolute;
        top: -18px;
        right: 20%;
    }

    .bk3-top {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #fff;
        border-radius: 0 25px 0 0;
        transform: rotate(90deg);
        border-top: 1px solid #7acab4;
        border-right: 1px solid #7acab4;
        position: absolute;
        top: -2px;
        left: -2px;
        /* 旋转形成扇形 */
    }

    .bk3-top-right {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #fff;
        border-radius: 0 25px 0 0;
        transform: rotate(180deg);
        border-top: 1px solid #7acab4;
        border-right: 1px solid #7acab4;
        position: absolute;
        top: -2px;
        right: -2px;
        /* 旋转形成扇形 */
    }


    .bk3-bottom {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #fff;
        border-radius: 0 25px 0 0;
        transform: rotate(360deg);
        border-top: 1px solid #7acab4;
        border-right: 1px solid #7acab4;
        position: absolute;
        bottom: -5.5px;
        left: -2px;
        /* 旋转形成扇形 */
    }

    .bk3-bottom-right {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #fff;
        border-radius: 0 25px 0 0;
        transform: rotate(270deg);
        border-top: 1px solid #7acab4;
        border-right: 1px solid #7acab4;
        position: absolute;
        bottom: -5.5px;
        right: -2px;
        /* 旋转形成扇形 */
    }


    h1 {
        margin: 0;
        text-align: center;
        padding: 10px 20px;
        font-size: 1.5em;
        line-height: 1.2em;
        text-indent: 0em;
        font-weight: bold;
    }

    .firstLevel-t {
        text-indent: 2em;
        font-size: 1.1em;
        font-weight: bold;
        color: #1C9E3A;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .Secondary-t {
        text-indent: 2em;
        font-size: 1.1em;
        font-weight: bold;
        color: #1C9E3A;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    h2 {
        font-family: '方正宋黑';
        font-weight: 400;
        margin: 30px 0;
    }

    .preface {
        font-family: "方正新书宋";
        text-indent: 2em;
        color: #000;
    }


    .right-info {
        font-family: "kaiti";
        text-align: right;
        margin-bottom: 0.5em;
    }

    .imgdescript-l {
        margin-left: -5%;
    }


    .titleQuot-l {
        text-indent: 0em;
        margin: 15px 0 10px 0;
        font-size: 1.2em;
        font-weight: bold;
    }

    .poemtitle-l {
        color: #71a5cf;
        font-size: 1.05em;
        margin: 5px 0;
        font-weight: 500;
    }

    .quotation {
        font-family: "方正仿宋";
        text-align: left;
        text-indent: 2em;
        margin: 0.1em auto;
        line-height: 35px;
    }

    .titleQuot-1 {
        color: #71a5cf;
        margin-bottom: 15px;
        font-size: 1.05em;
        margin: 10px 0;
        font-weight: 500;
    }

    /*底色*/
    .bgColor {
        padding: 2px 5px;
        color: #000;
        background: #aae0f9;
    }

    // 拓展学习
    .ExpandLearning {
        padding: 40px 20px 20px 20px;
        background: #e1f4fc;
        border-top: 2px solid #008cb7;
        margin: 1em auto;
        position: relative;
    }

    .ExpandLearning-title {
        text-indent: 0;
        position: absolute;
        top: -16px;
        left: 0px;

        span {
            background-color: #e1f4fc;
            height: 20px;
            width: 30px;
            padding: 5px;
            border: 1px solid #008cb7;
            border-radius: 50%;
            margin-right: 1px;
        }
    }

    .imgdescript {
        font-size: 13px;
        text-indent: 0em;
        text-align: center;
    }

    .imgdescript-title {
        color: #7acab4;
        font-size: 15px;
        text-indent: 0em;
        text-align: center;
    }

    .learningDetection {
        font-family: "汉仪正黑";
        background-color: #6bcff6;
        font-weight: bold;
        margin: 30px 0 20px 0;
    }

    .poemtitle {
        text-align: center;
        font-weight: bold;
        font-family: "方正兰亭细黑";
    }

    .bold {
        font-weight: 500;
        font-family: "方正书宋";
        margin: 10px 0;
    }

    .noteContent {
        font-size: 13.5px;
        word-break: break-all;
        margin: 0 !important;
        line-height: 25px;

        .noteContent-title {
            font-size: 13.5px;
            font-weight: bold;
            margin: 0 !important;
        }
    }

    sup {
        cursor: pointer;
    }






    // 公式自带的样式
    /*数字上标*/
    span.super {
        font-size: 0.7em;
        vertical-align: super;
    }

    /*数字下标*/
    span.sub {
        font-size: 0.7em;
        vertical-align: sub;
    }


}

.dialogQuestion {
    background-color: #1c9e3a;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;

    span {
        color: #fff;
        font-size: 16px;
        padding: 0 40px 0 20px;
        display: flex;
        justify-content: center;
    }
}

.pdfModal {
    width: 100%;
    height: 90vh;


    .pdfBox-component {
        width: 100%;
        height: 100%;
        position: relative;

        .preview {
            width: 100%;
            height: 100%;

            .imageBox {
                height: calc(100% - 30px);
                overflow-x: hidden;
                overflow-y: auto;
                background: #ccc;
                box-sizing: border-box;
            }

            .imageBox:hover {
                cursor: zoom-in !important;
            }

            ::v-deep .el-dialog__header {
                background-color: rgba(0, 0, 0, 0.8);

                .header_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';

                    span:nth-child(2):hover {
                        cursor: pointer;
                    }
                }

                ::v-deep .el-dialog__title,
                ::v-deep .el-dialog__headerbtn .el-dialog__close {
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';
                }
            }

            .bottom_tool {
                height: 30px;
                background-color: rgba(0, 0, 0, 0.8);
                display: flex;
                justify-content: flex-end;
                align-items: center;

                svg {
                    margin-right: 15px;
                    fill: #d1d1d1;
                }

                svg:hover {
                    fill: #fff;
                    cursor: pointer;
                }
            }
        }

        .notBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 30px);
            min-height: 300px;
        }
    }
}

.custom-dialog {
    overflow: hidden !important;

    .el-dialog__body {
        padding: 0;
    }

    .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);

        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';

            span:nth-child(2):hover {
                cursor: pointer;
            }
        }

        .el-dialog__title,
        .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
        }
    }
}

.examination {
    height: calc(100% - 15px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    // color: #fff;
    font-weight: 900;
    font-size: 16px;
    font-family: 'FZLTXIHJW';

    span:nth-child(2):hover {
        cursor: pointer;
    }
}

// 表格样式
table {
    border-collapse: collapse; //表格的边框合并，如果相邻，则共用一个边框。
    border-spacing: 0px; //设置行与单元格边框的间距。
}

// @font-face {
//     font-family: '方正仿宋';
//     src: url('./Fonts/FZFSK.TTF');
// }

// @font-face {
//     font-family: '方正宋体';
//     src: url('./Fonts/FZSSK.TTF');
// }

// @font-face {
//     font-family: '方正宋黑';
//     src: url('./Fonts/FZSHJW.TTF');
// }

// @font-face {
//     font-family: '方正仿宋';
//     src: url('./Fonts/FZFSK.TTF');
// }

// @font-face {
//     font-family: '方正兰亭细黑';
//     src: url('./Fonts/FZLTXIHK.TTF');
// }



// 隐藏页面
.hidePage {
    min-height: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
}

/* 媒体查询做基础响应式布局 */

@media screen and (max-width: 1024px) {
    .pdfModal {
        width: 100%;
        height: 80vh;
    }

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}

@media screen and (max-width: 800px) {
    .pdfModal {
        width: 100%;
        height: 60vh;
    }

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}

@media (max-width: 660px) {
    .hydraulicTransmission {

        .pad-l-80 {
            padding-left: 10px;
        }

        .mr-70 {
            margin-right: 15px;
        }

        /* 分页padding */
        .padding-93 {
            padding: 0 20px;
        }

        .padding-102 {
            padding: 0 20px;
        }


        .img-float {
            width: 130px;
        }

        .img-rights {
            width: 130px;
        }

        .btn-w {
            width: 42px;
        }

        .unitText {
            color: #5192C6;
            font-size: 10px;
        }

        .unit2Text {
            color: #F89C1C;
            font-size: 10px;
        }

        .wh-no {
            white-space: wrap;
        }

        td {
            padding: 5px 10px;
        }
    }
}

@media (min-width: 660px) {
    .hydraulicTransmission {
        .padding-93 {
            padding: 0 93px 0px 93px;
        }

        .padding-102 {
            padding: 0 102px 0 102px;
        }
    }
}

::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}

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

New file
@@ -0,0 +1,549 @@
<template>
    <div class="chapter" num="1">
        <!-- 80页 -->
        <div class="page-box mt-20" page="1">
            <div v-if="showPageList.indexOf(1) > -1">
                <div class="bodystyle">
                    <h1 class="firstTitle-l">第 5 章　液　&ensp;压　&ensp;缸</h1>
                    <p class="content mt-20">
                        液压缸和前述的液压马达同属于液压传动系统中的执行元件。液压缸是一种将液压油液的压力能转换为机械能，驱动工作装置做往复直线运动或往复摆动的能量转换装置。液压缸的结构简单、工作可靠，与杠杆、连杆、齿轮齿条、棘轮棘爪、凸轮等机构配合还能实现多种机械运动，因此在液压传动系统中得到了广泛的应用。
                    </p>
                    <p class="titleQuot-c">5.1　液压缸的分类和特点</p>
                    <p class="content">
                        液压缸有多种形式。按照结构特点，它可分为活塞式、柱塞式和摆动式三大类；按作用方式，它又可分为单作用式和双作用式两种。单作用式液压缸只能使活塞（或柱塞）做单方向运动，即液压油液只通向液压缸的一腔，而反方向运动则必须依靠外力（如弹簧力或自重等）来实现；双作用式液压缸，在两个方向上的运动都由液压油液的推动来实现。
                    </p>
                    <p class="titleQuot-1">5.1.1　活塞式液压缸</p>
                    <p class="content">活塞式液压缸可分为双杆式和单杆式两种结构形式。其固定方式有缸筒固定和活塞杆固定两种。</p>
                    <p class="poemtitle-l">1．双杆活塞式液压缸</p>
                    <p class="content">
                        图5.1所示为双杆活塞式液压缸示意图，图5.1（a）所示为缸筒固定式结构，液压缸的左腔进油，推动活塞向右运动，右腔回油；反之，活塞反向运动。其运动范围约等于活塞有效行程l的3倍，一般用于中小型设备。图5.1（b）所示为活塞杆固定式结构，液压缸的左腔进油，推动缸体向左运动，右腔回油；反之，缸体反向移动。其运动范围约等于缸筒有效行程l的2倍，因此常用于大中型设备中。实际上液压缸的运动范围还要考虑活塞和缸盖等结构尺寸所占用的空间。其特点是在活塞两侧都有活塞杆伸出。
                    </p>
                    <div class="center openImgBox mb-20 mt-20">
                        <img src="../../assets/images/Figure-0001-02.jpg" style="width:80%" alt="" active="true" />
                        <p class="center img">图5.1　双杆活塞式液压缸示意图</p>
                    </div>
                    <p class="content">当两侧活塞杆直径相同、供油压力和流量不变时，活塞（或缸筒）在两个方向上的运动速度v和推力F都相等，即</p>
                    <p class="center"><math display="0">
                            <mi>v</mi>
                            <mn>=</mn>
                            <mfrac>
                                <mi>q</mi>
                                <mrow>
                                    <mi>A</mi>
                                </mrow>
                            </mfrac>
                            <msub>
                                <mi>η</mi>
                                <mrow>
                                    <mn>v</mn>
                                </mrow>
                            </msub>
                            <mn>=</mn>
                            <mfrac>
                                <mrow>
                                    <mn>4</mn>
                                    <mi>q</mi>
                                </mrow>
                                <mrow>
                                    <mn>π</mn>
                                    <mn>(</mn>
                                    <msup>
                                        <mi>D</mi>
                                        <mrow>
                                            <mo>2</mo>
                                        </mrow>
                                    </msup>
                                    <mn>-</mn>
                                    <msup>
                                        <mi>d</mi>
                                        <mrow>
                                            <mo>2</mo>
                                        </mrow>
                                    </msup>
                                    <mn>)</mn>
                                </mrow>
                            </mfrac>
                            <msub>
                                <mi>η</mi>
                                <mrow>
                                    <mn>v</mn>
                                </mrow>
                            </msub>
                        </math></p>
                    <p class="right-info">（5.1）</p>

                    <div class="t-right mb-20 mt-20">
                        <img src="../../assets/images/Figure-0001-03.jpg" style="width:65%" alt="" active="true" />
                    </div>
                </div>
            </div>
        </div>
        <!-- 81页 -->
        <div class="page-box mt-20" page="2">
            <div v-if="showPageList.indexOf(2) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·81·</li>
                </ul>
                <div class="bodystyle">
                    <div class="t-right mb-10 mt-20">
                        <p class="center"><i>F</i>
                            <mn>=</mn><i>A</i>
                            <mn>(</mn><i>p</i><span class="sub">1</span>-<i>p</i><span
                                class="sub">2</span>)<i>η</i><span class="sub">m</span>=<math display="0">
                                <mfrac>
                                    <mn>π</mn>
                                    <mn>4</mn>
                                </mfrac>
                            </math>(<i>D</i><span class="super">2</span>-<i>d</i><span
                                class="super">2</span>)(<i>p</i><span class="sub">1</span>-<i>p</i><span
                                class="sub">2</span>)<i>η</i><span class="sub">m</span>
                        </p>
                        <p class="right-info">（5.2）</p>
                    </div>
                    <p class="left">式中　q——进入液压缸的流量（m<span class="super">3</span>/s）；</p>
                    <p class="content">　A——活塞有效作用面积（m<span class="super">2</span>）；</p>
                    <p class="content">　η<span class="sub">V</span>——液压缸的容积效率；</p>
                    <p class="content">　D——活塞直径（即缸筒直径）（m）；</p>
                    <p class="content">　d——活塞杆直径（m）；</p>
                    <p class="content">　p<span class="sub">1</span>——进油压力（Pa）；</p>
                    <p class="content">　p<span class="sub">2</span>——回油压力（Pa）；</p>
                    <p class="content">　η<span class="sub">m</span>——液压缸的机械效率。</p>
                    <p class="content"><span class="bold">【例5.1】</span>　某液压传动系统执行元件为双杆活塞式液压缸，液压缸的工作压力p=3.5 MPa，活塞直径D=9
                        cm，活塞杆直径d=4 cm，工作进给速度v=1.52 cm/s，求液压缸能克服多大的阻力？液压缸所需流量为多少？
                        <span class="btn-box" @click="showAnswerOne = !showAnswerOne" title="查看答案">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
                                viewBox="0 0 20.501 20.501">
                                <path class="a"
                                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                                    transform="translate(-3327.144 15329)" />
                            </svg>
                        </span>
                    </p>
                    <div v-if="showAnswerOne">
                        <p class="content"><span class="bold">解</span>　（1）活塞的有效作用面积</p>
                        <p class="center">
                            <img class="img-c" src="../../assets/images/Figure-0002-02.jpg" alt="">
                        </p>
                        <p class="content">（2）液压缸能克服的最大阻力</p>
                        <p class="center">
                            <img class="img-c" src="../../assets/images/Figure-0002-02.jpg" alt="">
                        </p>
                        <p class="content">（3）液压缸所需流量</p>
                        <div class="center">
                            <img class="img-c" src="../../assets/images/Figure-0002-02.jpg" alt="">
                            <p class="content">答：液压缸能克服的阻力是17.86 kN，液压缸所需流量是4.65 L/min。</p>
                            <p class="content">这种液压缸常用于要求往返运动速度相同的场合，如液压磨床等。</p>
                        </div>
                    </div>


                    <p class="poemtitle-l">2．单杆活塞式液压缸</p>
                    <p class="content">
                        图5.2所示为双作用单杆活塞式液压缸图形符号和实物图。液压缸的一端有活塞杆伸出，在另一端没有活塞杆伸出，这样使液压缸两腔有效作用面积不等，当向液压缸两腔分别供油，且压力和流量都不变时，活塞在两个方向上的运动速度和推力都不相等。当在无杆腔进油且有杆腔回油时（图5.2（a）），活塞的运动速度v<span
                            class="sub">1</span>和推力F<span class="sub">1</span>分别为
                    </p>
                    <p class="content">当在有杆腔进油且无杆腔回油时（图5.2（b）），活塞的运动速度v<span class="sub">2</span>和推力F<span
                            class="sub">2</span>分别为</p>
                    <p class="left">式中　q——进入液压缸的流量（m<span class="super">3</span>/s）；</p>
                </div>
            </div>
        </div>
        <!-- 82页 -->
        <div class="page-box mt-20" page="3">
            <div v-if="showPageList.indexOf(3) > -1">
                <ul class="header-left">
                    <li>·82·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                    <p class="content">　A<span class="sub">1</span>——无杆腔的活塞有效作用面积（m<span class="super">2</span>）；</p>
                    <p class="content">　D——活塞直径（即缸筒直径）（m）；</p>
                    <p class="content">　η<span class="sub">V</span>——液压缸的容积效率；</p>
                    <p class="content">　p<span class="sub">1</span>——进油压力（Pa）；</p>
                    <p class="content">　p<span class="sub">2</span>——回油压力（Pa）；</p>
                    <p class="content">　A<span class="sub">2</span>——有杆腔的活塞有效作用面积（m<span class="super">2</span>）；</p>
                    <p class="content">　d——活塞杆直径（m）；</p>
                    <p class="content">　η<span class="sub">m</span>——液压缸的机械效率。</p>
                    <div class="fl jc-sb al-fe openImgBox">
                        <div>
                            <img class="w80" src="../../assets//images/Figure-0003-01-01.png" alt="">
                        </div>
                        <div>
                            <img class="w80" src="../../assets//images/Figure-0003-01-02.png" alt="">
                        </div>
                        <div>
                            <img class="w80" src="../../assets//images/Figure-0003-01-03.png" alt="">
                        </div>
                    </div>
                    <!-- 轮播图 -->
                    <div class="imgBox-003 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/Figure-0003-01-04.png" />
                                        <p class="img">(d)实物图</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/Figure-0003-01-05.png" />
                                        <p class="img">(d)实物图</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img">
                        图5.2　双作用单杆活塞式液压缸图形符号和实物图
                    </p>
                    <p class="content">比较上述各式，由于面积A<span class="sub">1</span>＞A<span class="sub">2</span>，所以速度v<span
                            class="sub">1</span>＜v<span class="sub">2</span>，输出力F<span class="sub">1</span>＞F<span
                            class="sub">2</span>。</p>
                    <p class="content">由式（5.3）和式（5.5）得液压缸往复运动时的速度比为</p>
                    <div class="img-rights w200">
                        <img src="../../assets/images/Figure-0003-03.jpg" alt="">
                        <p class="img">图5.3　差动连接液压缸连接方式</p>
                    </div>
                    <span>
                        <p class="content">式（5.7）表明，当活塞杆直径愈小时，两腔分别进液压油，活塞的运动速度比愈接近于1，在两个方向上的速度差值就愈小。</p>
                        <p class="content">
                            当单杆活塞式液压缸两腔同时通入液压油时，如图5.3所示，由于无杆腔受力面积大于有杆腔的受力面积，使得活塞向右的作用力大于向左的作用力，因此活塞杆做伸出运动，并将有杆腔的液压油挤出，流进无杆腔，加快了活塞杆的伸出速度，单杆活塞式液压缸的这种连接方式称为差动连接。
                        </p>
                    </span>
                    <p class="content">当单杆活塞式液压缸差动连接时，有杆腔排出流量q′=v<span class="sub">3</span>A<span
                            class="sub">2</span>进入无杆腔，根据流量连接性方程，则有</p>
                    <p class="center">v<span class="sub">3</span>A<span class="sub">1</span>=q+v<span
                            class="sub">3</span>A<span class="sub">2</span></p>
                    <p class="content">在考虑了液压缸的容积效率η<span class="sub">V</span>（注意：这里仅有外泄漏）后，活塞杆的伸出速度v<span
                            class="sub">3</span>为</p>

                    <p class="center">v<span class="sub">3</span>=<math display="0">
                            <mfrac>
                                <mn>q</mn>
                                <mn>
                                    <msub>
                                        <mn>A</mn>
                                        <mrow>
                                            <mn>1</mn>
                                        </mrow>
                                    </msub>-<msub>
                                        <mn>A</mn>
                                        <mrow>
                                            <mn>2</mn>
                                        </mrow>
                                    </msub>
                                </mn>
                            </mfrac>
                        </math>η<span class="sub">v</span>=<math display="0">
                            <mfrac>
                                <mi>4q</mi>
                                <mn>
                                    <msup>
                                        <mi>πd</mi>
                                        <mrow>
                                            <mn>2</mn>
                                        </mrow>
                                    </msup>
                                </mn>
                            </mfrac>
                        </math>η<span class="sub">v</span></p>
                    <p class="right-info">（5.8）</p>
                    <p class="content">欲使差动连接液压缸的往复运动速度相等，即v<span class="sub">3</span>=v<span
                            class="sub">2</span>，则由式（5.5）和式（5.8）可得D=d<math display="0">
                            <msqrt>
                                <mn>2</mn>
                            </msqrt>
                        </math>（d=0.707 D）。
                    </p>
                </div>
            </div>
        </div>
        <!-- 83页 -->
        <div class="page-box mt-20" page="4">
            <div v-if="showPageList.indexOf(4) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·83·</li>
                </ul>
                <div class="bodystyle">
                    <p class="content">单杆活塞式液压缸差动连接在忽略两腔液压油流动和其他压力损失的情况下，压力p<span class="sub">2</span>≈p<span
                            class="sub">1</span>，同时考虑到机械效率η<span class="sub">m</span>，这时活塞的推力F<span
                            class="sub">3</span>为</p>

                    <p class="center">F<span class="sub">3</span>=[p<span class="sub">1</span>A<span
                            class="sub">1</span>-p<span class="sub">2</span>A<span class="sub">2</span>]η<span
                            class="sub">m</span>=[<math display="0">
                            <mfrac>
                                <mn>π</mn>
                                <mn>4</mn>
                            </mfrac>
                        </math>D<span class="super">2</span>p<span class="sub">1</span>-<math display="0">
                            <mfrac>
                                <mn>π</mn>
                                <mn>4</mn>
                            </mfrac>
                        </math>(D<span class="super">2</span>-d<span class="super">2</span>)p<span
                            class="sub">1</span>]η<span class="sub">m</span>=<math display="0">
                            <mfrac>
                                <mn>π</mn>
                                <mn>4</mn>
                            </mfrac>
                        </math>d<span class="super">2</span>p<span class="sub">1</span>η<span class="sub">m</span></p>
                    <p class="right-info">（5.9）</p>

                    <p class="content">
                        由式（5.8）和式（5.9）可知，单杆活塞式液压缸差动连接时液压缸实际的有效作用面积是活塞杆的横截面积。与非差动连接的单杆活塞式液压缸无杆腔进油工况相比，在输入液压油压力和流量都不变的条件下，活塞杆伸出速度较大而推力较小。实际应用中，液压传动系统常通过控制阀来改变单杆活塞缸的油路连接，使它有不同的工作方式，从而获得快进（差动连接）→工进（无杆腔进油）→快退（有杆腔进油）的工作循环。差动连接是在不增大液压泵规格和功率的情况下，实现系统快速运动的有效方法。它的应用常见于组合机床和各类专用机床中。
                    </p>
                    <p class="content">单杆活塞式液压缸往复运动范围是有效行程l的2倍，其结构紧凑，应用广泛。</p>
                    <p class="content"><span class="bold">【例5.2】</span>　已知单杆活塞式液压缸的缸筒内径D=100 mm，活塞杆直径d=70
                        mm，进入液压缸的流量q=25 L/min，压力p<span class="sub">1</span>=2 MPa，非差动连接时，p<span
                            class="sub">2</span>=0。如果不考虑损失（容积效率和机械效率为1），求如图5.2（a）、（b）和图5.3所示的活塞杆固定的三种情况下，液压缸可推动的负载和运动速度各是多少？并给出运动方向。
                        <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo" title="查看答案">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
                                viewBox="0 0 20.501 20.501">
                                <path class="a"
                                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                                    transform="translate(-3327.144 15329)" />
                            </svg>
                        </span>
                    </p>
                    <div v-if="showAnswerTwo">
                        <p class="content"><span class="bold">解</span>　（1）在图5.2（a）中的液压缸无杆腔进压力油，回油腔压力p<span
                                class="sub">2</span>为0。</p>
                        <p class="content">根据公式（5.4），可得推动的负载为</p>




                        <p class="content">根据公式（5.3），可得缸筒的运动速度为</p>
                        <p class="content">答：液压缸可推动的负载是15 700 N，运动速度是0.053 m/s，这时缸筒运动方向向左。</p>
                        <p class="content">（2）图5.2（b）中的液压缸为有杆腔进压力油，回油腔压力p<span class="sub">2</span>为0。根据公式（5.6），可得推动的负载为
                        </p>
                        <p class="content">根据公式（5.5），可得缸筒的运动速度为</p>
                        <p class="content">答：液压缸可推动的负载是8 007 N，运动速度是0.104 m/s，这时缸筒运动方向向右。</p>
                        <p class="content">（3）图5.3中的液压缸为差动连接，根据公式（5.9），可得推动的负载为</p>

                    </div>
                </div>
            </div>
        </div>
        <!-- 84页 -->
        <div class="page-box mt-20" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <ul class="header-left">
                    <li>·84·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                    <div v-if="showAnswerTwo">
                        <p class="content">根据公式（5.8），可得缸筒的运动速度为</p>
                        <p class="content">答：液压缸可推动的负载是7 693 N，运动速度是0.108 m/s，这时缸筒运动方向向左。</p>
                    </div>
                    <p class="content"><span class="bold">【例5.3】</span>　在单出杆活塞式液压缸中，已知缸筒内径D=125 mm，活塞杆直径 d=70
                        mm，液压缸大腔进油，活塞运动的速度为v=0.1 m/s，求进入液压缸的流量q<span class="sub">1</span>和排出液压缸的流量q<span
                            class="sub">2</span>各有多少？
                    </p>

                </div>
            </div>
        </div>
        <!-- 85页 -->
        <div class="page-box mt-20" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·85·</li>
                </ul>
                <div class="bodystyle">


                </div>
            </div>
        </div>
        <!-- 86页 -->
        <div class="page-box mt-20" page="7">
            <div v-if="showPageList.indexOf(7) > -1">
                <ul class="header-left">
                    <li>·86·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
            </div>
        </div>
        <!-- 87页 -->
        <div class="page-box mt-20" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·87·</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div>
        <!-- 88页 -->
        <div class="page-box mt-20" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
                <ul class="header-left">
                    <li>·88·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
            </div>
        </div>
        <!-- 89页 -->
        <div class="page-box mt-20" page="10">
            <div v-if="showPageList.indexOf(10) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·89·</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div>
        <!-- 90页 -->
        <div class="page-box mt-20" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <ul class="header-left">
                    <li>·90·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
            </div>
        </div>
        <!-- 91页 -->
        <div class="page-box mt-20" page="12">
            <div v-if="showPageList.indexOf(12) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·91·</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div>
        <!-- 92页 -->
        <div class="page-box mt-20" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
                <ul class="header-left">
                    <li>·92·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
            </div>
        </div>
        <!-- 93页 -->
        <div class="page-box mt-20" page="14">
            <div v-if="showPageList.indexOf(14) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·93·</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div>
        <!-- 94页 -->
        <div class="page-box mt-20" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
                <ul class="header-left">
                    <li>·94·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
            </div>
        </div>
        <!-- 95页 -->
        <div class="page-box mt-20" page="16">
            <div v-if="showPageList.indexOf(16) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·95·</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div>
        <!-- 96页 -->
        <div class="page-box mt-20" page="17">
            <div v-if="showPageList.indexOf(17) > -1">
                <ul class="header-left">
                    <li>·96·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
            </div>
        </div>
        <!-- 97页 -->
        <div class="page-box mt-20" page="18">
            <div v-if="showPageList.indexOf(18) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·97·</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div>
        <!-- 98页 -->
        <!-- <div class="page-box mt-20" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <ul class="header-left">
                    <li>·84·</li>
                    <li class="headerText">液&ensp;压&ensp;传&ensp;动</li>
                </ul>
                <div class="bodystyle">
                </div>
            </div>
        </div> -->
        <!-- 97页 -->
        <!-- <div class="page-box mt-20" page="18">
            <div v-if="showPageList.indexOf(18) > -1">
                <ul class="header-left">
                    <li class="headerText">第 5 章　液　&ensp;压　&ensp;缸</li>
                    <li>·97·</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div> -->
    </div>
</template>
<script>
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
        };
    },
};
</script>

<style lang="less" scoped></style>

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

New file
@@ -0,0 +1,28 @@

<template>
    <div class="chapter" num="1">
      <!-- 封面 -->
      <div class="page-box mt-20" page="1" style="min-height: auto">
        <div v-if="showPageList.indexOf(1) > -1">
          <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
        </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: "pageHeader",
    props: {
      showPageList: {
        type: Array,
      },
    },
    data() {
      return {};
    },
  };
  </script>
  
  <style lang="less" scoped></style>
  

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

New file
@@ -0,0 +1,980 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize + 'px',
        transform: `scale(${pageZoom})`,
        transformOrigin: 'center top',
      }"
    >
      <!-- <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader> -->
      <chapterOne
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"
      ></chapterOne>
      <!-- <chapterTwo
          v-if="showCatalogList.indexOf(2) > -1"
          :showPageList="loadPageList"
        ></chapterTwo> -->
      <!-- <chapterThree
              v-if="showCatalogList.indexOf(4) > -1"
              :showPageList="loadPageList"
            ></chapterThree>
            <chapterFour
              v-if="showCatalogList.indexOf(5) > -1"
              :showPageList="loadPageList"
            ></chapterFour>
        <chapterFive
              v-if="showCatalogList.indexOf(2) > -1"
              :showPageList="loadPageList"
              :interfaceQuestion="questionDataMap"
            ></chapterFive>  -->
    </div>
  </div>
</template>

<script>
// import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
//   import chapterTwo from "./chapter002.vue";
//   import chapterThree from "./chapter003.vue";
//   import chapterFour from "./chapter004.vue";
//   import chapterFive from "./chapter005.vue";
import NoteIcon from "@/assets/images/biji.png";
// import getQuestionList from "@/assets/methods/examination";
// import testData from "../../assets/examinationList";
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",
  data() {
    return {
      catalogLength: 2, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
      previousScrollTop: 0,
      throttledScrollHandler: null,
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionDataMap: {},
      renderSignMap: {},
      highlightData: null,
      audioPath: "",
      currentTime: null,
      videoList: [],
    };
  },
  computed: {
    fontSize() {
      this.transformDom(this.$store.state.qiankun.fontSize);
      return this.$store.state.qiankun.fontSize
        ? this.$store.state.qiankun.fontSize
        : 18;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale
        ? this.$store.state.qiankun.scale / 100
        : 1;
    },
  },
  watch: {
    showCatalogList: {
      handler(newVal, oldVal) {
        if (
          this.$store.state.qiankun &&
          this.$store.state.qiankun.catalogChange
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal,
          });
        }
        // 启动页码观察
        setTimeout(() => {
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
        setTimeout(() => {
          this.transformDom(this.$store.state.qiankun.fontSize);
          this.initSwiper();
          this.initViewer();
          this.closeAudio();
          this.closeVideo();
        }, 200);
      },
    },
    pageZoom: {
      handler(newVal, oldVal) {
        const scrollBox = (
          this.container ? this.container : document
        ).querySelector(".page-main");
        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
      },
    },
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [1];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
      this.throttleThreshold,
      { leading: true, trailing: false }
    );
    // 定义子层方法
    if (this.setGlobalState) {
      // 提供页面跳转功能
      this.setGlobalState({
        gotoPage: (catalog, page) => {
          this.gotoPage(catalog, page);
        },
        // 渲染笔记、高亮、划线
        renderSign: (type, data) => {
          // 因为调整为页面懒加载，所以渲染标记也需要按照页面进行处理，先储存数据，页面加载完成再渲染对应的标记；
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        // 全文检索
        searchBookByKeyword: (keyword) => {
          return this.searchTextByPage(keyword);
        },
        // 跳转检索结果位置
        jumpSearchItem: (data) => {
          this.searchItemLocation(data);
        },
      });
    }

    // 创建一个新的 Intersection Observer 实例，用于观察目标元素和执行相应的回调函数。
    // new IntersectionObserver(callback, options)：使用之前定义的 callback 回调函数和 options 配置选项来初始化 Intersection Observer 实例。
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      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(2, 16);
    //}, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500);
  },
  methods: {
    // setZoom1() {
    //   let scale = this.$store.state.qiankun.scale + 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // setZoom2() {
    //   let scale = this.$store.state.qiankun.scale - 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // 滚动监听
    scrollFun(event) {
      this.handleVideoPicture();
      // 判断向上滚动还是向下滚动
      if (event.target.scrollTop > this.previousScrollTop) {
        this.getAduio();
        // 向下
        const currentScrollTop =
          event.target.scrollTop + event.target.offsetHeight;
        if (
          currentScrollTop >=
          event.target.scrollHeight - this.loadThreshold
        ) {
          console.log(1);

          // 到达阈值
          if (
            this.showCatalogList[this.showCatalogList.length - 1] <
            this.catalogLength
          ) {
            // 加载下一章
            this.showCatalogList.push(
              this.showCatalogList[this.showCatalogList.length - 1] + 1
            );
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏顶部一章
              this.showCatalogList.shift();
            }
          }
        }
      } else if (event.target.scrollTop < this.previousScrollTop) {
        this.handleAudio();
        // 向上
        const currentScrollTop = event.target.scrollTop;
        if (currentScrollTop <= this.loadThreshold) {
          // 到达阈值
          if (this.showCatalogList[0] > 0) {
            // 加载上一章
            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏底部一章
              this.showCatalogList.pop();
            }
          }
        }
      }
      // showCatalogList 当前显示的三个章节，watch监听传递给主应用
      // 更新上一次滚动的位置
      this.previousScrollTop = event.target.scrollTop;
    },
    // 章节、页面跳转
    gotoPage(catalog, page) {
      if (catalog >= 0 && catalog <= this.catalogLength) {
        // 处理渲染章节
        if (catalog == 0) {
          this.showCatalogList = [0, 1];
        } else if (catalog == this.catalogLength) {
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
        }
        setTimeout(() => {
          // 跳转页码
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`);
          if (pageDom) {
            pageDom.scrollIntoView();
          } else {
            console.log("页码错误！");
          }
        }, 500);
      } else {
        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) {
      // 父层设置禁止渲染标记时不再进行渲染
      if (this.$store.state.qiankun.disableSign) {
        return false;
      }
      const existence = (
        this.container ? this.container : document
      ).querySelector(`[dataid="${data.id}"]`);
      // 去重
      if (!existence) {
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // 创建 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;
            }
          }
        }
      }
    },
    // 删除标记渲染
    delSign({ ids, type }) {
      if (ids && ids.length) {
        for (let i = 0; i < ids.length; i++) {
          const id = ids[i];
          const dom = (
            this.container ? this.container : document
          ).querySelector(`[dataid="${id}"]`);
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
      if (type) {
        const doms = (
          this.container ? this.container : document
        ).querySelectorAll(`[datatype="${type}"]`);
        for (let i = 0; i < doms.length; i++) {
          const dom = doms[i];
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
    },
    initObservation() {
      const sections = (
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      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：代表观察者对象。
      entries.forEach((entry) => {
        //entry.isIntersecting：检查当前目标元素是否与根元素相交。
        if (entry.isIntersecting) {
          const target = entry.target;
          //entry.target：获取当前目标元素
          const page = target.getAttribute("page");
          const catalogDom = this.tool.getParentNodeByClassName(
            target,
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 50);
          }
          // 返回页码和章节信息
          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 类名的元素，并转换为数组。
          // let index = sections.findIndex((section) => section === target) + 1;
          //index：查找当前目标元素在 sections 数组中的索引，并加 1，用于确定当前页码。
        }
      });
    },
    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"
            );
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionDataMap[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionDataMap[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.questionDataMap[page] = obj;
            //       }
            //       console.log("题目", this.questionDataMap);
            //     }
            //   }
            // }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            // 处理高亮
            if (this.highlightData) {
              // 高亮行
              setTimeout(() => {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(
                  target,
                  NodeFilter.SHOW_TEXT
                );
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
                while (currentNode) {
                  allPageTextNodes.push(currentNode);
                  currentNode = pageTextList.nextNode();
                }
                for (let i = 0; i < allPageTextNodes.length; i++) {
                  const textDom = allPageTextNodes[i];
                  let txtIndex = textDom.textContent.indexOf(
                    this.highlightData.txt
                  );
                  if (txtIndex > -1) {
                    textDom.parentNode.style.transition =
                      "background-color 0.8s";
                    textDom.parentNode.scrollIntoView();
                    textDom.parentNode.style.backgroundColor = "#79bbf0";
                    setTimeout(() => {
                      textDom.parentNode.style.backgroundColor = "";
                    }, 1000);
                  }
                }
              }, 100);
            }
            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: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          // observer: true,
          // observeParents: true
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
      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: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on: {
            init: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
            slideChange: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                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, // 显示标题
        });
      }
    },
    // 根据关键字全文检索
    searchTextByPage(keyword) {
      const searchResult = [];
      let catalogIndex = 0;
      // 所有章节组件（每本书制作时单独配置）
      const pageData = {
        // pageHeader,
        chapterOne,
        //   chapterTwo,
        //   chapterThree,
        //   chapterFour,
        //   chapterFive,
      };
      // 遍历所有章节文件
      for (const key in pageData) {
        catalogIndex++;
        let pageComponent, pageExample;
        // 先渲染一次当前章节文件（这时页面的内容为空），获取页码信息
        pageComponent = Vue.extend(pageData[key]);
        pageExample = new pageComponent({
          propsData: {
            showPageList: [],
            questionData: {},
            isSearch: true,
          },
        });
        pageExample.$mount(
          (this.container ? this.container : document).querySelector(
            "#searchContent"
          )
        );
        // 获取页码
        const pageDom = (this.container ? this.container : document)
          .querySelector("#searchDomBox")
          .querySelectorAll(".page-box");
        const pages = [];
        for (let i = 0; i < pageDom.length; i++) {
          const pageDomItem = pageDom[i];
          pages.push(Number(pageDomItem.getAttribute("page")));
        }
        // 获取页面结束，卸载销毁
        pageExample.$destroy();
        (this.container ? this.container : document).querySelector(
          "#searchDomBox"
        ).innerHTML = '<div id="searchContent"></div>';
        // 遍历页码
        if (pages.length) {
          for (let i = 0; i < pages.length; i++) {
            const pageNum = pages[i];
            // 动态渲染对应章节的页码
            pageComponent = Vue.extend(pageData[key]);
            pageExample = new pageComponent({
              propsData: {
                showPageList: [pageNum],
                questionData: {},
                isSearch: true,
              },
            });
            pageExample.$mount(
              (this.container ? this.container : document).querySelector(
                "#searchContent"
              )
            );
            // 获取对应页面dom
            const thisPageDom = (this.container ? this.container : document)
              .querySelector("#searchDomBox")
              .querySelector(`[page="${pageNum}"]`);
            if (thisPageDom) {
              // 获取页面所有text节点
              const pageTextList = document.createTreeWalker(
                thisPageDom,
                NodeFilter.SHOW_TEXT
              );
              // 匹配关键字
              const allPageTextNodes = [];
              let currentNode = pageTextList.nextNode();
              while (currentNode) {
                allPageTextNodes.push(currentNode);
                currentNode = pageTextList.nextNode();
              }
              for (let i = 0; i < allPageTextNodes.length; i++) {
                const textDom = allPageTextNodes[i];
                let txtIndex = textDom.textContent.indexOf(keyword);
                if (txtIndex > -1) {
                  // 记录关键字所在页码、章节以及匹配到的段落
                  searchResult.push({
                    page: pageNum,
                    catalog: catalogIndex,
                    txt: textDom.textContent,
                    txtIndex: txtIndex,
                  });
                }
              }
              // 结束，卸载销毁
              pageExample.$destroy();
              (this.container ? this.container : document).querySelector(
                "#searchDomBox"
              ).innerHTML = '<div id="searchContent"></div>';
            }
          }
        }
      }
      // 输出搜索结果
      console.log(searchResult);
      return searchResult;
    },
    // 根据检索结果跳转对应位置并高亮
    searchItemLocation(data) {
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
    // 页面向下滚动，音频小窗播放功能
    getAduio() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      this.videoList = allVideo;
      if (allVideo.length) {
        // 查找播放状态的最后一条音频
        const playAudio = allVideo
          .reverse()
          .find((item) => item.paused == false);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap < 0) {
            playAudio.pause();
            this.audioPath = playAudio.src;
            this.currentTime = playAudio.currentTime;
          }
        }
      }
    },
    // 页面向上滚动，音频小窗回收
    handleAudio() {
      if (!this.audioPath) return false;
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      if (allVideo.length) {
        //查找与小窗播放音频同源的页面audio DOM
        const playAudio = allVideo.find((item) => item.src == this.audioPath);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap >= 0) {
            if (this.$refs.audioPlayer) {
              const playerState = this.$refs.audioPlayer.getVideoPlayer();
              this.audioPath = "";
              playAudio.currentTime = playerState.currentTime;
              if (!playerState.paused) playAudio.play();
            }
          }
        }
      }
    },
    // 关闭mini video
    closeMiniAudio() {
      this.audioPath = "";
    },
    // 点击音频播放，关闭其他音频
    closeAudio() {
      let allAudio = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      for (let index = 0; index < allAudio.length; index++) {
        const item = allAudio[index];
        item.addEventListener("play", () => {
          const audioList = Array.from(allAudio);
          for (let cindex = 0; cindex < audioList.length; cindex++) {
            const citem = audioList[cindex];
            if (citem.currentSrc != item.src) {
              citem.pause();
            }
          }
          this.closeMiniAudio();
        });
      }
    },
    // 点击视频关闭其他
    closeVideo() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".video");
      for (let index = 0; index < allVideo.length; index++) {
        const item = allVideo[index];
        item.addEventListener("playing", (item) => {
          const path = item.srcElement.src;
          const videoList = Array.from(allVideo);
          for (let cindex = 0; cindex < videoList.length; cindex++) {
            const citem = videoList[cindex];
            if (citem.currentSrc != path && path) {
              citem.pause();
            }
          }
        });
      }
    },
    // 视频小窗
    handleVideoPicture() {
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".video"
      );
      doms = Array.from(doms);
      if (!doms.length) return false;
      const playVudio = doms.reverse().find((item) => item.paused == false);
      if (playVudio) {
        const bottomGap = playVudio.getBoundingClientRect().bottom;
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) playVudio.requestPictureInPicture();
          } catch (error) {
            console.log(error, "小窗错误error");
          }
        }
      }
    },
    //其他类名下字体大小变化
    transformDom(fs) {
      if (!fs) return;
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".block"
      );
      if (!doms.length) return;
      for (let index = 0; index < doms.length; index++) {
        const dom = doms[index];
        dom.style.fontSize = fs + "px";
      }
    },
  },
  components: {
    // pageHeader,
    chapterOne,
    //   chapterTwo,
    //   chapterThree,
    //   chapterFour,
    //   chapterFive,
  },
};
</script>

<style lang="less" scoped>
.page-main {
  width: 100% !important;
  height: 100% !important;
  overflow: auto;

  .page-content {
    max-width: 816px;
    min-width: 375px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
}
</style>

 src/books/hydraulicTransmission/view/index.vue

New file
@@ -0,0 +1,78 @@
<template>
    <div class="hydraulicTransmission" @mouseup="handleMouseUp">
      <pageContent></pageContent>
    </div>
  </template>
  
  <script>
  import pageContent from "./components/index.vue"
  export default {
    name: "hydraulicTransmission",
    components: { pageContent },
    computed: {
      fontSize() {
        return this.$store.state.qiankun.fontSize;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale / 100;
      },
    },
    methods: {
      getParentWithClass(element, className) {
        while (element.parentElement) {
          element = element.parentElement;
          if (element.classList.contains(className)) {
            return element;
          }
        }
      },
      handleMouseUp(e) {
        const selection = (
          this.container ? this.container : window
        ).getSelection();
        const txt = selection.toString();
        if (selection.type != "none" && txt) {
          let node = selection.anchorNode.parentNode;
          let pageHtml = this.getParentWithClass(
            selection.anchorNode,
            "page-box"
          );
          let chapterDom = this.getParentWithClass(
            selection.anchorNode,
            "chapter"
          );
          let chapterNum;
          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
          if (pageHtml) {
            const page = pageHtml.getAttribute("page");
            // 监听选中文本事件，并触发父层方法
            if (this.$store.state.qiankun.windowSelection) {
              this.$store.state.qiankun.windowSelection({
                chapterNum,
                txt,
                page,
                x: e.x,
                y: e.y,
              });
            }
          }
        } else {
          if (this.$store.state.qiankun.windowSelection) {
            this.$store.state.qiankun.windowSelection({
              chapterNum: "",
              txt: "",
              page: "",
              x: e.x,
              y: e.y,
            });
          }
        }
      },
    },
  };
  </script>
  
  <style lang="less">
  @import "../assets/mian.less";
  </style>
  

 src/books/kindergartenActivitiesDesignGuidance/Fonts/FZXSSK.TTF

Binary files differ

 src/books/kindergartenActivitiesDesignGuidance/Fonts/FZY1JW.TTF

Binary files differ

 src/books/kindergartenActivitiesDesignGuidance/css/default.less

@@ -120,8 +120,8 @@

        .block {
          font-size: 16px;
          color: #333;
          font-weight: 600;
          
          font-weight: 400;
          font-family: '楷体';
        }

@@ -162,7 +162,7 @@
        .coverImgBg07,
        .coverImgBg08,
        .coverImgBg09 {
          background-image: url('../images/z2.jpg');
          background-image: url('../images/z1.jpg');
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 100% 480px;
@@ -210,6 +210,17 @@
        li {
          list-style-type: none;
        }

        @font-face {
          font-family: "方正新书宋";
          src: url("../Fonts/FZXSSK.TTF");
        }

        @font-face {
          font-family: "方正细圆";
          src: url("../Fonts/FZY1JW.TTF");
        }


        @font-face {
          font-family: "FZLTZHJW";
@@ -272,6 +283,7 @@
        span.under1 {
          border-bottom: 2px solid #f0bd4a;
          border-width: 2px;
          position: relative;
        }

        div.bodycontent-div-center {
@@ -282,6 +294,8 @@
          border-color: #dfb27d;
          padding: 1em;
        }



        img.bodycontent-divcenter-image {
          float: center;
@@ -338,6 +352,8 @@
          padding: 1em;
        }



        img.bodycontent-divright-image {
          float: right;
          clear: both;
@@ -352,14 +368,73 @@
          margin: 15px;
        }

        div.bodystyle {
          font-family: '宋体';
          font-size: 18px;
        .page-box:nth-child(odd) .bodystyle {
          text-align: justify;
          padding: 10% 10%;
          box-sizing: border-box;
          margin: 0 16% 0 12%;
          padding: 10% 0;
          line-height: 30px;
          position: relative;
          min-height: 970px;
        }

        .page-box:nth-child(even) .bodystyle {
          text-align: justify;
          margin: 0 12% 0 16%;
          padding: 10% 0;
          line-height: 30px;
          position: relative;
          min-height: 970px;
        }

        .footer-left {
          position: absolute;
          bottom: 2.5%;
          left: 0%;
          display: flex;
          align-items: flex-end;
          padding-left: 0%;


          .footer-left-number {
            font-family: "方正细圆";
            font-size: 14px;
            font-weight: bold;
            margin-right: 10px;
            line-height: 20px;
          }

          .footer-left-text {
            font-family: "方正细圆";
            font-size: 12px;
            line-height: 20px;
          }
        }

        .footer-right {
          position: absolute;
          bottom: 2.5%;
          right: 0%;
          display: flex;
          align-items: flex-end;
          padding-left: 0%;


          .footer-right-number {
            font-family: "方正细圆";
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;

          }

          .footer-right-text {
            font-family: "方正细圆";
            font-size: 12px;
            line-height: 20px;
            margin-right: 10px;
          }
        }


        span.zt-0 {
          color: #0087af;
@@ -422,9 +497,6 @@
          font-size: 0.85em;
        }

        .block {
          color: #00adef;
        }

        .block2 {
          text-align: center;
@@ -454,12 +526,13 @@
        }

        p {
          margin-top: 1em;
          margin-top: 0em;
          margin-bottom: 0em;
          text-indent: 2em;
          line-height: 30px;
          font-size: 18px;
          text-align: justify;
          font-family: "msyh";
          font-family: "方正新书宋";
        }

        .cover {
@@ -498,7 +571,6 @@
        }

        .right {
          color: #00adef;
          text-align: right;
          margin-left: 0%;
          margin-right: 0%;
@@ -585,17 +657,14 @@

        h2 {
          text-align: center;
          font-family: "FZHTJW";
          font-weight: bold;
          font-size: 1.6em;
          margin-bottom: 0em;
          margin-top: 1.5em;
          text-indent: 2em;
          margin-top: 1em;
          margin-bottom: 1em;
        }

        .h2-zt {
          background-color: #3c84a5;
          color: #ffffff;
          border-radius: 0.2em 0em 0em 0.2em;
          margin-bottom: 1em;
          margin-top: -0.5em;
@@ -605,68 +674,34 @@
        .h2-zt1 {
          border-radius: 0em 0.2em 0.2em 0em;
          padding: 0.2em 0.5em 0.2em 0.5em;
          background-color: #316076;
          color: #ffffff;
          margin-bottom: 1em;
          margin-top: -0.8em;
          line-height: 40px;
        }

        .h3-zt {
          background-color: #9bc3c2;
          color: #ffffff;
          border-radius: 0.2em;
          margin-bottom: 0em;
          margin-top: -0.5em;
          padding: 0.1em 0.2em 0.1em 0.2em;
          margin-left: -3.5em;
          margin-right: 5px;
        }
        .h3-zt {}

        .h3-zt1 {
          background-color: #9bc3c2;
          color: #ffffff;
          border-radius: 0.2em;
          margin-bottom: 0em;
          border-bottom: 4px dotted #9bc3c2;
          margin-top: -0.5em;
          padding: 0.1em 0.2em 0.1em 0.2em;
          margin-left: -3.5em;
          margin-right: 5px;
        }
        .h3-zt1 {}

        h3 {
          font-family: "FZHTJW";
          font-weight: bold;
          color: #1d668f;
          border-bottom: 4px dotted #9bc3c2;
          font-size: 1.3em;
          margin-bottom: 1em;
          margin-top: 1em;
          font-size: 1.2em;
          margin-bottom: 0.6em;
          margin-top: 0.6em;
          text-indent: 2em;
          margin-left: 1.5em;
        }

        h4 {
          font-family: "FZHTJW";
          font-weight: bold;
          border-radius: 1em;
          color: #316076;
          background-color: #f3f3f3;
          margin-bottom: 0.5em;
          margin-top: 1em;
          font-size: 1.2em;
          text-indent: 1em;
          padding: 10px 10px;
          box-sizing: border-box;
          margin-top: 0em;
          margin-bottom: 0;
          font-size: 1.1em;
          text-indent: 2em;
        }

        h5 {
          font-family: "FZHTJW";
          margin-bottom: 0.5em;
          margin-top: 1em;
          color: #316076;
          font-size: 1.15em;
          color: #000;
          margin: 0;
          font-size: 1.1em;
          text-indent: 2em;
        }

@@ -703,6 +738,10 @@

        .img-a {
          width: 95%;
        }

        .w80{
          width: 80%;
        }

        .img-b {
@@ -777,9 +816,29 @@
          margin-right: 0.5em;
        }

        .kaiti {}
        // 字体
        .fm-kt {
          font-family: "kaiti";
        }

        .kaiti1 {}
        .fm-fzht {
          font-family: "方正黑体";
        }

        .fz-16{
          font-size: 16px !important;
        }

        // 字体
        .mb-20 {
          margin-bottom: 20px;
        }

        .mb-30 {
          margin-bottom: 30px;
        }



        .bk-bwh {
          background-color: #dfebf7;
@@ -1112,7 +1171,7 @@
          margin-left: -2.4em;
          margin-bottom: -0.6em;
          margin-top: 0.5em;
          height: 3em;
          height: 2em;
        }

        .rwmb-5 {

 src/books/kindergartenActivitiesDesignGuidance/js/examinationList.js

@@ -1,28 +1,28 @@
const testData = {
  2: {
    15: [66984, 66985, 66986],
  },
  3: {
    29: [67015, 67016, 67017, 67018, 67019, 67020, 67021],
  },
  4: {
    54: [67022, 67023, 67024, 67025, 67026, 67027, 67028, 67029, 67030],
  },
  5: {
    70: [67031, 67032, 67033, 67034, 67035, 67036, 67037, 67038, 67039],
  },
  6: {
    99: [67040, 67041, 67042, 67043, 67044, 67045, 67046, 67047],
  },
  7: {
    113: [67048, 67049, 67050, 67051, 67052, 67053, 67054, 67055],
  },
  8: {
    136: [67056, 67057, 67058, 67059, 67060, 67061],
  },
  9: {
    146: [67062, 67063, 67064, 67065, 67066, 67067],
  },
};
// const testData = {
//   2: {
//     15: [66984, 66985, 66986],
//   },
//   3: {
//     29: [67015, 67016, 67017, 67018, 67019, 67020, 67021],
//   },
//   4: {
//     54: [67022, 67023, 67024, 67025, 67026, 67027, 67028, 67029, 67030],
//   },
//   5: {
//     70: [67031, 67032, 67033, 67034, 67035, 67036, 67037, 67038, 67039],
//   },
//   6: {
//     99: [67040, 67041, 67042, 67043, 67044, 67045, 67046, 67047],
//   },
//   7: {
//     113: [67048, 67049, 67050, 67051, 67052, 67053, 67054, 67055],
//   },
//   8: {
//     136: [67056, 67057, 67058, 67059, 67060, 67061],
//   },
//   9: {
//     146: [67062, 67063, 67064, 67065, 67066, 67067],
//   },
// };

export default testData;
// export default testData;

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

@@ -2,25 +2,23 @@
  <div class="chapter" num="2">
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <div class="bodystyle coverImgBg01">
        <div class="coverImgBg01">
          <div style="padding: 0 12% 10% 16%;">
          <p>
            <img class="rwmb-1" alt="" src="../../images/tb.png" /><span
              class="zt-ht"
              >学习目标</span
            >
              <img class="rwmb-1" alt="" src="../../images/tb.png" /><span class="zt-ht">学习目标</span>
          </p>
          <div class="bk">
            <p><b>知识目标</b></p>
            <p>1.理解幼儿园教育活动的内涵。</p>
            <p>2.了解幼儿园教育活动的内容和形式。</p>
            <p>3.掌握幼儿园教育活动组织指导技能。</p>
            <p>4.掌握幼儿园教育活动的设计步骤。</p>
              <p class="fm-kt">1.理解幼儿园教育活动的内涵。</p>
              <p class="fm-kt">2.了解幼儿园教育活动的内容和形式。</p>
              <p class="fm-kt">3.掌握幼儿园教育活动组织指导技能。</p>
              <p class="fm-kt">4.掌握幼儿园教育活动的设计步骤。</p>
            <p><b>能力目标</b></p>
            <p>1.学会撰写并评析幼儿园教育活动方案。</p>
            <p>2.学会独立设计和组织幼儿园教育活动。</p>
              <p class="fm-kt">1.学会撰写并评析幼儿园教育活动方案。</p>
              <p class="fm-kt">2.学会独立设计和组织幼儿园教育活动。</p>
            <p><b>素养目标</b></p>
            <p>1.具有理论联系实际的辩证唯物主义观、科学学习观。</p>
            <p>2.强化严谨、科学、专业的学习态度。</p>
              <p class="fm-kt">1.具有理论联系实际的辩证唯物主义观、科学学习观。</p>
              <p class="fm-kt">2.强化严谨、科学、专业的学习态度。</p>
          </div>
          <p>
            幼儿园教育活动设计与指导，就是研究在幼儿教育领域中，怎样运用教育的原理、方法设计并组织多种形式的教育活动，让幼儿愉快地生活，实现应有的发展，为将来做好准备。本单元主要根据《幼儿园工作规程》（以下简称《规程》）、《3—6岁儿童学习与发展指南》（以下简称《指南》）的精神及幼儿身心发展规律、幼儿园课程的特点，就幼儿园教育活动的实质、设计及组织指导的一般策略进行较为系统地论述，以期帮助同学们掌握组织幼儿园教育活动的教学法基础理论及各环节的指导技能。
@@ -28,21 +26,21 @@
        </div>
      </div>
    </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <div class="bodystyle">
          <h2 id="b001">
            <span class="h2-zt">第一课</span
            ><span class="h2-zt1">幼儿园教育活动的实质</span>
            <span class="h2-zt">第一课</span><span class="h2-zt1">幼儿园教育活动的实质</span>
          </h2>
          <p>
            众所周知，幼儿是在与环境相互作用的过程中实现自我发展的，而这种相互作用又是通过各种形式的活动来完成的。从这个意义上说，没有活动就谈不上幼儿的发展。本课主要探讨作为更具教育意义的场所——幼儿园，其活动的本质、内容形式所具有的特殊性。
          </p>
          <h3 id="c001"><span class="h3-zt">一</span>幼儿园教育活动的含义</h3>
          <h3 id="c001"><span class="h3-zt">一、</span>幼儿园教育活动的含义</h3>
          <p>
            正确理解教育活动的内涵是极其重要的，那种认为教育活动，即过去的上课（作业），只是换了一种提法的观点是错误的。教育活动是一个广义的概念，是指教育者依据教育目标，对受教育者实施有目的、有计划、有组织的影响，使其发生预期变化的活动。幼儿园的一切活动都具有教育性，都应该成为促进幼儿身心发展的教育活动，不应该只指上课。根据《规程》的精神和幼儿园工作的实际，现在比较统一的看法是：幼儿园的教育活动应指一切具有教育因素的活动，具体包括游戏活动、教学活动和生活活动三大块。三者构成幼儿园教育活动的有机整体，它们相互联系、相互渗透、有机结合，共同促进幼儿身心全面和谐发展。
          </p>
          <h3 id="c002"><span class="h3-zt">二</span>幼儿园教育活动的特点</h3>
          <h3 id="c002"><span class="h3-zt">二、</span>幼儿园教育活动的特点</h3>
          <h4 id="d001">（一）幼儿园教育活动是一种有目的、有计划的活动</h4>
          <p>
            幼儿园教育活动不是盲目、自发的，任幼儿自然发展的活动，它必然受到诸多因素的制约，必须根据幼儿园保育与教育的目标，根据幼儿发展的实际水平，有目的、有计划地设计教育活动，并通过具体的教育活动，促进每个幼儿在原有的水平上得到发展。
@@ -52,15 +50,18 @@
            幼儿园教育活动是师幼双向、互动的活动。教育活动中的主动活动应该是：在教师有目的、有计划的引导下，幼儿积极参与，在与物、人的交互过程中，促进其身心和谐发展。
          </p>
          <p>
            组织教育活动时，应充分考虑幼儿的年龄特点，突出教育过程的活动性，改变过去重教材、忽视幼儿，重结果、忽视过程等弊端，积极为幼儿创设良好的教育环境，引导幼儿主动地参与，让幼儿有更多机会主动探索、自由操作、自由交往，从
            组织教育活动时，应充分考虑幼儿的年龄特点，突出教育过程的活动性，改变过去重教材、忽视幼儿，重结果、忽视过程等弊端，积极为幼儿创设良好的教育环境，引导幼儿主动地参与，让幼儿有更多机会主动探索、自由操作、自由交往，从而获得发展。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">2</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
        <div class="bodystyle">
          <p class="notIndent">而获得发展。</p>
          <h4 id="d003">（三）幼儿园教育活动是多种多样的</h4>
          <p>以对象来分，有以物为对象的操作活动、以人为对象的操作活动。</p>
          <p>
@@ -72,7 +73,7 @@
            根据教育目标和教育内容，选择合适的教育形式；根据幼儿园的条件和班级的实际情况，选择适宜的教育形式，各种教育形式在一日活动中都不可偏废。
          </p>
          <h3 id="c003">
            <span class="h3-zt">三</span>幼儿园教育活动的内容和形式
            <span class="h3-zt">三、</span>幼儿园教育活动的内容和形式
          </h3>
          <h4 id="d004">（一）幼儿园教育活动的内容</h4>
          <p>
@@ -95,6 +96,10 @@
          </p>
          <h5 id="e001">1.根据活动内容的组织特点划分</h5>
          <p>（1）核心课程。</p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">3</li>
          </ul>
        </div>
      </div>
    </div>
@@ -136,6 +141,10 @@
          <p>
            这种组织形式易出现的问题：一是对幼儿有一定的困难，因为这种组织形式要求幼儿有一定的合作、交往能力。二是教师的主导作用如何发挥难以把握，是放任？是限制？还是启发引导？
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">4</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -162,8 +171,7 @@
            以上三种活动形式都有各自独特的功能，不能相互替代，但在教育实践中，三者经常交替进行，相互渗透。
          </p>
          <h2 id="b002">
            <span class="h2-zt">第二课</span
            ><span class="h2-zt1">幼儿园教育活动的设计策略</span>
            <span class="h2-zt">第二课</span><span class="h2-zt1">幼儿园教育活动的设计策略</span>
          </h2>
          <p>
            幼儿园教育活动的设计是实施幼儿园教育活动的前提条件。它是依据一定的教育目标，选择合适的教育内容，在一定的时空内对幼儿施加教育影响的方案。
@@ -172,7 +180,7 @@
            每个教育活动的具体设计包括活动目标、活动准备、活动过程、活动延伸等方面。
          </p>
          <h3 id="c004">
            <span class="h3-zt">一</span>幼儿园教育活动设计的类型
            <span class="h3-zt">一、</span>幼儿园教育活动设计的类型
          </h3>
          <p>
            教师开展教育活动，既需要在开展之前进行预先设计，也应在活动开展过程中根据幼儿活动的情况灵活地调整原有的设计，活动结束后，还应对活动效果进行反思及研究，针对不足提出修改方案，为下次的实施做好准备。因此，幼儿园教育活动设计的类型就可以相对划分为预先设计、临时设计和反思设计三种。
@@ -180,16 +188,18 @@
          <h4 id="d006">（一）预先设计</h4>
          <p>
            预先设计是教师在分析幼儿当前的发展特点、能力经验和需要的基础上，结合
            教育目标的要求，选择适当的内容和方法，设想活动的进程、步骤、可能出现的问题以及解决方法等，写出活动计划的过程。预先设计能加强教育工作的目的性和科学性，保证教育活动的顺利进行。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">5</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            教育目标的要求，选择适当的内容和方法，设想活动的进程、步骤、可能出现的问题以及解决方法等，写出活动计划的过程。预先设计能加强教育工作的目的性和科学性，保证教育活动的顺利进行。
          </p>
          <h4 id="d007">（二）临时设计</h4>
          <p>
            幼儿是学习活动的主体，活动中充满了幼儿的创造性。因此，教师在开展活动时不能机械地照搬原有的计划，而应观察幼儿的活动情况，针对幼儿活动中出现的问题和现象，随时调整计划，进行临时设计。这种设计既可以是对预定的某个环节的临时调整，也可以是针对幼儿的自发学习而临时进行的设计。临时设计能尊重幼儿活动的主体性，使活动更能满足幼儿的兴趣和需要。
@@ -199,7 +209,7 @@
            在活动结束之后，教师应对自身在组织教育活动中的行为及幼儿在活动中的反应进行分析思考，及时对原有计划进行修改和补充，这就是反思设计。这种不断的反思，会促使教师不断积累经验，改善和提高自身的教育技能，实现自我成长。
          </p>
          <h3 id="c005">
            <span class="h3-zt">二</span>幼儿园教育活动设计的原则
            <span class="h3-zt">二、</span>幼儿园教育活动设计的原则
          </h3>
          <p>
            幼儿园教育活动设计的原则是教师设计教育活动时必须遵循的基本要求。
@@ -217,6 +227,10 @@
            第二，为幼儿提供丰富的物质材料，让幼儿在与这些材料的相互作用中获得发展。
          </p>
          <p>第三，为幼儿提供较多的社会交往机会。</p>
          <ul class="footer-left">
            <li class="footer-left-number">6</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -256,12 +270,16 @@
            要实现教育过程中各因素间的协调，如教师的教与幼儿的学，教育内容、环境创设与教具使用，幼儿的身体发展、认知发展与社会性发展，使活动过程成为促进幼儿发展的过程。
          </p>
          <h3 id="c006">
            <span class="h3-zt">三</span>幼儿园教育活动设计的步骤
            <span class="h3-zt">三、</span>幼儿园教育活动设计的步骤
          </h3>
          <h4 id="d012">（一）幼儿情况分析或设计意图</h4>
          <p>
            分析幼儿已具备哪些与该活动有关的知识、技能、能力、兴趣以及可能存在的问题。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">7</li>
          </ul>
        </div>
      </div>
    </div>
@@ -303,6 +321,10 @@
          <p>
            幼儿园教育活动常用的方法按不同性质可分为三大类，每一类又可分为不同的方法。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">8</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -354,6 +376,10 @@
          <p>
            移情训练法：教师通过创设情境，引导幼儿进入角色去感受、去思考，设身处地地为他人着想，从而获得一种新行为模式的学习方法。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">9</li>
          </ul>
        </div>
      </div>
    </div>
@@ -384,6 +410,10 @@
            （2）充分利用废旧物品制作教具、学具，教具、学具应符合卫生、安全等方面的要求。
          </p>
          <p>（3）重视幼儿的参与。</p>
          <ul class="footer-left">
            <li class="footer-left-number">10</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -401,14 +431,13 @@
            这里是指教学活动的延伸，是对教学活动内容的巩固和强化，可以在教学之后的游戏或其他活动中进行，也可以延伸至幼儿家中进行。
          </p>
          <h2 id="b003">
            <span class="h2-zt">第三课</span
            ><span class="h2-zt1">幼儿园教育活动的组织指导策略</span>
            <span class="h2-zt">第三课</span><span class="h2-zt1">幼儿园教育活动的组织指导策略</span>
          </h2>
          <p>
            为保证教育活动的效果，我们必须认真研究幼儿园教育活动的组织指导策略，以最大限度地发挥其作用。
          </p>
          <h3 id="c007">
            <span class="h3-zt">一</span>幼儿园教育活动组织指导的类型
            <span class="h3-zt">一、</span>幼儿园教育活动组织指导的类型
          </h3>
          <h4 id="d017">（一）直接指导方式</h4>
          <p>
@@ -422,20 +451,21 @@
            实际工作中，需要将直接指导方法和间接指导方法结合起来，根据具体的需要，交替运用这两种方式，有效地支持和促进幼儿的学习。
          </p>
          <h3 id="c008">
            <span class="h3-zt">二</span>幼儿园教育活动组织指导的技能
            <span class="h3-zt">二、</span>幼儿园教育活动组织指导的技能
          </h3>
          <p>
            技能是一个心理学概念，是指个体在活动中经过反复尝试和练习而逐渐习惯化
            技能是一个心理学概念，是指个体在活动中经过反复尝试和练习而逐渐习惯化了的熟练的行为方式。幼儿园教育活动的指导过程，同样存在着一定的技能，这些指导技能，是幼儿教师在长期的教学活动中总结出来的带有共性的指导方式，是幼儿园教师保证教育活动顺利开展的必要条件。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">11</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            了的熟练的行为方式。幼儿园教育活动的指导过程，同样存在着一定的技能，这些指导技能，是幼儿教师在长期的教学活动中总结出来的带有共性的指导方式，是幼儿园教师保证教育活动顺利开展的必要条件。
          </p>
          <h4 id="d019">（一）幼儿园教育活动指导技能的分类</h4>
          <p>
            幼儿园教育活动指导技能分为四类：第一类是组织活动进程的技能，包括活动导入技能、活动过渡技能、活动结束技能；第二类是运用语言的技能，包括提问的技能、描述的技能、评价的技能；第三类是观察的技能；第四类是运用教学媒体的技能。
@@ -461,15 +491,18 @@
          </p>
          <p>活动过渡的类型包括以下三种。</p>
          <p>
            一是分析性过渡。适用于前后环节属逻辑深化关系的活动内容的衔接，即后一
            一是分析性过渡。适用于前后环节属逻辑深化关系的活动内容的衔接，即后一个环节是对前一个环节的进一步深化。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">12</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="bodystyle">
          <p class="notIndent">个环节是对前一个环节的进一步深化。</p>
          <p>
            例如，“种南瓜”这一活动过程有三个环节：第一，认识种子；第二，了解南瓜的生长过程；第三，种植南瓜。这三个环节的两处过渡实际上是一种层次深化关系。第一个环节向第二个环节过渡时可这样进行：“刚才，我们认识了这么多的‘籽’，知道了它们有一个共同的名字叫种子。那么，种子种到地里是怎样生长的呢？下面我们就来看看这幅南瓜的生长图。”（自然引出第二环节）第二环节向第三个环节过渡时可以这样进行：“刚才，大家了解了南瓜的生长过程，知道种下一粒粒种子，就可以长成一个个南瓜。小朋友们，你们也想种南瓜吗？”（自然过渡到第三个环节）这种分析性过渡，能使整个活动过程富有逻辑性和紧凑感。
          </p>
@@ -490,17 +523,18 @@
            活动结束环节的目的是画龙点睛，巩固知识；加强练习，反馈效果；激发联想，留下余兴。
          </p>
          <p>
            活动结束的组织应注意：第一，明确目的。紧扣活动内容，根据活动目标、活动情境及幼儿的认知特点选用恰当的结束方式，使之真正达到目的。第二，把握时
            活动结束的组织应注意：第一，明确目的。紧扣活动内容，根据活动目标、活动情境及幼儿的认知特点选用恰当的结束方式，使之真正达到目的。第二，把握时间。不拖延时间，也不草率结束。第三，留有余兴。要能引导幼儿回味，激发幼儿对下一次活动的强烈愿望。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">13</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            间。不拖延时间，也不草率结束。第三，留有余兴。要能引导幼儿回味，激发幼儿对下一次活动的强烈愿望。
          </p>
          <p>
            活动结束的类型有以下几种：第一，回应法。指结尾与开头相呼应，使整个活动前后一贯，首尾相接，达到完整、圆满的效果。第二，归纳法。指教师指导幼儿动手动脑，对活动所获得的知识或技能进行归纳、小结，概括活动的主要内容，以强化重点，加深记忆，便于巩固和运用。第三，发散法。指把活动的内容、主题或在活动中得出的结论进一步扩展，进行发散性思考；或让幼儿依据想象推断另外的结局，以加深幼儿对完成具体的操作任务的认识；可以让幼儿进行创造性活动；还可以提出问题让幼儿进行讨论等。第四，练习法。练习在活动中往往必不可少，其方法也多种多样，可以让幼儿完成具体的操作任务，也可以让幼儿进行创造性活动。第五，游戏法。把幼儿在活动中获得的印象融入游戏，使之在幼儿愉快的活动中进一步深化、巩固。第六，延伸法。指在活动结束时，教师有意识地留有一定的余地，让幼儿对活动内容继续进行思考和探索，或使现有的活动内容与下一个活动内容发生联系。
          </p>
@@ -517,17 +551,18 @@
            第二，适时适量。适时就是所提出的问题要与幼儿的思考、质疑相吻合，要在幼儿有思有疑时提出问题。适量就是要注意一个活动中提问的总量和频率。
          </p>
          <p>
            第三，难易适度。设计问题时，应该注意问题要有一定的难度，要设法把幼儿带入一个可以理解又不是很容易理解、有障碍而又可以逾越的境界，形象地说就是要让幼儿“跳一跳，摘果子”。教师在设计问题时应避免两种倾向：一是问题过于
            第三，难易适度。设计问题时，应该注意问题要有一定的难度，要设法把幼儿带入一个可以理解又不是很容易理解、有障碍而又可以逾越的境界，形象地说就是要让幼儿“跳一跳，摘果子”。教师在设计问题时应避免两种倾向：一是问题过于简单；二是问题大而空，或过于深奥、难理解，结果是“启而不发”。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">14</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            简单；二是问题大而空，或过于深奥、难理解，结果是“启而不发”。
          </p>
          <p>
            第四，层层递进。在一个活动中，教师并非只提一两个问题就能帮助幼儿观察对象，理解内容，应注意从活动的实际出发，有计划地设置有内在联系、环环相扣、步步深入的问题系统，为幼儿一步步深入思考提供线索。
          </p>
@@ -541,17 +576,19 @@
          <p>
            组织教育活动时，运用语言描述的目的是传授知识，激发兴趣，启发思维。
          </p>
          <p>
            组织教育活动时，描述教育内容应注意：一是具有科学性。主要表现在：语言形式规范，包括语言标准、用词恰当、清晰响亮、连贯流畅、富有逻辑性和层次感
          </p>

          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">15</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            二是表达内容准确。指描述的内容要正确，无科学性错误或含糊不清的成分。三是体现艺术性。教师既要通过声调、节奏、语气、语速的变化，增加语言的艺术感受力，又要注意表达的生动、形象、活泼、有趣，增加真实感和直观感。四是注意启发性。教师要避免生硬的灌输和干巴巴地说教，在描述过程中，可灵活穿插提问、评价和其他方式启发、诱导幼儿的思维。五是要有针对性。指要根据不同的活动内容和不同幼儿的年龄特点与理解水平变化语言表达的形式和要求。
          <p>
            组织教育活动时，描述教育内容应注意：一是具有科学性。主要表现在：语言形式规范，包括语言标准、用词恰当、清晰响亮、连贯流畅、富有逻辑性和层次感二是表达内容准确。指描述的内容要正确，无科学性错误或含糊不清的成分。三是体现艺术性。教师既要通过声调、节奏、语气、语速的变化，增加语言的艺术感受力，又要注意表达的生动、形象、活泼、有趣，增加真实感和直观感。四是注意启发性。教师要避免生硬的灌输和干巴巴地说教，在描述过程中，可灵活穿插提问、评价和其他方式启发、诱导幼儿的思维。五是要有针对性。指要根据不同的活动内容和不同幼儿的年龄特点与理解水平变化语言表达的形式和要求。
          </p>
          <p>语言描述的类型有以下几种。</p>
          <p>
@@ -573,6 +610,10 @@
          <p>
            评价的内容包括活动中幼儿的兴趣、态度；幼儿对知识、技能的掌握情况；幼儿能力的发展情况；幼儿的行为表现。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">16</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -612,6 +653,10 @@
            观察有以下两种类型：环视法（扫视法）、点视法。在实际的观察中，两种方法结合运用。
          </p>
          <p>观察记录的方式：文字描述式、列表打钩式、等级评定式。</p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">17</li>
          </ul>
        </div>
      </div>
    </div>
@@ -645,22 +690,24 @@
          <p>（3）教具、学具的使用要求。</p>
          <p>出示教具、学具应做到：时机恰当、数量合适、方法得当。</p>
          <p>
            操作教具、学具应做到：动作熟练、程序清晰、方位适宜、适当伴随语言
            操作教具、学具应做到：动作熟练、程序清晰、方位适宜、适当伴随语言讲解。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">18</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="bodystyle">
          <p class="notIndent">讲解。</p>
          <p>（4）现代教学媒体的运用要求。</p>
          <p>
            现代教学媒体的运用要与教学目标、教学内容一致；运用要适度；与其他教学媒体互补利用。
          </p>
          <h2 id="b004">
            <span class="h2-zt">第四课</span
            ><span class="h2-zt1">幼儿园教育活动各环节技能的实践训练</span>
            <span class="h2-zt">第四课</span><span class="h2-zt1">幼儿园教育活动各环节技能的实践训练</span>
          </h2>
          <p>
            幼儿园教育活动过程由开始活动、基本活动过程、活动结束三部分构成。教育活动过程各环节能否顺利进行，与教师是否有良好的教育技能密切相关。本课主要组织开展各教育活动环节的训练，目的是使同学们掌握组织教育活动的技能。
@@ -690,6 +737,10 @@
          <h3 id="c011"><span class="h3-zt1">项目三</span>活动结束技能训练</h3>
          <h4 id="d025">（一）实训目标</h4>
          <p class="block">1.掌握活动结束采用的方法类型及所达到的目的。</p>
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">19</li>
          </ul>
        </div>
      </div>
    </div>
@@ -733,6 +784,10 @@
          <h3 id="c015"><span class="h3-zt1">项目七</span>观察技能训练</h3>
          <h4 id="d033">（一）实训目标</h4>
          <p class="block">1.了解观察的类型及方式。</p>
          <ul class="footer-left">
            <li class="footer-left-number">20</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -753,10 +808,7 @@
          <p class="block">4.角色游戏：医院。</p>
          <hr />
          <p>
            <img class="rwmb-1" alt="" src="../../images/tb-7.png" /><span
              class="zt-ht"
              >思考题</span
            >
            <img class="rwmb-1" alt="" src="../../images/tb-7.png" /><span class="zt-ht">思考题</span>
          </p>
          <p>1.如何理解幼儿园的教育活动？</p>
          <p>2.幼儿园教育活动的内容按领域分有哪些？各包括哪些具体内容？</p>
@@ -770,10 +822,7 @@
          <p>8.幼儿园教育活动的指导技能主要有哪些？</p>
          <p>9.设计提问的要求是什么？举例说明。</p>
          <p>
            <img class="rwmb-1" alt="" src="../../images/tb-8.png" /><span
              class="zt-ht"
              >学习反思</span
            >
            <img class="rwmb-1" alt="" src="../../images/tb-8.png" /><span class="zt-ht">学习反思</span>
          </p>
          <br />
          <hr />
@@ -783,6 +832,10 @@
          <hr />
          <br />
          <hr />
          <ul class="footer-right">
            <li class="footer-right-text">第一单元　幼儿园教育活动设计与指导概述</li>
            <li class="footer-right-number">21</li>
          </ul>
        </div>
      </div>
    </div>

 src/books/kindergartenActivitiesDesignGuidance/view/components/chapter002.vue

@@ -2,28 +2,25 @@
  <div class="chapter" num="3">
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="bodystyle coverImgBg02">
          <!-- <h1 id="a006"><img class="img-0 coverImgBg" alt="" src="../../images/z2.jpg" /></h1> -->
        <div class="coverImgBg02">
          <div style="padding: 0 15% 10% 12%;">
          <p>
            <img class="rwmb-1" alt="" src="../../images/tb.png" /><span
              class="zt-ht"
              >学习目标</span
            >
              <img class="rwmb-1" alt="" src="../../images/tb.png" /><span class="zt-ht">学习目标</span>
          </p>
          <div class="bk">
            <p><b>知识目标</b></p>
            <p>1.理解幼儿健康教育的意义。</p>
            <p>2.掌握幼儿健康教育的目标和内容。</p>
            <p>3.掌握幼儿健康教育活动的原则、方法、组织形式。</p>
              <p class="fm-kt fz-16">1.理解幼儿健康教育的意义。</p>
              <p class="fm-kt fz-16">2.掌握幼儿健康教育的目标和内容。</p>
              <p class="fm-kt fz-16">3.掌握幼儿健康教育活动的原则、方法、组织形式。</p>
            <p><b>能力目标</b></p>
            <p>1.学会评析幼儿健康教育活动，并提出改进意见。</p>
            <p>2.具有设计和组织实施各年龄班幼儿健康教育活动方案的能力。</p>
            <p>3.能组织并指导体育课、早操活动、户外体育活动。</p>
              <p class="fm-kt fz-16">1.学会评析幼儿健康教育活动，并提出改进意见。</p>
              <p class="fm-kt fz-16">2.具有设计和组织实施各年龄班幼儿健康教育活动方案的能力。</p>
              <p class="fm-kt fz-16">3.能组织并指导体育课、早操活动、户外体育活动。</p>
            <p><b>素养目标</b></p>
            <p>
              <p class="fm-kt fz-16">
              1.有积极的健康意识，能养成自觉锻炼的好习惯，树立正确的人生观、价值观、健康观。
            </p>
            <p>
              <p class="fm-kt fz-16">
              2.树立科学的儿童观和教育观，自觉做幼儿健康成长的启蒙者和引路人。
            </p>
          </div>
@@ -33,21 +30,21 @@
        </div>
      </div>
    </div>
    </div>
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="bodystyle">
          <h2 id="b005">
            <span class="h2-zt">第一课</span
            ><span class="h2-zt1">幼儿健康教育概述</span>
            <span class="h2-zt">第一课</span><span class="h2-zt1">幼儿健康教育概述</span>
          </h2>
          <p>
            本课主要阐述健康和幼儿健康教育的内涵及健康领域教育的意义，以帮助同学们树立正确的、科学的健康观念，在重视幼儿身体健康的同时，高度重视幼儿的心理健康，并充分发挥健康领域对幼儿身心发展的作用。
          </p>
          <h3 id="c017"><span class="h3-zt">一</span>健康和幼儿健康教育</h3>
          <h3 id="c017"><span class="h3-zt">一、</span>健康和幼儿健康教育</h3>
          <p>
            健康是身体、心理和社会适应的健全状态。幼儿健康教育是根据幼儿身心发展的特点，增强幼儿健康认识、改善幼儿健康态度、培养幼儿健康行为、保持和促进幼儿健康的系统教育活动。幼儿健康教育包括身心保健和身体锻炼两大部分。
          </p>
          <h3 id="c018"><span class="h3-zt">二</span>幼儿健康教育的意义</h3>
          <h3 id="c018"><span class="h3-zt">二、</span>幼儿健康教育的意义</h3>
          <p>
            幼儿健康教育是幼儿教育整体结构中的重要组成部分，是健康教育的基础，也是素质教育的重要组成部分，对幼儿发展具有独特的价值。
          </p>
@@ -62,17 +59,18 @@
            幼儿正处于生长发育的重要时期，需要丰富的营养。幼儿园的身体保健教育保证幼儿能得到丰富、合理的营养，从而有效地促进幼儿身体的生长发育。
          </p>
          <p>
            幼儿身体的各器官、系统的机能尚未发育完善，经常组织幼儿在阳光下进行适宜的体育锻炼，能有效促进骨骼骨化、韧带增厚，使肌肉变得丰满、结实。体育锻
            幼儿身体的各器官、系统的机能尚未发育完善，经常组织幼儿在阳光下进行适宜的体育锻炼，能有效促进骨骼骨化、韧带增厚，使肌肉变得丰满、结实。体育锻炼能有效提高循环系统、呼吸系统、消化系统的功能，提高幼儿身体的新陈代谢水平。因此，科学、适宜的体育锻炼能更好地促进幼儿身体的生长发育。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">23</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            炼能有效提高循环系统、呼吸系统、消化系统的功能，提高幼儿身体的新陈代谢水平。因此，科学、适宜的体育锻炼能更好地促进幼儿身体的生长发育。
          </p>
          <p>
            幼儿身体柔嫩、机能较弱，经常组织幼儿在空气新鲜、日光充足的户外进行适宜的体育锻炼，能使幼儿的神经系统功能得到提高，从而有效地调节自身的各种机能，对外界环境迅速做出反应，并较快适应。因此，经常进行适量的体育锻炼能有效增强幼儿的体质。
          </p>
@@ -91,22 +89,22 @@
            丰富多彩的体育活动，能培养幼儿活泼、开朗的性格和优良的品质。体育活动的成功和失败，既能满足幼儿积极愉快的情绪体验，又能培养幼儿勇敢、顽强的意志品质和自信心等良好的个性；同时还能培养幼儿参与、乐群、合作的群体意识，使幼儿逐步学会与人交往、遵守规则、建立良好的人际关系，这都有利于幼儿社会性的发展。
          </p>
          <h2 id="b006">
            <span class="h2-zt">第二课</span
            ><span class="h2-zt1">幼儿健康教育的目标和内容</span>
            <span class="h2-zt">第二课</span><span class="h2-zt1">幼儿健康教育的目标和内容</span>
          </h2>
          <p>
            《纲要》明确规定了幼儿园健康领域的总目标。总目标体现了三个方面的价值取向：身心和谐，保护与锻炼并重，健康行为的形成和健康态度的转变并重。总目
            《纲要》明确规定了幼儿园健康领域的总目标。总目标体现了三个方面的价值取向：身心和谐，保护与锻炼并重，健康行为的形成和健康态度的转变并重。总目标又是确定相应的年龄阶段目标及具体教育活动目标的依据。幼儿健康教育的目标是选择幼儿健康教育内容的依据，幼儿健康教育的内容又是教育目标的具体体现，对于实现目标至关重要。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">24</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            标又是确定相应的年龄阶段目标及具体教育活动目标的依据。幼儿健康教育的目标是选择幼儿健康教育内容的依据，幼儿健康教育的内容又是教育目标的具体体现，对于实现目标至关重要。
          </p>
          <h3 id="c019"><span class="h3-zt">一</span>幼儿健康教育的目标</h3>
          <h3 id="c019"><span class="h3-zt">一、</span>幼儿健康教育的目标</h3>
          <p>
            幼儿健康教育的目标是使幼儿身心发展达到预期的健康水平的教育结果，它对幼儿身心健康的发展具有规定和评定的作用，也是衡量健康教育成效的尺度。幼儿健康教育的目标可以分为总目标、年龄阶段目标和活动目标三个层次。
          </p>
@@ -134,15 +132,18 @@
            （3）了解身体的外形结构，认识并学习保护五官；能积极配合疾病预防与治疗。
          </p>
          <p>
            （4）知道过马路、乘坐交通工具、玩大型运动器材时要注意安全，了解日常
            （4）知道过马路、乘坐交通工具、玩大型运动器材时要注意安全，了解日常生活中的安全常识
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">25</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <div class="bodystyle">
          <p class="notIndent">生活中的安全常识。</p>
          <p>（5）知道自己的性别。</p>
          <p>
            （6）喜欢并愿意参加体育活动；能自然地走、跑、跳、爬、投掷；学习听口令和信号做出相应动作；玩滑梯、攀登架、转椅等大型体育活动器材时能注意安全；能合作收拾小型体育器材。
@@ -177,22 +178,22 @@
          <p>（4）获得应付意外事故的常识，具有粗浅的求生技能。</p>
          <p>（5）知道男女厕所，初步理解性别角色期待。</p>
          <p>
            （6）喜欢锻炼身体并感到体育活动的趣味；能轻松自在地走、跑、跳、攀登、滚翻；会肩上挥臂投掷轻物并投准目标，能抛接高球；能熟练地听各种口令和信号并做出相应的动作；能随音乐节奏有精神地做徒手操和轻器械操，动作有力、到位；能注意安全，自觉遵守体育活动的规则，合作谦让；体验到克服困难取得胜
            （6）喜欢锻炼身体并感到体育活动的趣味；能轻松自在地走、跑、跳、攀登、滚翻；会肩上挥臂投掷轻物并投准目标，能抛接高球；能熟练地听各种口令和信号并做出相应的动作；能随音乐节奏有精神地做徒手操和轻器械操，动作有力、到位；能注意安全，自觉遵守体育活动的规则，合作谦让；体验到克服困难取得胜利的快乐；能及时收拾小型体育器材。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">26</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="bodystyle">
          <p class="notIndent">利的快乐；能及时收拾小型体育器材。</p>
          <h4 id="d043">（三）幼儿健康教育的活动目标</h4>
          <p>活动目标的确立详见第一单元第二课。</p>
          <p>
            <img class="rwmb-1" alt="" src="../../images/tb-9.png" /><span
              class="zt-ht"
              >延伸阅读</span
            >
            <img class="rwmb-1" alt="" src="../../images/tb-9.png" /><span class="zt-ht">延伸阅读</span>
          </p>
          <p class="center"><b>《指南》关于健康教育的目标</b></p>
          <p class="block">（一）身心状况</p>
@@ -208,6 +209,10 @@
          <p class="center openImgBox">
            <img class="img-0" alt="" src="../../images/0036-3.jpg" />
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">27</li>
          </ul>
        </div>
      </div>
    </div>
@@ -232,6 +237,10 @@
          <p class="center openImgBox">
            <img class="img-0" alt="" src="../../images/0037-4.jpg" />
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">28</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -246,7 +255,7 @@
          <p class="center openImgBox">
            <img class="img-0" alt="" src="../../images/0038-2.jpg" />
          </p>
          <h3 id="c020"><span class="h3-zt">二</span>幼儿健康教育的内容</h3>
          <h3 id="c020"><span class="h3-zt">二、</span>幼儿健康教育的内容</h3>
          <p>
            幼儿健康教育的内容是教育目标的具体体现，对于能否实现教育目标至关重要。如何选择适合本班幼儿发展的健康内容，也是教师教育技巧和教育观念的具体体现。
          </p>
@@ -269,17 +278,18 @@
            4.选择的内容应与幼儿的经验相联系，并有利于培养幼儿健康意识
          </h5>
          <p>
            在幼儿健康教育中，培养健康意识，可以使幼儿对健康行为的养成产生一种自
            在幼儿健康教育中，培养健康意识，可以使幼儿对健康行为的养成产生一种自觉的反应，从而变“要我这样做”为“我要这样做”。因此在选择内容时，那些可操作的与幼儿经验相关的教学内容，更能唤起他们积极的情感体验，使他们印象深、触动大，形成初步的维护健康的意识，促使良好行为的养成。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">29</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            觉的反应，从而变“要我这样做”为“我要这样做”。因此在选择内容时，那些可操作的与幼儿经验相关的教学内容，更能唤起他们积极的情感体验，使他们印象深、触动大，形成初步的维护健康的意识，促使良好行为的养成。
          </p>
          <h4 id="d045">（二）幼儿健康教育的内容</h4>
          <p>幼儿健康教育的内容主要包括身心保健教育和身体锻炼活动两大部分。</p>
          <h5 id="e021">1.幼儿身心保健教育的内容</h5>
@@ -293,19 +303,20 @@
          <p>（2）基本体操。</p>
          <p>（3）器械类活动及游戏。</p>
          <h2 id="b007">
            <span class="h2-zt">第三课</span
            ><span class="h2-zt1"
              >幼儿身心保健教育的原则、组织形式、方法和指导</span
            >
            <span class="h2-zt">第三课</span><span class="h2-zt1">幼儿身心保健教育的原则、<br />组织形式、方法和指导</span>
          </h2>
          <p>
            《纲要》特别强调，幼儿园必须把保护幼儿的生命和促进幼儿的健康放在工作的首位。身体健康是幼儿身心全面和谐发展的基础，直接影响着幼儿的智力、心理等诸多方面的发展，影响着幼儿未来的发展。因此，尊重幼儿生长发育的规律，组织生动有趣、形式多样的健康教育活动，从而有效地促进幼儿身体的健康发展。
          </p>
          <h3 id="c021"><span class="h3-zt">一</span>幼儿身心保健教育的原则</h3>
          <h3 id="c021"><span class="h3-zt">一、</span>幼儿身心保健教育的原则</h3>
          <h4 id="d046">（一）集体健康行为指导与个别健康行为指导相结合</h4>
          <p>
            一般来说，集体健康行为指导是幼儿身心保健教育的重要形式，但是，由于幼儿常常存在着个体特殊的健康问题，因此必须在进行集体健康行为指导的同时对幼儿进行有针对性的健康行为的个别指导。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">30</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -325,7 +336,7 @@
            根据幼儿心理发展的水平，幼儿身心保健教育对不同年龄幼儿的要求不同，要有不同的侧重点；同时还要了解每个幼儿的健康状况、体质条件、家庭生活条件及教育、营养状况和运动能力；应针对每个幼儿的具体情况进行教育，让他们参加合适的活动，并根据他们在活动中的表现，及时做出调整。
          </p>
          <h3 id="c022">
            <span class="h3-zt">二</span>幼儿身心保健教育的组织形式
            <span class="h3-zt">二、</span>幼儿身心保健教育的组织形式
          </h3>
          <h4 id="d050">（一）幼儿身心保健集体教学</h4>
          <p>
@@ -335,10 +346,14 @@
          <p>
            虽然幼儿身心保健集体教学是幼儿身心保健教育的重要形式，但是日常生活中的每个环节几乎均可用来对幼儿进行身心保健教育。其作用主要表现在两个方面：第一，日常生活中的身心保健教育常常比传统意识上的“上课”来得及时；第二，日常生活中的健康教育使幼儿身心保健教育活动得以延伸，有利于巩固幼儿的健康行为。
          </p>
          <h3 id="c023"><span class="h3-zt">三</span>幼儿身心保健教育的方法</h3>
          <h3 id="c023"><span class="h3-zt">三、</span>幼儿身心保健教育的方法</h3>
          <p>
            幼儿身心保健教育注重将幼儿获得的知识和形成的态度转化为良好的行为习惯，这在方法上尚难找到一种效果最佳的固定方法，故要求根据既定教育目标灵活地加以选择。下列方法是幼儿健康教育过程中常常采用的。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">31</li>
          </ul>
        </div>
      </div>
    </div>
@@ -365,7 +380,7 @@
          <p>
            幼儿通过感觉器官认识、辨别事物的特性。这种方法能加深幼儿对事物的印象，同时由于加入了身体动作，更能激发幼儿的兴趣，引起幼儿的注意。
          </p>
          <h3 id="c024"><span class="h3-zt">四</span>幼儿身心保健教育的指导</h3>
          <h3 id="c024"><span class="h3-zt">四、</span>幼儿身心保健教育的指导</h3>
          <h4 id="d057">（一）幼儿身心保健集体教学活动的设计与指导</h4>
          <h5 id="e023">1.幼儿身心保健集体教学活动指导的一般要求</h5>
          <p>（1）应给予必要的正面引导与示范。</p>
@@ -374,17 +389,18 @@
          </p>
          <p>（2）注重幼儿的感受和体验。</p>
          <p>
            幼儿的健康认知与态度有别于成人，对一些不健康知识或不健康行为的后果，他们无法理解、体会、想象。健康教育既然把促进幼儿的健康作为最直接的目的，
            幼儿的健康认知与态度有别于成人，对一些不健康知识或不健康行为的后果，他们无法理解、体会、想象。健康教育既然把促进幼儿的健康作为最直接的目的，其教育过程就不能使幼儿感到压抑或受到伤害，因此，幼儿身心保健教育应强调结合具体事物启发引导幼儿，引起他们内心的感受和体验，从而避免枯燥乏味地说教，让幼儿获得健康行为的自主构建。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">32</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            其教育过程就不能使幼儿感到压抑或受到伤害，因此，幼儿身心保健教育应强调结合具体事物启发引导幼儿，引起他们内心的感受和体验，从而避免枯燥乏味地说教，让幼儿获得健康行为的自主构建。
          </p>
          <p>（3）创设生活场景进行模拟练习。</p>
          <p>
            幼儿健康行为及生活技能需要通过反复练习才能形成，特别是一些需要系统训练的健康行为、技能，更是需要通过教师有计划、有目的的精心设计、组织才能掌握。与幼儿生活密切相关的生活场景能激发幼儿的兴趣，因此，创设与幼儿生活密切相关的生活场景进行模拟练习、训练，能更好地帮助幼儿掌握合乎健康要求的行为及技能。
@@ -406,15 +422,18 @@
          </p>
          <p>（2）有关饮食营养。</p>
          <p>
            ①以直观、形象、具体的方式，引发幼儿的兴趣。活动开始，可以通过图片、
            ①以直观、形象、具体的方式，引发幼儿的兴趣。活动开始，可以通过图片、讲故事、游戏等创设主题情境，激发幼儿的兴趣。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">33</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
        <div class="bodystyle">
          <p class="notIndent">讲故事、游戏等创设主题情境，激发幼儿的兴趣。</p>
          <p>
            ②利用已有经验，加深幼儿对食物的认知。教师可以围绕食物引导幼儿观察、讨论，加深对食物的特征及营养价值的了解。例如，在
            “香甜的水果”活动中，教师让幼儿观看“水果娃娃”的表演，了解吃水果的好处。
@@ -435,6 +454,10 @@
          <p>
            ③在图示范例和实践活动中，学习保护身体的方法及进行具体的练习。为了引导幼儿关心身体，学会爱护身体，教师还应通过具体的方式及活动，让幼儿学习保护身体的方法。例如，在“牙齿真漂亮”活动中，教师可给幼儿现场示范漱口的方法，并利用牙齿模型讲解示范刷牙的方法，及播放动画《保护牙齿勤刷牙》，让幼儿观看动画中小博士刷牙的方法，并准备饮用水让幼儿进行练习，还可播放《刷牙歌》，让幼儿随着儿歌做刷牙律动。这样做的目的在于让幼儿在原有的基础上，加深对正确漱口、刷牙方法的理解和印象。通过这两种练习，让幼儿把所学知识运用于实践，巩固漱口、刷牙的方法。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">34</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -466,16 +489,18 @@
          </p>
          <p>
            ④利用各种活动，引导幼儿换位思考、表达心理体验。在幼儿学会化解情绪的方法的基础上，教师创设情境或提供机会，让幼儿学习体验。例如，在“我的情绪小绘本”活动中，教师让幼儿画绘本《我的开心与生气》或模拟情境，让幼儿学习
            或体验发生不开心的事愿意向别人倾诉，发生开心的事愿意向别人分享，学会观察他人，关心他人。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">35</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            或体验发生不开心的事愿意向别人倾诉，发生开心的事愿意向别人分享，学会观察他人，关心他人。
          </p>
          <h4 id="d058">（二）幼儿日常身心保健教育的指导</h4>
          <h5 id="e025">1.建立合理的生活常规</h5>
          <p>
@@ -490,27 +515,25 @@
            日常健康行为教育的内容在家庭中都会体现，而家庭环境、社会环境中的一些习以为常的做法和现象对幼儿会产生不利的影响，因此，幼儿日常身心保健教育必须取得家长的支持和配合，让家长有意识地在家庭生活中控制不利因素，有目的地对幼儿进行正确的引导和教育。
          </p>
          <h2 id="b008">
            <span class="h2-zt">第四课</span
            ><span class="h2-zt1"
              >幼儿身体锻炼活动的原则、组织形式、方法和设计指导</span
            >
            <span class="h2-zt">第四课</span><span class="h2-zt1">幼儿身体锻炼活动的原则、<br />组织形式、方法和设计指导</span>
          </h2>
          <p>
            《规程》指出：“幼儿园的任务是：贯彻国家的教育方针，按照保育与教育相结合的原则，遵循幼儿身心发展特点和规律，实施德、智、体、美等方面全面发展的教育，促进幼儿身心和谐发展。”体育是幼儿园全面发展教育的重要组成部分，幼儿体育是保护幼儿身心健康的重要途径和手段，不仅为幼儿的生存和良好的生活提供了重要的物质基础，而且是幼儿接受全面发展教育的重要保障。
          </p>
          <h3 id="c025"><span class="h3-zt">一</span>幼儿身体锻炼活动的原则</h3>
          <h3 id="c025"><span class="h3-zt">一、</span>幼儿身体锻炼活动的原则</h3>
          <p>
            人体机能适应性规律揭示：人体参加身体锻炼时，体内物质、能量被消耗，这
            人体机能适应性规律揭示：人体参加身体锻炼时，体内物质、能量被消耗，这就促进了异化作用的增强，并引起疲劳和身体机能暂时下降；同时刺激恢复过程，使体内同化作用过程也增强，出现超量恢复，提高人体的机能。这是人体通过运动，促进新陈代谢和提高身体机能的过程，也是产生适应性效果的过程。这个过程可分为四个阶段：一是工作阶段。参加身体锻炼时，是身体物质、能量被消耗的阶段，但同时恢复过程也在进行，只是消耗过程占优势，表现为身体机能逐渐下降。二是相对恢复阶段。运动后身体机能指标恢复到运动前水平的阶段。三是超量恢复阶段。经过合理休息，体内物质与能量的储备超过运动前水平，从而增强身体机能的阶段。四是复原阶段。如果身体锻炼间隔时间太长，则身体的机能又将恢复到运动前水平的阶段。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">36</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="43">
      <div v-if="showPageList.indexOf(43) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            就促进了异化作用的增强，并引起疲劳和身体机能暂时下降；同时刺激恢复过程，使体内同化作用过程也增强，出现超量恢复，提高人体的机能。这是人体通过运动，促进新陈代谢和提高身体机能的过程，也是产生适应性效果的过程。这个过程可分为四个阶段：一是工作阶段。参加身体锻炼时，是身体物质、能量被消耗的阶段，但同时恢复过程也在进行，只是消耗过程占优势，表现为身体机能逐渐下降。二是相对恢复阶段。运动后身体机能指标恢复到运动前水平的阶段。三是超量恢复阶段。经过合理休息，体内物质与能量的储备超过运动前水平，从而增强身体机能的阶段。四是复原阶段。如果身体锻炼间隔时间太长，则身体的机能又将恢复到运动前水平的阶段。
          </p>
          <p>
            研究表明，身体锻炼的工作阶段消耗过小或过大，超量恢复效果都不佳；身体锻炼间隔时间过长或过短，也会影响超量恢复的效果和身体机能的提高。
          </p>
@@ -533,17 +556,18 @@
          </p>
          <h5 id="e029">2.活动量的安排要遵循人体生理机能能力变化规律</h5>
          <p>
            人体生理机能能力变化规律揭示：人体在开始活动时机能活动能力逐步上升，
            人体生理机能能力变化规律揭示：人体在开始活动时机能活动能力逐步上升，达到并在一定时间内保持最高水平，然后逐渐下降。生理负荷曲线总的变化规律是，从逐步上升到相对平稳，然后逐渐下降。根据这一规律，我们在贯彻合理运动负荷原则时，要注意使身体锻炼活动的运动量由小到大逐步上升，并在活动结束前逐步下降。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">37</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="44">
      <div v-if="showPageList.indexOf(44) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            达到并在一定时间内保持最高水平，然后逐渐下降。生理负荷曲线总的变化规律是，从逐步上升到相对平稳，然后逐渐下降。根据这一规律，我们在贯彻合理运动负荷原则时，要注意使身体锻炼活动的运动量由小到大逐步上升，并在活动结束前逐步下降。
          </p>
          <h5 id="e030">3.运用多种方式方法灵活调节活动量及活动过程</h5>
          <p>
            在组织指导时，教师要注意精讲多练、讲练结合、动静交替，注意灵活调节活动量。同时要观察幼儿在活动中的表现，及时了解运动负荷是否合理，以便灵活地调节活动过程。
@@ -569,6 +593,10 @@
          <p>
            在正规性身体锻炼活动中（如体育教学活动），教师应注意选择各种内容和手段，并灵活运用多种方法和组织形式促进幼儿身体得到全面锻炼。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">38</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -587,7 +615,7 @@
            幼儿身体锻炼要注意将幼儿身体锻炼的固有原则与教育活动的一般原则结合起来，灵活运用，并贯彻于幼儿身体锻炼的始终，才能全面实现幼儿身体锻炼的目标。
          </p>
          <h3 id="c026">
            <span class="h3-zt">二</span>幼儿身体锻炼活动的组织形式
            <span class="h3-zt">二、</span>幼儿身体锻炼活动的组织形式
          </h3>
          <p>
            在幼儿园中，最常见的幼儿身体锻炼活动的组织形式有幼儿体育教学活动、幼儿早操活动和幼儿户外体育活动。
@@ -600,17 +628,18 @@
          <p>
            幼儿早操活动是幼儿做操和开展晨间其他身体锻炼活动的总和，因此其内容是丰富多彩的。除了排队、变换队形和基本体操练习外，慢跑或走跑交替活动、各种简单的模仿性动作、配有音乐的律动和舞蹈、活动量不大的体育活动性游戏和其他利用器械开展的小型的多样的体育游戏等，都可以作为幼儿早操活动的内容。幼儿早操活动是非正规性教育活动，是正规性教育活动的延伸，也是实施幼儿身体锻炼的重要途径。
          </p>
          <p>
            幼儿早操活动是锻炼幼儿身体、增强幼儿体质的有效手段，尤其在全面增强幼儿运动系统和心肺器官的功能，发展幼儿动作的节奏、协调性、准确性和自控能力，养成幼儿良好的身体姿势等方面有独特的作用。另外，早操活动能使神经系统
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">39</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="46">
      <div v-if="showPageList.indexOf(46) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            由睡眠后的抑制状态顺利转向良好的清醒工作状态，并激活幼儿身体其他主要器官、系统的机能和活动能力，提高整个有机体的工作能力，从而使幼儿能愉快而精神饱满地开始一天的生活，精力充沛地投入到一天的生活、学习和游戏中去。坚持每天进行早操活动，可养成幼儿自觉参与、积极参加身体锻炼的良好习惯和态度。坚持冬季做操，不仅能培养幼儿持之以恒、不怕寒冷、不怕困难等良好的意志品质，而且可以有效地提高幼儿机体对外界变化的适应力，增强机体的御寒能力和对疾病的抵抗力。另外，做操作为一种有组织的集体活动，还能培养幼儿良好的组织性和纪律性。
          <p>
            幼儿早操活动是锻炼幼儿身体、增强幼儿体质的有效手段，尤其在全面增强幼儿运动系统和心肺器官的功能，发展幼儿动作的节奏、协调性、准确性和自控能力，养成幼儿良好的身体姿势等方面有独特的作用。另外，早操活动能使神经系统由睡眠后的抑制状态顺利转向良好的清醒工作状态，并激活幼儿身体其他主要器官、系统的机能和活动能力，提高整个有机体的工作能力，从而使幼儿能愉快而精神饱满地开始一天的生活，精力充沛地投入到一天的生活、学习和游戏中去。坚持每天进行早操活动，可养成幼儿自觉参与、积极参加身体锻炼的良好习惯和态度。坚持冬季做操，不仅能培养幼儿持之以恒、不怕寒冷、不怕困难等良好的意志品质，而且可以有效地提高幼儿机体对外界变化的适应力，增强机体的御寒能力和对疾病的抵抗力。另外，做操作为一种有组织的集体活动，还能培养幼儿良好的组织性和纪律性。
          </p>
          <h4 id="d065">（三）幼儿户外体育活动</h4>
          <p>
@@ -626,17 +655,18 @@
            幼儿在户外活动中，进行各种有效的身体练习，并直接接受阳光和新鲜空气等自然因素的刺激，这对幼儿骨骼的发展、呼吸系统和神经系统健康的保持、体质的增强都有十分重要的作用。
          </p>
          <p>
            幼儿户外体育活动内容丰富、形式多样，更有利于激发幼儿活动的积极性。在活动中，幼儿往往能够根据自己的兴趣、爱好和能力水平来自由选择活动内容，独立或自由结伴进行身体练习，这更有利于满足个体的兴趣和需要，发挥他们活动的主动性、独立性和创造性，促进他们社会性的发展。在户外活动中，教师能有效地组织幼儿复习和巩固从其他组织形式中所学的知识，实现身体锻炼的目标。再则，户外活动是教师观察和了解幼儿、对幼儿实施个别教育的良好时机，有利于教师因人施教，促进幼儿在不同水平上的共同发展。此外，丰富多彩的户外体育活动能丰富和活跃幼儿的生活，轻松、自由、愉快的活动气氛能更好地培养幼儿活泼、开朗
            幼儿户外体育活动内容丰富、形式多样，更有利于激发幼儿活动的积极性。在活动中，幼儿往往能够根据自己的兴趣、爱好和能力水平来自由选择活动内容，独立或自由结伴进行身体练习，这更有利于满足个体的兴趣和需要，发挥他们活动的主动性、独立性和创造性，促进他们社会性的发展。在户外活动中，教师能有效地组织幼儿复习和巩固从其他组织形式中所学的知识，实现身体锻炼的目标。再则，户外活动是教师观察和了解幼儿、对幼儿实施个别教育的良好时机，有利于教师因人施教，促进幼儿在不同水平上的共同发展。此外，丰富多彩的户外体育活动能丰富和活跃幼儿的生活，轻松、自由、愉快的活动气氛能更好地培养幼儿活泼、开朗的性格，养成他们自觉进行户外身体锻炼的习惯，发展他们良好的个性品质。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">40</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            的性格，养成他们自觉进行户外身体锻炼的习惯，发展他们良好的个性品质。
          </p>
          <p>
            除了上述三种最常见、最基本的幼儿身体锻炼活动的组织形式外，幼儿园还可以开展幼儿体育活动区活动、幼儿室内体育活动、幼儿运动会、幼儿远足或短途游览等其他形式的身体锻炼活动。
          </p>
@@ -661,6 +691,10 @@
          <p>
            三是利用幼儿园现有的音乐活动室或舞蹈室进行室内体育活动。室内一般应铺设木地板或地毯。活动的内容一般是在音乐的伴奏下，让幼儿模仿或创造性地进行各种身体表现活动，旨在提高幼儿身体动作的表现力，发展幼儿活动的想象力和创造力，使幼儿情绪愉悦，以此培养幼儿良好的审美情趣和积极的个性。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">41</li>
          </ul>
        </div>
      </div>
    </div>
@@ -678,7 +712,7 @@
          <p>
            这种活动形式是指组织幼儿步行到离幼儿园较远的草坪、低矮的山坡或沙滩等地进行追逐游戏，或者到附近公园、儿童乐园、动物园、植物园或其他人文景点进行参观、游览和活动。其作用是让幼儿走向自然和社会，并充分利用当地资源条件进行身体锻炼活动，增强幼儿的体质，培养他们的自主性和组织纪律性，丰富他们的生活，扩大他们的视野。如果远足或短途游览能够结合科学、社会和语言教育同时进行，则活动的综合功能更能得到很好地发挥。
          </p>
          <h3 id="c027"><span class="h3-zt">三</span>幼儿身体锻炼活动的方法</h3>
          <h3 id="c027"><span class="h3-zt">三、</span>幼儿身体锻炼活动的方法</h3>
          <h4 id="d070">（一）讲解法、示范法</h4>
          <p>
            讲解法是指教师用语言组织幼儿的活动，指导幼儿掌握活动的名称和练习的内容，理解动作的要领和做法的一种方法。
@@ -695,6 +729,10 @@
          <p>
            讲解语言要清楚，生动形象，有趣味性，引发幼儿积极参与身体锻炼的兴趣；讲解要正确且通俗易懂，便于幼儿理解活动的内容、方法和规则，掌握正确的活动方式及准确的动作要领和方法；讲解要突出重点和难点，启发幼儿思考。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">42</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -739,6 +777,10 @@
          <p>
            语言提示是指幼儿在进行练习时，教师用简短明确的语言提示指导幼儿正确活动的方法。但单纯依靠语言提示，往往达不到指导的目的。这时，教师必须直接、具体地帮助幼儿改正错误，让幼儿掌握练习的要求和方法。这种方法就是具体帮助法。上述方法多用于重复练习时教师帮助幼儿防止和纠正错误，也是实施个别指导的有效方法。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">43</li>
          </ul>
        </div>
      </div>
    </div>
@@ -782,6 +824,10 @@
          <p>
            幼儿园身体锻炼的方法是多种多样的，在具体开展活动时，应注意综合运用多种方法，并根据幼儿的情况、活动的内容和组织形式，幼儿的活动方式及场地、器械等具体情况灵活运用。
          </p>
          <ul class="footer-left">
            <li class="footer-left-number">44</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -789,7 +835,7 @@
      <div v-if="showPageList.indexOf(51) > -1">
        <div class="bodystyle">
          <h3 id="c028">
            <span class="h3-zt">四</span>幼儿身体锻炼活动中的内容选择
            <span class="h3-zt">四、</span>幼儿身体锻炼活动中的内容选择
          </h3>
          <h4 id="d077">（一）幼儿体育游戏的选择和创编</h4>
          <p>幼儿体育游戏依据不同的分类标准，可分为多种类型，如表2-1所示。</p>
@@ -797,6 +843,10 @@
          <p class="center openImgBox">
            <img class="img-0" alt="" src="../../images/0054-1.jpg" />
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">45</li>
          </ul>
        </div>
      </div>
    </div>
@@ -831,6 +881,10 @@
          <p>
            ②根据游戏的任务选择合适的游戏内容，包括游戏动作。具有主题情节的幼儿体育游戏的内容主要来源于三个方面，即“模拟自然现象”“模拟动物的各种形态”“模拟社会现象和活动”，而社会现象又包括成人的劳动、军体活动和科技活动等诸多方面。
          </p>
           <ul class="footer-left">
            <li class="footer-left-number">46</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -860,17 +914,18 @@
          <p>这是编操中最为关键的一个步骤，具体应注意以下几个方面。</p>
          <p>（1）要根据幼儿的身心及体操的类型来选编动作。</p>
          <p>
            ①动作总的要求是简单或难度适中，优美、轻快、活泼并富有模仿性和表现
            ①动作总的要求是简单或难度适中，优美、轻快、活泼并富有模仿性和表现力，突出动作的形象化和幼儿化，便于幼儿模仿和学习，且有较强的锻炼价值。
          </p>
         <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">47</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="54">
      <div v-if="showPageList.indexOf(54) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            力，突出动作的形象化和幼儿化，便于幼儿模仿和学习，且有较强的锻炼价值。
          </p>
          <p>
            ②体现各类操的特点。例如，选编轻器械操，应该体现出所用器械的特点，充分发挥器械的功能。
          </p>
@@ -897,22 +952,23 @@
          <p>（1）先编操，再根据体操（动作）编配音乐。</p>
          <p>（2）先选音乐，再根据音乐编操。</p>
          <h3 id="c029">
            <span class="h3-zt">五</span>幼儿身体锻炼活动的设计与指导
            <span class="h3-zt">五、</span>幼儿身体锻炼活动的设计与指导
          </h3>
          <h4 id="d079">（一）幼儿体育教学的设计和指导</h4>
          <h5 id="e050">1.做好体育教学活动前的准备工作</h5>
          <p>
            体育活动前的准备工作包括幼儿的知识准备，活动前的场地、器材和玩具的准
            体育活动前的准备工作包括幼儿的知识准备，活动前的场地、器材和玩具的准备和布置，熟悉活动计划及做好活动前幼儿及场地的安全、卫生工作。
          </p>
            <ul class="footer-left">
            <li class="footer-left-number">48</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="55">
      <div v-if="showPageList.indexOf(55) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            备和布置，熟悉活动计划及做好活动前幼儿及场地的安全、卫生工作。
          </p>
          <h5 id="e051">
            2.设计幼儿体育教学应分清体育活动的类型，明确活动的任务
          </h5>
@@ -938,6 +994,10 @@
          <p>
            任务：学习新的或较难的活动内容；巩固和提高已学过的各类练习和游戏等，并通过幼儿自身的身体练习，提高幼儿的身体素质，发展幼儿的能力，培养幼儿良好的品质等。
          </p>
         <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">49</li>
          </ul>
        </div>
      </div>
    </div>
@@ -970,6 +1030,10 @@
          <p>
            在具体的体育活动过程中，教师还要密切注意观察幼儿的生理和心理现象的变化情况，如脸色、汗量、呼吸频率、动作协调性、精神状态等方面的变化，及时灵活调节活动的节奏，使幼儿所承受的运动负荷，始终处于适宜的状态。
          </p>
           <ul class="footer-left">
            <li class="footer-left-number">50</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1010,15 +1074,18 @@
          </p>
          <h4 id="d081">（三）户外体育活动的设计和指导</h4>
          <p>
            户外体育活动与早操活动相比，其活动的内容和形式灵活性更大，因此在设计
            户外体育活动与早操活动相比，其活动的内容和形式灵活性更大，因此在设计指导时应注意以下几点。
          </p>
            <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">51</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="58">
      <div v-if="showPageList.indexOf(58) > -1">
        <div class="bodystyle">
          <p class="notIndent">指导时应注意以下几点。</p>
          <h5 id="e062">1.户外体育活动的设计应依据人体生理机能能力变化规律</h5>
          <p>
            户外体育活动的全过程也应遵循人体生理机能能力变化规律，使活动量由小到大，再由大到小逐步变化。
@@ -1042,23 +1109,23 @@
            应注意灵活运用多种指导方式指导幼儿的户外体育活动，尤其应加强对幼儿自选活动的指导，避免活动的失控。为此，教师一方面应限制幼儿的不当或过分活动，另一方面又要调动那些活动消极的幼儿积极参与活动，从而达到锻炼身体的目的。
          </p>
          <h2 id="b009">
            <span class="h2-zt">第五课</span
            ><span class="h2-zt1">幼儿园健康教育活动案例及评析</span>
            <span class="h2-zt">第五课</span><span class="h2-zt1">幼儿园健康教育活动案例及评析</span>
          </h2>
          <p>
            本课是案例及评析，为同学们提供了优秀案例，每个案例都有评析，以方便同
            本课是案例及评析，为同学们提供了优秀案例，每个案例都有评析，以方便同学们在学习过程中能理论联系实际，加深对理论的理解和掌握，也有利于教育能力的提升。
          </p>
        <ul class="footer-left">
            <li class="footer-left-number">52</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="59">
      <div v-if="showPageList.indexOf(59) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            学们在学习过程中能理论联系实际，加深对理论的理解和掌握，也有利于教育能力的提升。
          </p>
          <h3 id="c030">
            <span class="h3-zt">一</span>中班身体保健教育活动：蔬菜宝宝我爱你
            <span class="h3-zt">一、</span>中班身体保健教育活动：蔬菜宝宝我爱你
          </h3>
          <p><b>（一）活动目标</b></p>
          <p class="block">1.了解几种常见蔬菜对人体的好处。</p>
@@ -1110,6 +1177,10 @@
          <p class="block">
            （1）教师提出要求：蔬菜宝宝想找好朋友，小朋友们能帮帮忙吗？看看哪些蔬菜搭配在一起好看又好吃？
          </p>
         <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">53</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1139,7 +1210,7 @@
          <p>
            幼儿应做自己健康的主人，但只靠成人的说教，幼儿无论如何也成不了自己健康的主人，只有通过自己亲身的感知、体验、尝试，所得到的有关健康知识，才是幼儿最感兴趣、最愿意接受的。蔬菜是孩子经常要吃的食品，但有些孩子常常不爱吃，该活动能根据孩子的年龄特点，注意教学的趣味性，运用猜谜语的方法，用拟人化的口吻，让孩子饶有兴趣地了解各种蔬菜的营养和对身体的好处，引导孩子喜欢吃蔬菜。最后，通过自制凉拌蔬菜，体验蔬菜颜色的搭配和美味，品尝蔬菜，进一步激发孩子爱吃蔬菜的情感。
          </p>
          <h3 id="c031"><span class="h3-zt">二</span>小班体育活动：小猫钓鱼</h3>
          <h3 id="c031"><span class="h3-zt">二、</span>小班体育活动：小猫钓鱼</h3>
          <p><b>（一）活动目标</b></p>
          <p class="block">
            1.初步学会钻过70cm高的障碍物，练习双手双膝着地向前爬行。
@@ -1160,17 +1231,18 @@
          </p>
          <p class="block">2.基本部分。</p>
          <p class="block">
            （1）幼儿分成两队，分别站在垫子（草地）前的起跑线上。教师交代游戏名称、玩法：“今天猫妈妈要带小猫去小河边钓鱼，路上要爬过草地，再钻过树林，最后来到小河边钓
            （1）幼儿分成两队，分别站在垫子（草地）前的起跑线上。教师交代游戏名称、玩法：“今天猫妈妈要带小猫去小河边钓鱼，路上要爬过草地，再钻过树林，最后来到小河边钓（捡）起一条小鱼，放在鱼篓中，然后从垫子两边跑回来。”
          </p>
           <ul class="footer-left">
            <li class="footer-left-number">54</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="61">
      <div v-if="showPageList.indexOf(61) > -1">
        <div class="bodystyle">
          <p class="notIndent block">
            （捡）起一条小鱼，放在鱼篓中，然后从垫子两边跑回来。”
          </p>
          <p class="block">（2）请两名幼儿分别示范一次。</p>
          <p class="block">
            教师指导重点：引导幼儿观察、掌握动作要领和游戏玩法。提醒幼儿注意，爬时双手双膝趴在垫子上，快快地向前爬；钻时不可碰到树上的树叶。
@@ -1188,7 +1260,7 @@
          <p class="block">
            游戏还可根据幼儿动作发展情况增添跨过小沟、走过小桥等情节，在户外活动中继续玩此类游戏。
          </p>
          <p class="right">
          <p class="right block">
            （该活动案例选自《幼儿园课程指导丛书健康（小班）》，略做修改）
          </p>
          <p><b>[评析]</b></p>
@@ -1196,35 +1268,19 @@
            该活动以游戏的方式，让幼儿在有趣的游戏情境中，积极主动地进行钻爬动作的练习。活动设计的突出特点是，以模仿“小猫”做操开始活动，不仅能激发幼儿的活动兴趣，而且有利于增进幼儿对游戏角色的认识，为下面的游戏做铺垫。活动过程中，以“小猫钓鱼”的情节，让幼儿学习“新本领”：爬过草地、钻过树林、跑到河边捡起小鱼、再跑回来。这些活动情节不仅让幼儿体验玩游戏的快乐，也使幼儿在活动中的各种身体动作和素质得到发展，并在重复的游戏过程中慢慢增加运动负荷，调整全身活动量。最后，以轻松的游戏《老猫睡觉醒不了》结束活动，活动过程自然合理，真正做到寓教于乐。
          </p>
          <h3 id="c032">
            <span class="h3-zt">三</span>小班体育活动：战胜大灰狼
            <span class="h3-zt">三、</span>小班体育活动：战胜大灰狼
          </h3>
          <div class="videoBox">
            <div class="videoItem">
              <video
                :src="videoUrl.v21"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="video-border w100"
              ></video>
              <video :src="videoUrl.v21" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                class="video-border w100"></video>
              <div class="vname">{{ videoMd5.v21.name }}</div>
            </div>
            <div class="videoItem">
              <video
                :src="videoUrl.v22"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="video-border w100"
              ></video>
              <video :src="videoUrl.v22" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                class="video-border w100"></video>
              <div class="vname">{{ videoMd5.v22.name }}</div>
            </div>
          </div>
@@ -1237,6 +1293,10 @@
            <img class="img-g" alt="" src="../../images/0064-2.jpg" />
          </p>
          <p class="img">小班体育活动：战胜大灰狼（下）</p> -->
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">55</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1294,6 +1354,10 @@
          <p class="block">
            教师带领幼儿唱着喜羊羊的歌，并一起做放松动作，胜利回家，结束活动。
          </p>
         <ul class="footer-left">
            <li class="footer-left-number">56</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1304,7 +1368,7 @@
          <p class="block">
            在户外活动中，引导幼儿探索沙包的多种玩法，并进一步练习基本动作。
          </p>
          <p class="right">
          <p class="right block">
            （该活动案例由汕头市儿童福利会第三幼儿园提供，略有改动）
          </p>
          <p><b>[评析]</b></p>
@@ -1312,21 +1376,13 @@
            “战胜大灰狼”这个体育活动的设计，有主题、有情节、有角色，让幼儿在生动有趣的游戏情境中，积极主动练习投掷动作，提高了锻炼的实效性。活动设计的突出特点是，游戏贯穿整个活动过程，以扮演“小羊”做操开始活动，不仅能激发幼儿的活动兴趣，而且有利于增进幼儿对游戏角色的认识，为后面的游戏和练习做铺垫，并在多次的游戏过程中逐渐增加投掷动作的难度，慢慢增加运动负荷，进一步激发幼儿练习的兴趣。最后，以教师带领幼儿唱着喜羊羊的歌，并一起做放松动作，胜利回家，结束活动。整个活动真正做到寓教于乐。
          </p>
          <h3 id="c033">
            <span class="h3-zt">四</span>中班体育活动：好玩的瓶罐
            <span class="h3-zt">四、</span>中班体育活动：好玩的瓶罐
          </h3>
          <div class="videoBox">
            <div class="videoItem">
              <video
                :src="videoUrl.v23"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="video-one w100"
              ></video>
              <video :src="videoUrl.v23" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                class="video-one w100"></video>
              <div class="vname">{{ videoMd5.v23.name }}</div>
            </div>
          </div>
@@ -1361,6 +1417,10 @@
          <p class="block">
            （2）幼儿自由玩瓶罐，探索瓶罐的多种玩法，教师及时进行指导。
          </p>
            <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">57</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1410,35 +1470,19 @@
            “好玩的瓶罐”这个体育活动，充分利用废旧物品，启发幼儿探索瓶罐的各种玩法，引导幼儿在探索的过程中积极思考，发展了幼儿的创造性思维能力；并结合跳跃、平衡等动作练习的要求，通过丰富多彩、生动有趣的体育游戏练习基本动作和进行身体锻炼，调动幼儿参加活动的积极性、主动性、创造性，有利于幼儿更好地学习和掌握运动的知识技能，促进幼儿身体素质和活动能力的提高；同时让幼儿在活动中充分体验与同伴一起游戏的乐趣，既锻炼了幼儿主动交往、相互合作的能力，也培养了幼儿的团队精神。
          </p>
          <h3 id="c034">
            <span class="h3-zt">五</span>大班体育活动：顶沙包过小桥
            <span class="h3-zt">五、</span>大班体育活动：顶沙包过小桥
          </h3>
          <div class="videoBox">
            <div class="videoItem">
              <video
                :src="videoUrl.v24"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="video-border w100"
              ></video>
              <video :src="videoUrl.v24" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                class="video-border w100"></video>
              <div class="vname">{{ videoMd5.v24.name }}</div>
            </div>
            <div class="videoItem">
              <video
                :src="videoUrl.v25"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="video-border w100"
              ></video>
              <video :src="videoUrl.v25" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                class="video-border w100"></video>
              <div class="vname">{{ videoMd5.v25.name }}</div>
            </div>
          </div>
@@ -1451,6 +1495,10 @@
            <img class="img-g" alt="" src="../../images/0068-2.jpg" />
          </p>
          <p class="img">大班体育活动：顶沙包过小桥（下）</p> -->
          <ul class="footer-left">
            <li class="footer-left-number">58</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1504,19 +1552,19 @@
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/0069-1.jpg" />
                    <img class="w80" src="../../images/0069-1.jpg" />
                    <p class="img">活动一</p>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/0069-2.jpg" />
                    <img class="w80" src="../../images/0069-2.jpg" />
                    <p class="img">活动二</p>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../images/0069-3.jpg" />
                    <img class="w80" src="../../images/0069-3.jpg" />
                    <p class="img">活动三</p>
                  </div>
                </div>
@@ -1540,17 +1588,18 @@
          </p>
          <p class="block">5.通过游戏“老狼老狼几点钟”，放松身体。</p>
          <p class="block">
            教师交代游戏玩法和规则：教师扮演大灰狼，幼儿扮演小动物，游戏开始，小动物问大灰狼“老狼老狼几点钟”，大灰狼回答说“一点钟……两点钟……”直到老狼说：“天黑了
            教师交代游戏玩法和规则：教师扮演大灰狼，幼儿扮演小动物，游戏开始，小动物问大灰狼“老狼老狼几点钟”，大灰狼回答说“一点钟……两点钟……”直到老狼说：“天黑了 ”。小朋友听到“天黑了”，马上跑到指定的家里去，大灰狼去抓小动物，被抓到者停止玩游戏。
          </p>
       <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">59</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="66">
      <div v-if="showPageList.indexOf(66) > -1">
        <div class="bodystyle">
          <p class="notIndent block">
            ”。小朋友听到“天黑了”，马上跑到指定的家里去，大灰狼去抓小动物，被抓到者停止玩游戏。
          </p>
          <p class="block">
            提醒幼儿：小动物要模仿自己扮演的动物走；小动物走在大灰狼的后面，不推别人；小动物们要跑回自己的家。
          </p>
@@ -1559,7 +1608,7 @@
          <p class="block">
            在户外活动中教师创设多种不同难度的轮胎竹桥，鼓励幼儿大胆尝试练习。
          </p>
          <p class="right">
          <p class="right block">
            （该活动案例由汕头市儿童福利会第三幼儿园提供，略做修改）
          </p>
          <p><b>[评析]</b></p>
@@ -1567,35 +1616,19 @@
            “顶沙包过小桥”这个体育活动，充分利用沙包，让幼儿有充分自由的活动机会和时间去探索沙包的各种玩法，发展了幼儿的创造性思维能力；在活动中，教师创设多种不同难度的轮胎竹桥，由易到难，循序渐进提升挑战的难度，使活动呈现出挑战性，进一步发展幼儿的平衡能力及身体协调性；同时教师的鼓励调动了幼儿练习的积极性，帮助幼儿克服了害怕心理，从而锻炼了幼儿勇敢、坚毅、乐观的意志品质。
          </p>
          <h3 id="c035">
            <span class="h3-zt">六</span>大班体育活动：小猴运粮食
            <span class="h3-zt">六、</span>大班体育活动：小猴运粮食
          </h3>
          <div class="videoBox">
            <div class="videoItem">
              <video
                :src="videoUrl.v26"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="video-border w100"
              ></video>
              <video :src="videoUrl.v26" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                class="video-border w100"></video>
              <div class="vname">{{ videoMd5.v26.name }}</div>
            </div>
            <div class="videoItem">
              <video
                :src="videoUrl.v27"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="video-border w100"
              ></video>
              <video :src="videoUrl.v27" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                class="video-border w100"></video>
              <div class="vname">{{ videoMd5.v27.name }}</div>
            </div>
          </div>
@@ -1629,15 +1662,18 @@
          <p class="block">（1）复习双手双脚着地，膝盖不着地爬行的动作。</p>
          <p class="block">（2）以游戏的形式引导幼儿练习：小猴背篮爬行。</p>
          <p class="block">
            ①教师出示背篮并讲解背着篮子爬行的方法：背着篮子双手双脚着地，膝盖不着
            ①教师出示背篮并讲解背着篮子爬行的方法：背着篮子双手双脚着地，膝盖不着地平稳前进的方法。
          </p>
            <ul class="footer-left">
            <li class="footer-left-number">60</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-box" page="67">
      <div v-if="showPageList.indexOf(67) > -1">
        <div class="bodystyle">
          <p class="notIndent block">地平稳前进的方法。</p>
          <p class="block">
            ②幼儿自主练习：幼儿在场地上自由背着篮子练习双手双脚着地，膝盖不着地爬行。
          </p>
@@ -1663,7 +1699,7 @@
          <p class="block">
            在户外活动中投放更多的材料，鼓励幼儿创新玩法，并进一步练习基本动作。
          </p>
          <p class="right">
          <p class="right block">
            （该活动案例由汕头市儿童福利会第三幼儿园提供，略做修改）
          </p>
          <p><b>[评析]</b></p>
@@ -1671,7 +1707,7 @@
            “小猴运粮食”这个体育活动，以游戏的方式，让幼儿在有趣的游戏情境中，积极主动地进行爬行动作的练习。活动中，以“小猴运粮食”的情节，让幼儿学习“新本领”：在场地上自由背着篮子练习双手双脚着地，膝盖不着地爬行，在游戏的练习过程中逐步加大练习难度，慢慢增加运动负荷，这些活动情节不仅让幼儿体验了玩游戏的快乐，也使幼儿在活动中的各种身体动作和素质得到了发展。活动过程中，教师鼓励幼儿自主创设游戏场地，有创造性地搭建“过河”的垫脚石，引导幼儿在合作游戏中互相帮助，学会独立解决活动中的问题，发展幼儿的创造性思维能力，既锻炼了幼儿的团队精神，也培养了幼儿的勇敢自信和创新精神。
          </p>
          <h3 id="c036">
            <span class="h3-zt">七</span>大班体育活动：学做解放军
            <span class="h3-zt">七、</span>大班体育活动：学做解放军
          </h3>
          <p><b>（一）活动目标</b></p>
          <p class="block">1.学会手脚协调地在高约40cm、长约2m的斜架上攀爬。</p>
@@ -1681,6 +1717,10 @@
          <p class="block">
            3.喜欢参加体育活动，体验克服困难取得胜利后的愉悦。
          </p>
          <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">61</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1728,11 +1768,15 @@
          <p class="block">
            在户外活动中，教师提供更多的轮胎和梯子，鼓励幼儿探索多种玩法，进一步大胆尝试练习。
          </p>
          <p class="right">（该活动案例由汕头市政府第二机关幼儿园提供）</p>
          <p class="right block">（该活动案例由汕头市政府第二机关幼儿园提供）</p>
          <p><b>[评析]</b></p>
          <p>
            该活动目标定位合适全面，表述精练、明确具体，既让幼儿学习新的动作“在斜架上攀爬”，又在游戏情境中“打敌机”，从而复习巩固“肩上投”动作；不仅突出身体锻炼的要求，而且重视培养幼儿相关的能力与良好的个性品质。活动过程设计巧妙，方法灵活多样，让幼儿扮演“解放军”，做解放军模仿操，学习“新本领”“打敌机”，通过组织幼儿在游戏情境中进行多种多样的活动，由易到难地锻炼走、跑、攀登、平衡、跳跃、投掷等身体基本动作，不仅发展了各种身体动作，而且提高了各种身体素质，培养了勇敢精神和合作能力，很好地贯彻了全面发展的原则。
          </p>
        <ul class="footer-left">
            <li class="footer-left-number">62</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1740,8 +1784,7 @@
      <div v-if="showPageList.indexOf(69) > -1">
        <div class="bodystyle">
          <h2 id="b010">
            <span class="h2-zt">第六课</span
            ><span class="h2-zt1">幼儿园健康教育活动实践训练</span>
            <span class="h2-zt">第六课</span><span class="h2-zt1">幼儿园健康教育活动实践训练</span>
          </h2>
          <p>
            本课主要是组织开展幼儿园健康教育活动的训练，目的是提高同学们设计、组织幼儿园健康教育活动的技能及能力。
@@ -1790,6 +1833,10 @@
            根据下列课题设计幼儿身心保健教育活动的目标和活动过程的组织程序，全班同学进行评析，教师再进行评价和总结。
          </p>
          <p class="block">（1）小班身心保健教育活动：我的小手真干净。</p>
            <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">63</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1844,35 +1891,24 @@
          <p class="block">（3）大班身体锻炼活动：有趣的轮胎。</p>
          <hr />
          <p>
            <img class="rwmb-1" alt="" src="../../images/tb-7.png" /><span
              class="zt-ht"
              >思考题</span
            >
            <img class="rwmb-1" alt="" src="../../images/tb-7.png" /><span class="zt-ht">思考题</span>
          </p>
          <p>1.简述幼儿健康教育的目标和内容。</p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem10"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem10" @change="setBookQuestion"></textarea>
          </div>
          <p>2.幼儿身心保健教育的方法有哪些？并举例说明。</p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem11"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem11" @change="setBookQuestion"></textarea>
          </div>
          <p>3.幼儿身心保健教育活动如何指导？</p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem12"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem12" @change="setBookQuestion"></textarea>
          </div>
         <ul class="footer-left">
            <li class="footer-left-number">64</li>
            <li class="footer-left-text">幼儿园教育活动设计与指导</li>
          </ul>
        </div>
      </div>
    </div>
@@ -1881,59 +1917,36 @@
        <div class="bodystyle">
          <p>4.组织幼儿身体锻炼应遵循哪些原则？</p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem13"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem13" @change="setBookQuestion"></textarea>
          </div>
          <p>5.幼儿身体锻炼的方法有哪些？并举例说明。</p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem14"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem14" @change="setBookQuestion"></textarea>
          </div>
          <p>6.如何创编幼儿体育游戏？</p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem15"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem15" @change="setBookQuestion"></textarea>
          </div>
          <p>
            7.阐述幼儿体育教学活动的设计指导要求，以“发展幼儿跳跃能力”为目标，设计一节大班体育教学活动。
          </p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem16"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem16" @change="setBookQuestion"></textarea>
          </div>
          <p>8.如何指导早操活动和户外体育活动？</p>
          <div class="bk-xyx">
            <textarea
              rows="5"
              v-model="chapter001.textBybItem17"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="5" v-model="chapter001.textBybItem17" @change="setBookQuestion"></textarea>
          </div>
          <p>
            <img class="rwmb-1" alt="" src="../../images/tb-8.png" /><span
              class="zt-ht"
              >学习反思</span
            >
            <img class="rwmb-1" alt="" src="../../images/tb-8.png" /><span class="zt-ht">学习反思</span>
          </p>
          <div class="bk-xyx">
            <textarea
              rows="6"
              v-model="chapter001.textBybItem10"
              @change="setBookQuestion"
            ></textarea>
            <textarea rows="6" v-model="chapter001.textBybItem10" @change="setBookQuestion"></textarea>
          </div>
            <ul class="footer-right">
            <li class="footer-right-text">第二单元　幼儿健康教育</li>
            <li class="footer-right-number">65</li>
          </ul>
        </div>
      </div>
    </div>

 src/books/kindergartenActivitiesDesignGuidance/view/components/front001.vue

@@ -1,21 +1,13 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box" page="1">
    <div class="page-box" page="1" style="padding-bottom: 0px">
      <div v-if="showPageList.indexOf(1) > -1">
        <div class="bodystyle">
          <p class="center">
            <img alt="" class="imz coverImg" src="../../images/Cover.jpg" />
          </p>
        <img alt="" class="img-0" src="../../images/Cover.jpg" />
        </div>
      </div>
    </div>
    <div class="page-box" page="2">
    <div class="page-box" page="2" style="padding-bottom: 0px">
      <div v-if="showPageList.indexOf(2) > -1">
        <div class="bodystyle">
          <p class="center">
            <img alt="" class="imz coverImg" src="../../images/SMY.jpg" />
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="3">
@@ -62,9 +54,10 @@
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <div class="bodystyle">
          <h1 id="a003" class="front">
            <img class="img-0" alt="" src="../../images/qy.jpg" />
          </h1>
          <p><br></p>
          <p><br></p>
          <p><br></p>
          <p>
            学前教育专业，肩负着为学前教育机构培养优秀教师的重任。《幼儿园教育活动设计与指导》是学前教育专业的重要必修课程，是实现专业培养目标的核心课程，其教学质量直接关系到人才培养的水平。教材是学前教育专业教学改革的重要组成部分，也是培养优秀师资的主要支撑。2020年习近平同志在给人民教育出版社老同志的回信中就强调，要紧紧围绕立德树人根本任务，用心打造培根铸魂、启智增慧的精品教材。
          </p>
@@ -75,9 +68,9 @@
            本教材以习近平新时代中国特色社会主义思想为指导，依据《幼儿园教育指导纲要（试行）》《3-6岁儿童学习与发展指南》《幼儿园教师专业标准（试行）》以及全国教师资格考试大纲等国家政策、文件的精神，结合幼儿园教育教学实践需要，吸纳国内外幼儿园教育教学的先进理念和创新成果组织编写。为了遵循课程设计意图，既顾及各领域自身的特点，又避免彼此之间的重复和互相割裂，较好地体现整合的理念，我们采用“整—分—整”的编写思路，全书以“单元”的模式编写，共有九个单元，分三大板块：第一单元幼儿园教育活动的设计及组织指导概述，第二至第八单元五大领域（七个方面）的教育，第九单元幼儿园综合教育。
          </p>
          <p>本教材注重突出以下特点。</p>
          <p><b>1.立德树人，价值引领</b></p>
          <p class="fm-fzht"><b>1.立德树人，价值引领</b></p>
          <p>
            本书结合本学科的性质特点，挖掘内容的思政元素，在教学内容上体现课程思政的引领作用，在不同单元目标的设立上，注重学生师德践行能力的培养，强调师德规范与涵养教育情怀，形成科学的儿童观、教育观、发展观，热爱儿童、热爱教
            本书结合本学科的性质特点，挖掘内容的思政元素，在教学内容上体现课程思政的引领作用，在不同单元目标的设立上，注重学生师德践行能力的培养，强调师德规范与涵养教育情怀，形成科学的儿童观、教育观、发展观，热爱儿童、热爱教育事业，具有高度的社会责任感和奉献精神。在教学和实训中，注重培养学生严谨治教的“工匠精神”，践行立德树人的根本任务。
          </p>
        </div>
      </div>
@@ -85,22 +78,19 @@
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="bodystyle">
          <p class="notIndent">
            育事业，具有高度的社会责任感和奉献精神。在教学和实训中，注重培养学生严谨治教的“工匠精神”，践行立德树人的根本任务。
          </p>
          <p><b>2.“训教”一体，提升能力</b></p>
          <p class="fm-fzht"><b>2.“训教”一体，提升能力</b></p>
          <p>
            本书把“案例与评析”“实践活动训练”作为单独的专题来编排，为学生提供了各类典型的、优秀的教育活动设计案例以及不同类型的、不断递进的活动训练项目，而且选用的活动案例都是经过精心修改的，保证了活动案例在撰写上的规范性，旨在避免“重方法，轻设计”“重理论，轻实践”的问题，有效地化解学生在运用知识上的难点，便于学生在学习过程中理论联系实际及教师组织实训，融“教、学、做”于一体，更好地培养学前教育专业学生的教育活动设计与指导的能力。
          </p>
          <p><b>3.对接岗位，课证融通</b></p>
          <p class="fm-fzht"><b>3.对接岗位，课证融通</b></p>
          <p>
            本教材的内容突出了幼儿园教育的特点，体现了《3-6岁儿童学习与发展指南》等文件精神的要求及学前教育的新理念，着眼于目前幼儿园一线教师岗位所需的基本知识和技能，以“单元”的模式编写，理论知识阐述以够用、实用为度，体现核心经验，实训内容以“项目”为中心，因此教材的难易程度符合学生的接受水平，有利于学生在掌握了幼儿卫生学、幼儿心理学和幼儿教育学等理论知识的基础上，学会具体设计和实施幼儿园各领域的教育活动，形成幼儿园教育活动所需的活动设计实践能力，为学生考取幼儿园教师资格证并成为一名一线幼儿教师奠定良好的基础。
          </p>
          <p><b>4.内容创新，案例新颖</b></p>
          <p class="fm-fzht"><b>4.内容创新，案例新颖</b></p>
          <p>
            根据使用者的反馈，本教材在修订第2版时，创造性地编写了身心健康教育、社会教育领域集体教学活动设计的基本思路，以便加强学生在这些领域的设计基础知识学习和设计能力的培养，另外，还对原来各类型典型的教学活动案例进行了筛选，增加了新的教学案例，确保活动案例在撰写上的规范性，使内容更加符合时代要求，新颖、简明扼要、逻辑结构严谨。
          </p>
          <p><b>5.“互联网+”，立体助学</b></p>
          <p class="fm-fzht"><b>5.“互联网+”，立体助学</b></p>
          <p>
            本教材在第二至第八单元提供了五大领域（七个方面）教育活动视频案例，学生可以扫描书中二维码观看，直观地感受不同教师教育教学活动的场景，丰富实践体验，激发学生学习兴趣，并便于教师的教及学生的学。
          </p>
@@ -110,7 +100,7 @@
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <div class="bodystyle">
          <p><b>6.校企合作，注重实践</b></p>
          <p class="fm-fzht"><b> 6. 校企合作，注重实践</b></p>
          <p>
            本教材的编写团队包括职业院校中有丰富教学经验的教师、幼儿园一线骨干教师，书中还选取了多所幼儿园的教育活动案例，确保了教材的实用性、指导性。
          </p>
@@ -121,7 +111,8 @@
            在编写过程中，我们参考了不少专家、学者的研究成果、观点、材料，采用了汕头市儿童福利会第三幼儿园、汕头市中山幼儿园、汕头市儿童福利会第一幼儿园、汕头市政府机关幼儿园、汕头市政府机关第二幼儿园、汕头市委机关幼儿园、汕头市葵花幼儿园、汕头市丹霞幼儿园、汕头市美育嘉泰幼儿园、汕头市金园区中心幼儿园、广州市天河区骏景稚乐幼儿园、东莞市东华幼儿园、东莞市创思教育机构等多所幼教机构设计的大量活动案例，在此，我们特向这些专家、学者和老师表示衷心的感谢！
          </p>
          <p>由于我们水平有限，书中不妥之处在所难免，诚请读者批评指正。</p>
          <p class="right1">编者</p>
          <p><br></p>
          <p class="right1 fm-kt">编　者</p>
        </div>
      </div>
    </div>

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

@@ -205,20 +205,7 @@

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(2, 28);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
      //       txt: "题一学习主题一 运动",
      //       page: "10",
      //       type: "Highlight",
      //       color: "#F5E12A"
      //     });
      // setTimeout(() => {
      //   this.delSign({
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
      this.gotoPage(3, 69);
    }, 500);

    // const pageDom = (this.container ? this.container : document)

 src/books/meetingPlanners/assets/mian.less

@@ -1333,7 +1333,7 @@
}

.examination {
    height: calc(100% - 50px);
    height: calc(100% - 10px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;

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

@@ -252,7 +252,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <!-- <p class="zt-h6">5.流动性不同</p>
                    <p class="zt-h6">5.流动性不同</p>
                    <p>
                        展览较“笨重”，以固定的时间、周期在固定的城市举办为主，流动性较弱，轮流举办的商业展览较少。而会议较“轻巧”，流动性较强。轮流在各地举办的会议以协会/社团会议为主。目的地城市为了争夺会议举办权会全年开展竞争，而展览目的地需要竞标的情况较为少见。
                    </p>
@@ -279,7 +279,7 @@
                    <p class="zt-h6">11.开放性程度不同</p>
                    <p>
                        展览的开放性更高，更具外部性，展览就怕人少，人气越多则展会越旺。相较于展览，会议的封闭性更强，参会时要么需要付费，要么需要审核身份，对议题和内容的审核要求更高。例如，每年各大高等院校主办的会议不计其数，但因其非公开性，或仅针对特定的专业人群，大多无法为外界所知晓。
                    </p> -->
                    </p>
                </div>
            </div>
        </div>
@@ -2625,7 +2625,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <!-- <p class="zt-h6">2.会议策划的任务：以最优的方式实现策划目标</p>
                    <p class="zt-h6">2.会议策划的任务：以最优的方式实现策划目标</p>
                    <p>
                        会议策划的最终任务是实现策划目标，一般表现为产生最大的经济效益、社会效益和环境效益，可以细化为两种类型：一种是为解决影响委托方发展的实际问题的会议策划，另一种是为实现委托方的发展愿景的会议策划。在政府会议中，社会效益往往大于经济效益，所以成本并不是首先考虑的因素；而在企业会议中，成本却是企业优先考虑的因素。因此，在策划会议时需要根据委托方的不同需求和预算，选择最合适的方式和手段，以达到最优的效果。
                    </p>
@@ -2648,7 +2648,7 @@
                    <p class="zt-h6">4.会议策划的核心：运用智慧对未来进行运筹和谋划</p>
                    <p>
                        会议策划的核心是策划主体对未来会议产品及会议活动的组织、管理和执行的运
                    </p> -->
                    </p>
                </div>
            </div>
        </div>
@@ -2663,7 +2663,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <!-- <p class="td-0">
                    <p class="td-0">
                        筹、谋划、构思和设计，运筹和谋划是其根本特征。策划者需要考虑到会议的整体目标，预测未来可能遇到的问题，并制定相应的解决方案。
                    </p>
                    <p class="zt-h6">4.会议策划的核心：运用智慧对未来进行运筹和谋划</p>
@@ -2692,7 +2692,7 @@
                    <p class="zt-h6">6.会议策划的成果：会议策划方案</p>
                    <p>
                        会议策划的成果是形成一套切实可行的会议策划方案。会议策划经过一系列的规划
                    </p> -->
                    </p>
                </div>
            </div>
        </div>

 src/books/toddlerGameImplementation/assets/examinationList.js

New file
@@ -0,0 +1,9 @@
const testData = {
  2: {
    35: [
      152885, 152886, 152887, 152888, 152889, 152890, 152891, 152892, 152893, 152894, 152895, 152896, 152897, 152898, 152899, 152900, 152901, 152902, 152903,  
    ],
  },
};

export default testData;

 src/books/toddlerGameImplementation/assets/images/0060_01.jpg

 src/books/toddlerGameImplementation/assets/images/0060_04.jpg

 src/books/toddlerGameImplementation/assets/images/0166-1-1.jpg

Binary files differ

 src/books/toddlerGameImplementation/assets/images/0166-1-2.jpg

Binary files differ

 src/books/toddlerGameImplementation/assets/images/0166-1.jpg

 src/books/toddlerGameImplementation/assets/main.less

@@ -323,7 +323,7 @@
    span {
      position: absolute;
      left: 56%;
      top: 35%;
      top: 31%;
      transform: translateX(-50%);
    }
  }
@@ -404,6 +404,7 @@

    p {
      margin: 0;
      font-family: "方正仿宋";
    }
  }

@@ -429,6 +430,7 @@

    p {
      margin: 0;
      font-family: "方正仿宋";
    }
  }

@@ -533,6 +535,10 @@

  .w115 {
    width: 115px;
  }

  .w110 {
    width: 110px;
  }


@@ -791,7 +797,7 @@
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0.15em dashed #FAAD70;
        border: 0.15em solid #1cade9;
        margin-right: 15px;
        padding: 0 15px;
        border-radius: 5px;
@@ -803,9 +809,10 @@
          display: flex;
          align-items: center;
          justify-content: flex-start;
          color: #1cade9;

          svg {
            fill: #FAAD70;
            fill: #1cade9;
          }
        }

@@ -815,7 +822,7 @@
        }

        span:hover {
          color: #FAAD70;
          color: #1cade9;
          cursor: pointer;
          text-decoration: underline;
          -webkit-user-select: none;
@@ -2111,6 +2118,13 @@
  }
}

.examination {
  height: calc(100% - 10px);
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

.header_title {
  display: flex;
  justify-content: space-between;
@@ -2180,6 +2194,22 @@
  border-color: #6bcff6 !important;
}

.dialogQuestion {
  background-color: #6dcff6;
  height: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;

  span {
    color: #fff;
    font-size: 18px;
    padding: 0 40px 0 20px;
  }
}



// 隐藏页面

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

@@ -272,7 +272,7 @@
                        </div> -->
                    </div>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="index">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="'unitQuestion' + index">
                        <li>
                            {{ index + 1 }}.（单选）{{ item.txt }}。
                        </li>
@@ -321,7 +321,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="index">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="'unitQuestion2' + index">
                        <li>
                            {{ index + 3 }}.（单选）{{ item.txt }}。
                        </li>
@@ -355,7 +355,7 @@
                            </span>
                        </li>
                    </ul>
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="index">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="'unitQuestionCheck' + index">
                        <li>
                            {{ index + 5 }}.（多选）{{ item.txt }}。
                        </li>
@@ -414,7 +414,22 @@
                    <p>
                        生长发育正常是健康的重要标志，这种发育是有一定规律的，既是连续的，又有阶段性，即在不同年龄阶段，有着不同的发育标志。以下二维码中呈现了教育部与联合国儿童基金会共同推广的0～6岁儿童的发展里程碑，有助于你了解和关注婴幼儿的早期成长。
                    </p>

                    <!-- pdf 查看器 -->
                    <div class="pdf-text">
                        <div class="pdf-con">
                            <div class="pdf-view">
                                <span>
                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                                        <path
                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                                            p-id="11010"></path>
                                    </svg>
                                </span>
                                <span @click="toUrl(1)"> 文本资源： 0～6 岁儿童发展的里程碑</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@@ -597,7 +612,7 @@
                        </div>
                        <div class="bk2">
                            <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                            <ul v-for="(item, index) in exampleOne.unitOne" :key="index">
                            <ul v-for="(item, index) in exampleOne.unitOne" :key="'exampleOne' + index">
                                <li>
                                    {{ index + 1 }}.（单选）{{ item.txt }}。
                                </li>
@@ -807,7 +822,7 @@
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <ul v-for="(item, index) in exampleTwo.unitOne" :key="index">
                        <ul v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
                            <li>
                                {{ index + 1 }}.（单选）{{ item.txt }}。
                            </li>
@@ -962,7 +977,7 @@
                    </p>
                    <p>各种各样的游戏观点虽然不尽相同，但它们都是前人宝贵的探索经验，也促进了我们对婴幼儿游戏的理解。无论在哪一个时代，游戏始终都是重要的任务，是婴幼儿在发展之路上不可或缺的成长活动。</p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="index">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="'unitQuestionOne' + index">
                        <li>
                            {{ index + 1 }}.（单选）{{ item.txt }}。
                        </li>
@@ -1010,7 +1025,7 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="index">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="'unitQuestionOne2' + index">
                        <li>
                            {{ index + 4 }}.（单选）{{ item.txt }}。
                        </li>
@@ -1044,7 +1059,7 @@
                            </span>
                        </li>
                    </ul>
                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="item.txt">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="'unitTwoChoice' + index">
                        <li>
                            {{ index + 6 }}.（多选）{{ item.txt }}。
                        </li>
@@ -1056,10 +1071,10 @@
                            </label>
                        </li>
                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案：<span v-for="(answer, index) in item.answer"
                                    :key="'answer-' + index">{{ answer }}、</span></span>
                            <span class="c-g"> 答案：<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
                            }}、</span></span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：<span
                                    v-for="(userAnswer, index) in item.userAnswer" :key="'userAnswer-' + index">{{
                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
                                        userAnswer }}、</span></span>
                            <span class="icon-box-big fl al-c">
                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
@@ -1217,7 +1232,7 @@
                    <p>游戏为婴幼儿提供了丰富的探索机会。他们在游戏中与环境积极地互动，“品味”环境的同时也在不断地探索和发现自己的运动潜能，在积累运动经验中不断促使身体的正常发育。这对婴幼儿的身心健康发展具有积极的意义。
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p>在实践中观察一个婴幼儿游戏情景，分析对婴幼儿身体发展的作用。</p>
                        <p>第一步，选择游戏类型，制订观察计划。</p>
                        <p>第二步，观察游戏，记录游戏过程。</p>
@@ -1251,14 +1266,64 @@
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p class="center"><span class="ls2">2022年全国职业院校早期教育专业保教技能竞赛真题</span></p>
                        <p>（单选题）（　　）是儿童依恋发展的第三阶段：特殊的情感联结阶段。</p>
                        <p>A.出生至3个月</p>
                        <p>B.3至6个月</p>
                        <p>C.6个月至2岁</p>
                        <p>D.2岁以后</p>
                        <p>参考答案：C。依恋是在儿童与家长相互作用的过程中，在情感上逐渐形成的一种联结、纽带或持久的关系。根据鲍尔比的划分，依恋的发展阶段包括：无差别社会反应阶段（出生至3个月）、有差别社会性反应阶段（3至6个月）、特殊的情感联结阶段（6个月至2岁）、目标调整的伙伴关系阶段（2岁以后）。
                        </p>
                        <ul v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
                            <li>
                                {{ index + 1 }}.（单选）{{ item.txt }}
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
                                    <input type="radio" :disabled="exampleThree.isComplete" :name="item.txt"
                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleThree" />
                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
                                </label>
                            </li>
                            <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                <span class="c-g"> 答案：{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                    item.userAnswer
                                    }}</span>
                                <span class="icon-box-big fl al-c">
                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                        <path
                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                            fill="#1AFA29" p-id="18768"></path>
                                    </svg>
                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                        <path
                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                            fill="#d81e06" p-id="25746"></path>
                                    </svg>
                                </span>
                            </li>
                            <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
                                依恋是在儿童与家长相互作用的过程中，在情感上逐渐形成的一种联结、纽带或持久的关系。根据鲍尔比的划分，依恋的发展阶段包括：无差别社会反应阶段（出生至3个月）、有差别社会性反应阶段（3至6个月）、特殊的情感联结阶段（6个月至2岁）、目标调整的伙伴关系阶段（2岁以后）。
                            </li>
                        </ul>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev w80 choice">
                                <li>
                                    <button class="btn-border btn-w" @click="goExampleThree">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="changeExampleThree" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="exampleThree.isShowAnswer = !exampleThree.isShowAnswer"
                                        class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <p><br></p>
                    <p><br></p>
@@ -1288,6 +1353,21 @@
                    <p>婴幼儿游戏多种多样、不拘一格。按照不同的维度有不同的分类方法，常见的游戏类型有按照游戏中的交往对象分为亲子游戏、玩物游戏和伙伴游戏；按照婴幼儿的认知发展水平分为感觉运动游戏、象征性游戏、结构性游戏和规则性游戏；按照游戏者的活动形式分为运动性游戏、智力性游戏、装扮性游戏、操作性游戏和接受性游戏；按照游戏的功能性分为活动性游戏、发展语言的游戏、感官游戏、智力游戏、音乐和娱乐游戏等；按照游戏者的活动内容分为动作技能性游戏、认知性游戏、社会戏剧性游戏和机构性游戏；按照教育使用的角度分为创造性游戏和规则游戏等。
                    </p>
                    <p>对于婴幼儿游戏的划分虽然有多种，但这些游戏都是在各自的定位中寻求着婴幼儿整体、全面的发展。下文将选择重点的游戏类型进行介绍。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：婴幼儿游戏的类型 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo07 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '8215ef4093c9b916f147c41cdbe8f60a') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d016">（一）按照游戏中的交往对象分</h4>
                    <h5 id="e001">1.亲子游戏</h5>
                    <p>亲子游戏是婴幼儿社会性游戏的一种重要形式，主要指的是家长和婴幼儿之间的互动游戏。亲子游戏发生得很早，婴幼儿从一生下来，便受到了周围环境的影响。家长或婴幼儿的其他照料看护者不仅为婴幼儿提供了生理所需要的各种营养，还是与婴幼儿最早接触的交往对象和第一个重要的游戏伙伴，在这种交往的过程中便产生了亲子游戏这种最早的社会性游戏。
@@ -1390,13 +1470,64 @@
                    <p>此时虽然成人不再是婴幼儿游戏中常见的伙伴，但是婴幼儿游戏仍然离不开成人的支持，成人应担任好相应的辅助角色。</p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p class="center"><span class="ls2">2022年全国职业院校早期教育专业保教技能竞赛真题</span></p>
                        <p>（单选题）根据婴幼儿认知领域的发育年龄，制定和设计（　　）的游戏方案。</p>
                        <p>A.语言领域</p>
                        <p>B.动作领域</p>
                        <p>C.社会领域</p>
                        <p>D.认知领域</p>
                        <p>参考答案：D。本题考查的是对婴幼儿不同类型游戏的理解。认知领域的游戏是以婴幼儿认知发展水平为基础来设计的游戏。</p>
                        <ul v-for="(item, index) in exampleFour.unitOne" :key="'exampleFour' + index">
                            <li>
                                {{ index + 1 }}.（单选）{{ item.txt }}
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
                                    <input type="radio" :disabled="exampleFour.isComplete" :name="item.txt"
                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleFour" />
                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
                                </label>
                            </li>
                            <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                <span class="c-g"> 答案：{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                    item.userAnswer
                                    }}</span>
                                <span class="icon-box-big fl al-c">
                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                        <path
                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                            fill="#1AFA29" p-id="18768"></path>
                                    </svg>
                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                        <path
                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                            fill="#d81e06" p-id="25746"></path>
                                    </svg>
                                </span>
                            </li>
                            <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
                                本题考查的是对婴幼儿不同类型游戏的理解。认知领域的游戏是以婴幼儿认知发展水平为基础来设计的游戏。
                            </li>
                        </ul>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev w80 choice">
                                <li>
                                    <button class="btn-border btn-w" @click="goExampleFour">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="changeExampleFour" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="exampleFour.isShowAnswer = !exampleFour.isShowAnswer"
                                        class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <h3 id="c013">三、婴幼儿游戏的特点</h3>
                    <p>婴幼儿游戏与普遍意义上的儿童游戏具有相同的属性。但因婴幼儿的发展水平及不同年龄特点，婴幼儿游戏具有其特殊性。</p>
@@ -1419,12 +1550,19 @@
                                <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
                            </div>
                            <p>如何指导家长支持和推进婴幼儿游戏？</p>
                            <textarea v-model="questionData.unitOne.six" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question"
                                @change="setQuestionData"></textarea>
                        </div>
                    </div>
                    <span>
                        <h4 id="d019">（二）游戏内容的情感性、生活化</h4>
                        <p>无论是游戏的发生还是维持，婴幼儿都依赖外界给予的刺激。这个刺激往往是成人融入情感、费了心力设计的情境。婴幼儿早期最先接触的游戏就是亲子游戏，这一游戏类型带有浓厚的感情色彩。在亲子交流中，充满柔情的身体接触与充满善意的言语交流都凝聚着家长的爱，使婴幼儿感受到爱与关注。这不仅能促进亲子间感情的瞬间升温，还有利于婴幼儿个性的发展。
                        </p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                    </span>
                </div>
            </div>
@@ -1449,41 +1587,96 @@
                    <p>虽然我们从婴幼儿的各个方面去探索游戏对于其发展的积极作用，但实际上婴幼儿作为一个完整的个体，其发展呈现出整体化。对于婴幼儿来说，他们感知世界的方式也是整体化的。当婴幼儿游戏时，他们是全身心沉浸在他们所创造的世界里。因为在他们的世界里，他们是无所不能的，是能实现他们一切的愿望的。因此，他们必须调动全身力气去完成游戏，在玩耍和探索中获得身心的全面发展。
                    </p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <p>1.（单选）婴幼儿反复敲打桌子，在椅子上摇来摇去。这类游戏属于（　　）。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.机能性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>2.（单选）（　　）的出现一般被认为是游戏发展的高级阶段。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.机能性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>3.（单选）“以物代物”“以人代人”是（　　）里婴幼儿的典型表现。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.机能性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>4.（单选）由于0～2岁婴幼儿处于感知运动阶段，因此婴幼儿游戏以（　　）为主。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.练习性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>5.（单选）家长在指导婴幼儿开展游戏时应注意（　　）。</p>
                    <p>A.态度生硬</p>
                    <p>B.服从婴幼儿的意愿</p>
                    <p>C.尊重和信任婴幼儿</p>
                    <p>D.批评犯错误的婴幼儿</p>
                    <p>6.（多选）按照游戏中的交往对象，婴幼儿游戏分为（　　）。</p>
                    <p>A.结构性游戏</p>
                    <p>B.亲子游戏</p>
                    <p>C.玩物游戏</p>
                    <p>D.伙伴游戏</p>
                    <p>7.（多选）婴幼儿游戏的价值有（　　）。</p>
                    <p>A.促进身体发展</p>
                    <p>B.促进认知发展</p>
                    <p>C.促进社会性发展</p>
                    <p>D.促进个性发展</p>
                    <ul v-for="(item, index) in unitQuestionTwo.unitTwo" :key="'unitQuestionTwo' + index">
                        <li>
                            {{ index + 1 }}.（单选）{{ item.txt }}
                        </li>
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                                <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.userAnswer
                                }}</span>
                            <span class="icon-box-big fl al-c">
                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                        </li>
                    </ul>
                    <ul v-for="(item, index) in unitQuestionTwo.unitTwoChoice" :key="'unitTwoChoice2' + index">
                        <li>
                            {{ index + 6 }}.（多选）{{ item.txt }}
                        </li>
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                                <input type="checkbox" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案：<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
                            }}、</span></span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：<span
                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
                                        userAnswer }}、</span></span>
                            <span class="icon-box-big fl al-c">
                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                        </li>
                    </ul>
                    <!-- 提交按钮 -->
                    <div class="w100 fl ju-cn">
                        <ul class="fl ju-ev w80 choice">
                            <li>
                                <button class="btn-border btn-w" @click="goUnitThree">
                                    提交
                                </button>
                            </li>
                            <li>
                                <button @click="changeUnitThree" class="btn-border btn-w">
                                    重做
                                </button>
                            </li>
                            <li>
                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
                                    class="parimary-btn">
                                    查看答案
                                </button>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
@@ -1508,21 +1701,53 @@
                    <p><span class="ls1 fm-fzfs">关于婴幼儿发展关键期的书籍：</span></p>
                    <p>1.冯国强：《0～6岁身心智发展实用全典：婴幼儿关键期P.E.D早教法》，北京，中国妇女出版社，2016。</p>
                    <p>2.韩棣华：《0～3岁：孩子成长的关键期》，北京，北京出版社，2004。</p>
                    <p class="dialogQuestion mt-20 mb-20" @click="openQuestion(1)">
                        <span class="td-0">【本节测试】</span>
                        <span class="td-0">
                            <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2536"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28">
                                <path
                                    d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                                    fill="#fff" p-id="2537"></path>
                                <path
                                    d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                                    fill="#fff" p-id="2538"></path>
                                <path
                                    d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                                    fill="#fff" p-id="2539"></path>
                            </svg>
                        </span>
                    </p>
                </div>
            </div>
        </div>
        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
            :questionTitle="questionTitleMain" ref="dialogRef">
        </dialogExaminations>
    </div>
</template>

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
import preView from "@/components/pdfview/index.vue";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
        interfaceQuestion: {
            type: Object,
        },
    },
    components: {
        preView,
        dialogExaminations,
    },
    data() {
        return {
@@ -1533,7 +1758,34 @@
            videoPathThree: "",
            videoPathFour: "",
            videoPathFive: "",
            videoPathSix: "",
            videoPathSeven: "",
            videoPathEight: "",
            collectResourceList: [],
            // pdf
            dialogVisible: false,
            pdfDialogRef: "",
            somePdfTitleValue: "",
            p_md5: "",
            chapter001: {
                pdfMd5: {
                    1: {
                        md5: "6a7118abdc38a24995f26c164d63648c",
                        name: " 0～6 岁儿童发展的里程碑",
                    },
                },
                question: {
                    1: {
                        questionTitleMain: "学习模块一",
                        questionNum: 35,
                    },
                },
            },
            // 题目
            dialogVisibleOne: false,
            themeColor: "#6dcff6",
            questionNum: 0,
            questionTitleMain: "",
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
@@ -1542,6 +1794,7 @@
                isCollectVideo04: false,
                isCollectVideo05: false,
                isCollectVideo06: false,
                isCollectVideo07: false,
            },
            textQuestionData: {
                one: "",
@@ -1553,7 +1806,6 @@
                seven: "",
                eight: "",
            },

            questionData: {
                unitOne: {
                    one: "",
@@ -1879,6 +2131,182 @@
                    },
                ],
            },
            unitQuestionTwo: {
                isComplete: false,
                isShowAnswer: false,
                unitTwo: [
                    {
                        txt: "婴幼儿反复敲打桌子，在椅子上摇来摇去。这类游戏属于（　）",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "（　）的出现一般被认为是游戏发展的高级阶段。",
                        isRight: null,
                        answer: "A",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "“以物代物”“以人代人”是（　）里婴幼儿的典型表现。",
                        isRight: null,
                        answer: "B",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "由于0～2岁婴幼儿处于感知运动阶段，因此婴幼儿游戏以（　）为主。",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "家长在指导婴幼儿开展游戏时应注意（　）。",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "态度生硬",
                                value: "A"
                            },
                            {
                                txt: "服从婴幼儿的意愿",
                                value: "B"
                            },
                            {
                                txt: "尊重和信任婴幼儿",
                                value: "C"
                            },
                            {
                                txt: "批评犯错误的婴幼儿",
                                value: "D"
                            },
                        ]
                    },
                ],
                unitTwoChoice: [
                    {
                        txt: "按照游戏中的交往对象，婴幼儿游戏分为（　）。",
                        isRight: null,
                        answer: ["B", "C", "D"],
                        userAnswer: [],
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "亲子游戏",
                                value: "B"
                            },
                            {
                                txt: "玩物游戏",
                                value: "C"
                            },
                            {
                                txt: "伙伴游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "婴幼儿游戏的价值有（　）。",
                        isRight: null,
                        answer: ["A", "B", "C", "D"],
                        userAnswer: [],
                        option: [
                            {
                                txt: "促进身体发展",
                                value: "A"
                            },
                            {
                                txt: "促进认知发展",
                                value: "B"
                            },
                            {
                                txt: "促进社会性发展",
                                value: "C"
                            },
                            {
                                txt: "促进个性发展",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
            exampleOne: {
                isComplete: false,
                isShowAnswer: false,
@@ -1938,7 +2366,67 @@
                        ]
                    },
                ],
            }
            },
            exampleThree: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "（　）是儿童依恋发展的第三阶段：特殊的情感联结阶段。",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "出生至3个月",
                                value: "A"
                            },
                            {
                                txt: "3至6个月",
                                value: "B"
                            },
                            {
                                txt: "6个月至2岁",
                                value: "C"
                            },
                            {
                                txt: "2岁以后",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
            exampleFour: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "根据婴幼儿认知领域的发育年龄，制定和设计（　）的游戏方案。",
                        isRight: null,
                        answer: "D",
                        userAnswer: "",
                        option: [
                            {
                                txt: "语言领域",
                                value: "A"
                            },
                            {
                                txt: "社会领域",
                                value: "B"
                            },
                            {
                                txt: "6个月至2岁",
                                value: "C"
                            },
                            {
                                txt: "认知领域",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
        }
    },
    async mounted() {
@@ -1962,6 +2450,11 @@
            this.unitQuestionOne = JSON.parse(unitTwo);
        }

        const unitThree = localStorage.getItem("toddleGame-book-chapter01-unitThree");
        if (unitThree) {
            this.unitQuestionTwo = JSON.parse(unitThree);
        }

        const exampleOne = localStorage.getItem("toddleGame-book-chapter01-exampleOne");
        if (exampleOne) {
            this.exampleOne = JSON.parse(exampleOne);
@@ -1971,6 +2464,17 @@
        if (exampleTwo) {
            this.exampleTwo = JSON.parse(exampleTwo);
        }

        const exampleThree = localStorage.getItem("toddleGame-book-chapter01-exampleThree");
        if (exampleThree) {
            this.exampleThree = JSON.parse(exampleThree);
        }

        const exampleFour = localStorage.getItem("toddleGame-book-chapter01-exampleFour");
        if (exampleFour) {
            this.exampleFour = JSON.parse(exampleFour);
        }


        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter001-textQuestionData");
        if (textQuestionData) {
@@ -2003,6 +2507,12 @@
            this.videoPathSeven = await getResourcePath(
                "4f1f70e849911a2a90ce4df6b08fd3cc"
            );

            this.videoPathEight = await getResourcePath(
                "8215ef4093c9b916f147c41cdbe8f60a"
            );


        },
        handleCollect(e) {
            if (e == 'video-01') {
@@ -2026,9 +2536,10 @@
            } else if (e == 'video-07') {
                this.handleCollectResource("4f1f70e849911a2a90ce4df6b08fd3cc", "4f1f70e849911a2a90ce4df6b08fd3cc", '', "视频", "bits", '视频：社会文化历史学派的游戏理论')
                this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
            } else if (e == 'video-08') {
                this.handleCollectResource("  isCollectVideo06: false,", "8215ef4093c9b916f147c41cdbe8f60a", '', "视频", "bits", '视频：社会文化历史学派的游戏理论')
                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
            }

            this.handleChapterData();
        },
        //资源收藏事件
        // resourcePath  文件路径，
@@ -2106,7 +2617,6 @@
            this.unitQuestion.isComplete = false
            this.unitQuestion.isShowAnswer = false
        },

        goUnitTwo() {
            for (let index = 0; index < this.unitQuestionOne.unitTwo.length; index++) {
                const item = this.unitQuestionOne.unitTwo[index];
@@ -2147,6 +2657,50 @@
            this.unitQuestionOne.isShowAnswer = false
            this.unitQuestionOne.textOne = ""
            this.unitQuestionOne.textTwo = ""
        },
        saveUnitThree() {
            localStorage.setItem('toddleGame-book-chapter01-UnitThree', JSON.stringify(this.unitQuestionTwo))
        },
        goUnitThree() {
            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
                const item = this.unitQuestionTwo.unitTwo[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }

            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
                const item = this.unitQuestionTwo.unitTwoChoice[index];
                if (item.userAnswer.length === item.answer.length) {
                    // 使用every方法检查userAnswer中的每个元素是否都在answer中
                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
                    item.isRight = isRight;
                } else {
                    // 如果长度不同，则它们不可能完全相同
                    item.isRight = false;
                }
            }
            this.unitQuestionTwo.isComplete = true
            this.unitQuestionTwo.isShowAnswer = true
        },
        changeUnitThree() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitThree")
            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
                const item = this.unitQuestionTwo.unitTwo[index];
                item.userAnswer = ""
                item.isRight = null
            }
            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
                const item = this.unitQuestionTwo.unitTwoChoice[index];
                item.userAnswer = []
                item.isRight = null
            }
            this.unitQuestionTwo.isComplete = false
            this.unitQuestionTwo.isShowAnswer = false
            this.unitQuestionTwo.textOne = ""
            this.unitQuestionTwo.textTwo = ""
        },
        saveExampleOne() {
            localStorage.setItem('toddleGame-book-chapter01-exampleOne', JSON.stringify(this.exampleOne))
@@ -2198,17 +2752,76 @@
            this.exampleTwo.isComplete = false
            this.exampleTwo.isShowAnswer = false
        },

        saveExampleThree() {
            localStorage.setItem('toddleGame-book-chapter01-exampleThree', JSON.stringify(this.exampleThree))
        },
        goExampleThree() {
            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
                const item = this.exampleThree.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            this.exampleThree.isComplete = true
            this.exampleThree.isShowAnswer = true
        },
        changeExampleThree() {
            localStorage.removeItem("toddleGame-book-chapter01-exampleThree")
            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
                const item = this.exampleThree.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            this.exampleThree.isComplete = false
            this.exampleThree.isShowAnswer = false
        },
        saveExampleFour() {
            localStorage.setItem('toddleGame-book-chapter01-exampleFour', JSON.stringify(this.exampleFour))
        },
        goExampleFour() {
            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
                const item = this.exampleFour.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            this.exampleFour.isComplete = true
            this.exampleFour.isShowAnswer = true
        },
        changeExampleFour() {
            localStorage.removeItem("toddleGame-book-chapter01-exampleFour")
            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
                const item = this.exampleFour.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            this.exampleFour.isComplete = false
            this.exampleFour.isShowAnswer = false
        },
        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter001-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        },
        toUrl(val) {
            if (val) {
                this.p_md5 = this.chapter001.pdfMd5[val].md5;
                this.somePdfTitleValue = this.chapter001.pdfMd5[val].name;
                this.$refs.pdfDialogRef.openDialog();
        }
        //打开思维导图
        // showMindMapDialog() {
        //     this.mindMapDialog = true
        // },
        },
        openQuestion(num) {
            if (num) {
                this.questionNum = this.chapter001.question[num].questionNum;
                this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
                this.$refs.dialogRef.openDialogQuestion();
            }
        },

    }
}

 src/books/toddlerGameImplementation/view/components/chapter002.vue

@@ -32,8 +32,8 @@
            </div>
        </div>
        <!-- 27页 -->
        <div class="page-box" page="35">
            <div v-if="showPageList.indexOf(35) > -1">
        <div class="page-box" page="37">
            <div v-if="showPageList.indexOf(37) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -112,8 +112,8 @@
            </div>
        </div>
        <!-- 28页 -->
        <div class="page-box" page="36">
            <div v-if="showPageList.indexOf(36) > -1">
        <div class="page-box" page="38">
            <div v-if="showPageList.indexOf(38) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -156,8 +156,8 @@
            </div>
        </div>
        <!-- 29页 -->
        <div class="page-box" page="37">
            <div v-if="showPageList.indexOf(37) > -1">
        <div class="page-box" page="39">
            <div v-if="showPageList.indexOf(39) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -178,8 +178,8 @@
                        </div>
                        <p>成型玩具和未成型玩具对婴幼儿游戏有何不同的影响?</p>
                        <textarea v-model="questionData.unitOne.one" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px" class="fz-16 textarea-main"
                            @change="setQuestionData"></textarea>
                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                    </div>
                    <p>（2）未成型玩具</p>
                    <p>
@@ -202,8 +202,8 @@
            </div>
        </div>
        <!-- 30页 -->
        <div class="page-box" page="38">
            <div v-if="showPageList.indexOf(38) > -1">
        <div class="page-box" page="40">
            <div v-if="showPageList.indexOf(40) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -257,8 +257,8 @@
            </div>
        </div>
        <!-- 31页 -->
        <div class="page-box" page="39">
            <div v-if="showPageList.indexOf(39) > -1">
        <div class="page-box" page="41">
            <div v-if="showPageList.indexOf(41) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -282,21 +282,6 @@
                            <img class="img-0" alt="" src="../../assets/images/0043-3.jpg" />
                        </p>
                        <p class="img1">图2-3 布老虎</p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <div class="bk ml-20">
                            <div class="bk1">
                                <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
                            </div>
                            <p>
                                商业玩具一般都是大规模生产的，供给远远大于市场的需求；而民间玩具很多都是手工制成的，生产很难规模化。
                            </p>
                            <p>
                                在现代高速发展的社会中，民间玩具存在的意义是什么？试比较商业玩具和民间玩具的优劣。
                            </p>
                        </div>
                    </div>
                    <span>
                        <p>
@@ -336,12 +321,26 @@
                            随着社会的发展、科技的进步，很多商业玩具开始出现，以满足人们的需求。如磁性画板、各种材料的积木、平涂板等；由手拧的发条玩具、手推的惯性玩具转向声控、触控的电动玩具，如小汽车、飞机等；由单个玩具转向系列玩具，组成一个整体、完整系统的教育任务，如早教盒子等。
                        </p>
                    </span>
                    <div class="bk ml-20">
                        <div class="bk1">
                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                        </div>
                        <p>
                            商业玩具一般都是大规模生产的，供给远远大于市场的需求；而民间玩具很多都是手工制成的，生产很难规模化。
                        </p>
                        <p>
                            在现代高速发展的社会中，民间玩具存在的意义是什么？试比较商业玩具和民间玩具的优劣。
                        </p>
                        <textarea v-model="questionData.unitOne.two" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <!-- 32页 -->
        <div class="page-box" page="40">
            <div v-if="showPageList.indexOf(40) > -1">
        <div class="page-box" page="42">
            <div v-if="showPageList.indexOf(42) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -374,8 +373,8 @@
            </div>
        </div>
        <!-- 33页 -->
        <div class="page-box" page="41">
            <div v-if="showPageList.indexOf(41) > -1">
        <div class="page-box" page="43">
            <div v-if="showPageList.indexOf(43) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -403,8 +402,8 @@
            </div>
        </div>
        <!-- 34页 -->
        <div class="page-box" page="42">
            <div v-if="showPageList.indexOf(42) > -1">
        <div class="page-box" page="44">
            <div v-if="showPageList.indexOf(44) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -427,8 +426,8 @@
            </div>
        </div>
        <!-- 35页 -->
        <div class="page-box" page="43">
            <div v-if="showPageList.indexOf(43) > -1">
        <div class="page-box" page="45">
            <div v-if="showPageList.indexOf(45) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -444,23 +443,23 @@
                            <img class="img-0" alt="" src="../../assets/images/0046-1-2.jpg" />
                        </p>
                    </div>
                    <div class="img-rights w140">
                    <h3 id="c015">二、婴幼儿玩具的选择标准</h3>
                    <p>
                        随着经济水平的高速发展，玩具市场不断扩大，玩具的品种越来越多，家长在为孩子挑选玩具时也是挑花了眼。但同时也有一些不法商家为了牟取利益生产出对孩子身体有害的劣质玩具。比如，某有毒玩具里面含有硼砂，长期使用会危害孩子的消化系统，引起孩子的食欲减退，使孩子的体重下降。还有一些劣质塑料玩具，不但没有3C认证，而且严重的是里面含有甲醛、苯、铅等有害物质，长期使用会致癌，极大地危害了孩子的身体健康，甚至会夺去孩子的生命。那么，我们要如何正确地为儿童挑选玩具呢？到底什么样的玩具才适合0～3岁的儿童呢？下面介绍几个选择玩具的标准。
                    </p>
                        <div class="bk">
                            <div class="bk1">
                                <p>
                                    <img class="rwmb-3 img-d" alt="" src="../../assets/images/lyl.png" />
                                <img class="rwmb-3 img-i" alt="" src="../../assets/images/lyl.png" />
                                </p>
                            </div>
                            <p>
                                纸箱是家里常见的物品之一，如日常快递盒、家电包装盒、礼品盒等。请分组设计一个纸箱玩具，尽可能地有多种玩法，并现场进行玩法展示和解说。
                            </p>
                        <textarea v-model="questionData.unitOne.three" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                        </div>
                    </div>
                    <span>
                        <h3 id="c015">二、婴幼儿玩具的选择标准</h3>
                        <p>
                            随着经济水平的高速发展，玩具市场不断扩大，玩具的品种越来越多，家长在为孩子挑选玩具时也是挑花了眼。但同时也有一些不法商家为了牟取利益生产出对孩子身体有害的劣质玩具。比如，某有毒玩具里面含有硼砂，长期使用会危害孩子的消化系统，引起孩子的食欲减退，使孩子的体重下降。还有一些劣质塑料玩具，不但没有3C认证，而且严重的是里面含有甲醛、苯、铅等有害物质，长期使用会致癌，极大地危害了孩子的身体健康，甚至会夺去孩子的生命。那么，我们要如何正确地为儿童挑选玩具呢？到底什么样的玩具才适合0～3岁的儿童呢？下面介绍几个选择玩具的标准。
                        </p>
                        <h4 id="d023">（一）选择安全无毒的玩具</h4>
                        <p>
                            儿童的安全是很重要的。我们在选择玩具的时候，一定要看玩具的材质是否安全无毒，有没有异味；玩具的产品标识（包括产品合格证、生产标准、适用年龄、厂名厂址等）和安全警示（包括年龄适宜提示、警示说明）是否齐全。1岁以下的儿童会有一段时间的口欲期，他们喜欢随意咬东西。在玩玩具时，他们可能会将一些玩具的小零件放入口中，造成异物梗阻，甚至窒息。我们还要注意玩具的表面是否有尖锐或者带刺的地方，要检查仔细，不要让有危险的玩具伤害了儿童。以积木为例，像乐高小颗粒这样的积木，绝不可以给3岁以下的儿童玩，有吞咽窒息的风险。
@@ -476,13 +475,13 @@
                        <p>
                            纽扣电池就是我们常说的锂电池。它进入体内后，会迅速烧伤体内组织，导致穿孔、出血，严重的话还会致死。即使进入鼻腔和耳道，也会造成非常严重的后果。
                        </p>
                    </span>

                </div>
            </div>
        </div>
        <!-- 36页 -->
        <div class="page-box" page="44">
            <div v-if="showPageList.indexOf(44) > -1">
        <div class="page-box" page="46">
            <div v-if="showPageList.indexOf(46) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -504,9 +503,9 @@
                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                        </div>
                        <p>除了积木，你还知道有哪些低结构玩具？请列举1～2种并说明玩法。</p>
                        <textarea v-model="questionData.unitOne.two" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px" class="fz-16 textarea-main"
                            @change="setQuestionData"></textarea>
                        <textarea v-model="questionData.unitOne.four" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                    </div>

                    <h4 id="d026">（四）选择经济耐用、功能简单的玩具</h4>
@@ -522,15 +521,32 @@
                            <span class="ls2">0～3岁各年龄段婴幼儿的玩具选择</span>
                        </p>
                        <p>
                            玩具是婴幼儿成长中不可或缺的伙伴。婴幼儿的年龄不同，身心发展水平不同，适合的玩具也有区别。那么该如何帮助他们选取适合自己的玩具呢？感兴趣的可以扫描二维码深入了解。
                            玩具是婴幼儿成长中不可或缺的伙伴。婴幼儿的年龄不同，身心发展水平不同，适合的玩具也有区别。那么该如何帮助他们选取适合自己的玩具呢？感兴趣的可以深入了解。
                        </p>
                        <!-- pdf 查看器 -->
                        <div class="pdf-text">
                            <div class="pdf-con">
                                <div class="pdf-view">
                                    <span>
                                        <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098"
                                            height="24.098">
                                            <path
                                                d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                                                p-id="11010"></path>
                                        </svg>
                                    </span>
                                    <span @click="toUrl(1)"> 文本资源： 0～6 岁儿童发展的里程碑</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 37页 -->
        <div class="page-box" page="45">
            <div v-if="showPageList.indexOf(45) > -1">
        <div class="page-box" page="47">
            <div v-if="showPageList.indexOf(47) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -568,8 +584,8 @@
            </div>
        </div>
        <!-- 38页 -->
        <div class="page-box" page="46">
            <div v-if="showPageList.indexOf(46) > -1">
        <div class="page-box" page="48">
            <div v-if="showPageList.indexOf(48) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -593,34 +609,12 @@
                    <textarea v-model="questionData.unitOne.five" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 40px" class="fz-16 textarea-main"
                            @change="setQuestionData"></textarea>
                    <p>4.案例分析。</p>
                    <p>请结合本学习任务的内容，对以下案例进行分析，并给出解决方案。</p>
                    <p>
                        <b>案例描述：</b>某托育机构的王老师在活动区投放了“给动物喂食”的玩具：竹制筷子及不同颜色的玻璃珠子和盘子。王老师投放此玩具的目的是让幼儿学会用筷子夹物，能按量取物，并能对玻璃珠子的颜色进行分类。可在观察中，王老师发现虽然有一小部分幼儿能正确使用筷子夹起珠子，但珠子太光滑总是夹不起来，有一些幼儿干脆直接用手去抓珠子。王老师感到很困惑，每次活动时她都给幼儿进行了讲解示范，为什么幼儿学不会呢？出现这个问题的原因是什么？如果你是王老师，你会如何解决这个问题？
                    </p>
                    <div class="img-rights w180">
                        <p class="center">
                            <img class="img-0" alt="" src="../../assets/images/0050-2.jpg" />
                        </p>
                        <p class="img1">图2-6 材料</p>
                    </div>
                    <span>
                        <p>5.设计题：请运用图2-6的材料为2～3岁儿童设计一个游戏方案。</p>
                        <p>设计要求：</p>
                        <p>（1）分组讨论并完成任务。</p>
                        <p>
                            （2）游戏方案内容包括游戏名称（年龄段）、游戏目的、游戏准备、游戏玩法（可设计2～3种玩法）、指导建议。游戏方案内容完整，书写规范，语言清晰，目标和玩法设计符合儿童的发展特点与发展需要。
                        </p>
                        <p>
                            （3）根据已设计的游戏方案，解说游戏玩法并模拟演示引导儿童游戏的过程。
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 39页 -->
        <div class="page-box" page="47">
            <div v-if="showPageList.indexOf(47) > -1">
        <div class="page-box" page="49">
            <div v-if="showPageList.indexOf(49) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -704,8 +698,8 @@
            </div>
        </div>
        <!-- 40页 -->
        <div class="page-box" page="48">
            <div v-if="showPageList.indexOf(48) > -1">
        <div class="page-box" page="50">
            <div v-if="showPageList.indexOf(50) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -717,7 +711,7 @@
                    <p>
                        <img class="rwmb-2" alt="" src="../../assets/images/aldr.png" />
                    </p>
                    <p>
                    <p class="fm-fzfs">
                        某托育机构有个孩子入园时，哭闹不止，经常是扯住妈妈的衣服不放；家长离开后，她会大哭大闹。这样的情形持续了好长时间。一次在和她妈妈的交谈中，教师才了解到这个孩子从来都没有离开过家长，对家长很依赖，对陌生的环境和人都有恐惧感，不愿接近。从此，教师开始关注她的一举一动，给她无微不至的关怀。现在她终于接受了教师，能够快乐地参与各种游戏活动。
                    </p>
                    <p><b>想一想：</b></p>
@@ -760,15 +754,15 @@
                        <h4 id="d033">（二）游戏环境创设的原则</h4>
                        <h5 id="e018">1.安全性原则</h5>
                        <p>
                            婴幼儿游戏环境创设中安全性肯定是放在第一位的，安全的游戏环境是婴幼儿健康成长的重要保障。只有在一个安全的环境中，婴幼儿的身心才能健康和谐发展。游戏环境的安全性主要包括身体安全和心理安全两个方面。身体安全主要是指游戏活动场所的宽敞，便于婴幼儿游戏和通行；游戏的玩具和材料安全、无毒、无尖锐棱角，摆放要安全牢固，方便婴幼儿取放，没有导致婴幼儿出现意外的危险因素存在；游戏玩具和材料要经常清洗消毒，保持卫生。心理安全是指在游戏过程中要让婴幼儿获得
                            婴幼儿游戏环境创设中安全性肯定是放在第一位的，安全的游戏环境是婴幼儿健康成长的重要保障。只有在一个安全的环境中，婴幼儿的身心才能健康和谐发展。游戏环境的安全性主要包括身体安全和心理安全两个方面。身体安全主要是指游戏活动场所的宽敞，便于婴幼儿游戏和通行；游戏的玩具和材料安全、无毒、无尖锐棱角，摆放要安全牢固，方便婴幼儿取放，没有导致婴幼儿出现意外的危险因素存在；游戏玩具和材料要经常清洗消毒，保持卫生。心理安全是指在游戏过程中要让婴幼儿获得充分活动的机会，保持情绪愉悦，能按自己的意愿开展游戏，获得尊重感。
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 41页 -->
        <div class="page-box" page="49">
            <div v-if="showPageList.indexOf(49) > -1">
        <div class="page-box" page="51">
            <div v-if="showPageList.indexOf(51) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -778,9 +772,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        充分活动的机会，保持情绪愉悦，能按自己的意愿开展游戏，获得尊重感。
                    </p>
                    <h5 id="e019">2.全面性原则</h5>
                    <p>
                        游戏环境要从保障与促进婴幼儿身心健康发展出发，与婴幼儿的发展水平、年龄特点、兴趣爱好、个性特征相匹配，能全面满足婴幼儿发展的需要。不同游戏区域的功能各有不同，对应不同的发展目标。全面性原则不是说要把所有区域都创设出来，而是在同一时期创设的区域中应该既有促进婴幼儿动作发展、语言发展、社会发展、认知发展的区域，又有促进婴幼儿个性和情绪发展的区域，即多种形式的游戏场地或者具备多种功能的游戏场地。
@@ -819,8 +810,8 @@
            </div>
        </div>
        <!-- 42页 -->
        <div class="page-box" page="50">
            <div v-if="showPageList.indexOf(50) > -1">
        <div class="page-box" page="52">
            <div v-if="showPageList.indexOf(52) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -869,8 +860,8 @@
            </div>
        </div>
        <!-- 43页 -->
        <div class="page-box" page="51">
            <div v-if="showPageList.indexOf(51) > -1">
        <div class="page-box" page="53">
            <div v-if="showPageList.indexOf(53) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -901,8 +892,8 @@
            </div>
        </div>
        <!-- 44页 -->
        <div class="page-box" page="52">
            <div v-if="showPageList.indexOf(52) > -1">
        <div class="page-box" page="54">
            <div v-if="showPageList.indexOf(54) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
@@ -951,8 +942,8 @@
            </div>
        </div>
        <!-- 45页 -->
        <div class="page-box" page="53">
            <div v-if="showPageList.indexOf(53) > -1">
        <div class="page-box" page="55">
            <div v-if="showPageList.indexOf(55) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
@@ -968,21 +959,19 @@
                    <h4 id="d037">（三）家庭游戏环境创设的方法</h4>
                    <h5 id="e032">1.创设开放的物质环境</h5>
                    <p>
                        家长可以在家给婴幼儿开辟独立的游戏区域，在那里为他们设立不同的游戏区，如玩具区、绘画区、阅读区等。同时，家长还可以根据婴幼儿的能力发展需求和兴趣爱好，搭配合适的游戏道具。这样婴幼儿可以充分发挥想象力和创造力，并且在游戏过程中学习新的知识和技能。家庭游戏环境并非单纯的物质环境，还包括精神环境。
                        家长可以在家给婴幼儿开辟独立的游戏区域，在那里为他们设立不同的游戏区，如玩具区、绘画区、阅读区等。同时，家长还可以根据婴幼儿的能力发展需求和兴趣爱好，搭配合适的游戏道具。这样婴幼儿可以充分发挥想象力和创造力，并且在游戏过程中学习新的知识和技能。
                    </p>
                    <h5 id="e033">2.创设健康的精神环境</h5>
                    <p>
                        婴幼儿在家庭游戏中需要良好的物质环境，更需要温馨、和谐、民主、平等的精神环境。许多家长都是替孩子做主，如用什么、玩什么，而不是让他们自主选择。这就与玩游戏的定义背道而驰了。游戏应该源于孩子的渴望，是孩子自愿和自主的活动。过多的干预会限制他们，太高的期望会给他们造成压力，使他们的想象力和创造力发挥失常。在家庭游戏过程中，家长或其他家庭成员应该平等参与，与孩子建立可靠的伙伴关系，营造一种信任的气氛，使孩子更加自愿地投入其中。家长要牢记孩子才是游戏的主角。良好的家庭游戏环境是家长和孩子进行家庭游戏的基础。
                    </p>
                    <p>
                        创设良好的游戏环境，才能在寓教于乐的游戏中获得事倍功半的教育效果。良好的游戏环境是家长和孩子进行亲子游戏的基础。
                    </p>
                    <div class="bk2">
                        <p>
                            <img class="rwmb-5 img-d" alt="" src="../../assets/images/tzyd.png" />
                        </p>
                        <p class="center">
                            <span class="ls2">陈鹤琴说家庭游戏环境<sup title="陈鹤琴：《家庭教育与父母教育》，196～197页，上海，上海人民出版社，2016。">①</sup></span>
                            <span class="ls2">陈鹤琴说家庭游戏环境<sup
                                    title="陈鹤琴：《家庭教育与父母教育》，196～197页，上海，上海人民出版社，2016。">①</sup></span>
                        </p>
                        <p>
                            小孩子在家里，一定要有相当玩的东西，相当做的事情。要晓得不动不做，小孩子是不会发展的。譬如他不去玩水，哪里会知道水的性质？不去玩冰，哪里会知道冰是冷的？不要因为玩水、玩冰有危险就禁止他。外国的小孩子在夏天常常到海滨去玩沙、玩水，那样小孩子何等快乐。到了冬天，有的穿了冰鞋去滑冰，有的拉了雪车去溜冰。这种小孩子，身体一定很强壮，精神一定很快乐。在中国，有的小孩子则不然，一到冬天就被紧关在家里。他偶然看见雪，看见冰，要想去玩，做父母的不是骂他，就是打他。冰雪是很好的环境，我们做父母的不晓得利用，反而把小孩子关在家里，哭哭闹闹！像这种吵闹，做父母的不说是他们自己不好，而反说小孩子吵闹。这真是所谓因果颠倒，黑白混淆，实可痛心！
@@ -991,23 +980,6 @@
                            我们做父母的往往有一种偏见，就是以为小孩子总是错的，父母总是对的。好像“皇帝是不会错的，错的都是百姓。皇帝是不会犯罪的，犯罪的都是百姓”。所以从父母的眼里看起来，小孩子既然是错，就应当受相当的责罚。其实相反，错的往往是在父母，小孩子往往是对的。像上面所说的那种情况，做父母的不准小孩子玩冰玩雪，这明明是父母不知道利用环境来教导小孩子，哪里可以说小孩子的不好呢！等到小孩子吵闹起来，还说他是会哭会吵，这岂不是冤煞人吗？所以做父母的，应当给小孩子预备适当的环境、充分的设备，使小孩子得着正当的游戏。
                        </p>
                    </div>
                    <p><br></p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">①</a>&emsp; 陈鹤琴：《家庭教育与父母教育》，196～197页，上海，上海人民出版社，2016。</p>
                </div>
            </div>
        </div>
        <!-- 46页 -->
        <div class="page-box" page="54">
            <div v-if="showPageList.indexOf(54) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
                        <span>46</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c019">三、托育机构游戏环境的创设</h3>
                    <p>
                        儿童早期发展中心是为儿童早期发展服务建立的场所，以促进0～3岁婴幼儿的早期发展，为家长提供接受科学育儿支持和服务的场所为宗旨。在教师的支持下，儿童早期发展中心向0～3岁婴幼儿及其家长（看护人）提供亲子活动、家长培训、育儿指导与咨询等服务。0～3岁儿童早期发展中心的环境创设要以婴幼儿为本，根据婴幼儿的发展特点和服务内容功能的不同，划分动静相宜的区域。
@@ -1017,6 +989,25 @@
                    <p>
                        在游戏环境创设中，要在托育机构教育理念的基础上，营造温馨舒适的氛围。根据家长的需求与婴幼儿早期发展的特点，布置面向家长的休息区、供集体游戏的亲子活动室、游戏区角，具体包括图书区、感统教室、艺术教室、厨艺活动室、母婴室等。同时，基于婴幼儿早期综合发展的理念，在环境中融入婴幼儿权利与保护、安全防护、卫生保健、对家长的指导等内容，力求覆盖婴幼儿发展的各个领域。
                    </p>
                    <p><br></p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">①</a>&emsp;
                        陈鹤琴：《家庭教育与父母教育》，196～197页，上海，上海人民出版社，2016。</p>
                </div>
            </div>
        </div>
        <!-- 46页 -->
        <div class="page-box" page="56">
            <div v-if="showPageList.indexOf(56) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
                        <span>46</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">

                    <h5 id="e035">2.环境促进婴幼儿发展：以婴幼儿为本与互动性</h5>
                    <p>
                        环境是婴幼儿的“教师”。以儿童为本在环境中的体现，应该是儿童视角、儿童参与。每一个区域的设置都应体现明确的发展目标，能够支持婴幼儿在某些领域的发展与探索。玩具材料要适合婴幼儿动手与参与，使婴幼儿在与环境的互动中建构经验、获得发展。
@@ -1033,21 +1024,6 @@
                    <p>
                        《3岁以下婴幼儿健康养育照护指南（试行）》提出：“婴幼儿早期发展是指儿童在这个时期生理、心理和社会能力方面得到全面发展，具体体现在儿童的体格、运动、认知、语言、情感和社会适应能力等各方面的发展。”与3～6岁幼儿相比较，0～3岁婴幼儿的发展综合性更强，这可以反映在活动教室内外部的功能区角上。功能区角对儿童发展的作用是综合性和交叉性的。例如，建构区与益智区可以促进认知、社会性的发展；“娃娃家”可以促进社会性、语言的发展；阅读区可以促进语言与认知的发展；感统区可以促进身体与社会性的发展等。功能区角可以作为儿童自选玩具的最佳场所，也是家长和教师观察儿童行为的最佳场所。
                    </p>
                </div>
            </div>
        </div>
        <!-- 47页 -->
        <div class="page-box" page="55">
            <div v-if="showPageList.indexOf(55) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="" />
                        <span>47</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e038">1.建构区</h5>
                    <p>
                        在建构区，儿童根据自己的喜好选择不同形状的积木进行搭建。在搭建过程中，他们可以认识和感知长方形、正方形、圆形等各种形状。他们既可以进行单独游戏，又可以进行平行游戏，还可以进行合作游戏。在合作过程中，他们的社会交往能力和问题解决能力得到了发展。与针对3～6岁幼儿的建构区不同的是，0～3岁婴幼儿需要选择体积大、色彩鲜艳与材质轻软的积木，并且教师要在建构区加入镜子。在镜子中，幼儿可从多个角度观察搭建材料的不同，从而调整搭建方式，发展他们的想象力和观察力。
@@ -1068,6 +1044,21 @@
                    <p>
                        娃娃家为幼儿提供了一个假想的生活化场景，让他们可以在这里模拟生活情境，如打扫卫生、做饭、照顾小朋友等。这一区域可以锻炼儿童的生活自理能力，也可以促进他们社会交往能力的发展。娃娃家的材料需要符合环保要求。
                    </p>
                </div>
            </div>
        </div>
        <!-- 47页 -->
        <div class="page-box" page="57">
            <div v-if="showPageList.indexOf(57) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块二</li>
                    <li class="headerText">婴幼儿玩具选择与游戏环境创设</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="" />
                        <span>47</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e043">6.阅读区</h5>
                    <p>
                        温馨、舒适、安静的阅读区提供了一个良好的氛围，帮助儿童通过阅读打开了认识世界的一扇窗，培养了儿童良好的阅读习惯，促进了儿童语言能力的发展，帮助儿童养成自主阅读的好习惯。阅读区投放的书籍包括0～3岁儿童绘本等。阅读区还可以投放家长与儿童根据身边发生的故事创编和制作的绘本。
@@ -1082,24 +1073,7 @@
                    </p>
                    <h5 id="e046">9.音乐游戏室</h5>
                    <p>
                        音乐游戏室为儿童提供了丰富的音乐器材。教师通过音乐游戏初步培养儿童的节奏感和其对音乐的兴
                    </p>
                </div>
            </div>
        </div>
        <!-- 48页 -->
        <div class="page-box" page="56">
            <div v-if="showPageList.indexOf(56) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
                        <span>48</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        趣。在这一区域，教师可以投放专业的奥尔夫乐器，也可以投放由生活材料制作的乐器。音乐游戏室建议设置宽阔的场地，投放钢琴、一体机等设备，便于儿童在欣赏、感受音乐的时候，尽情地跟随音乐跳动等。
                        音乐游戏室为儿童提供了丰富的音乐器材。教师通过音乐游戏初步培养儿童的节奏感和其对音乐的兴趣。在这一区域，教师可以投放专业的奥尔夫乐器，也可以投放由生活材料制作的乐器。音乐游戏室建议设置宽阔的场地，投放钢琴、一体机等设备，便于儿童在欣赏、感受音乐的时候，尽情地跟随音乐跳动等。
                    </p>
                    <h5 id="e047">10.生活材料区</h5>
                    <p>
@@ -1114,6 +1088,26 @@
                    </p>
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" />
                    </p>
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
                    </p>
                </div>
            </div>
        </div>
        <!-- 48页 -->
        <div class="page-box" page="58">
            <div v-if="showPageList.indexOf(58) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
                        <span>48</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/0060_04.jpg" />
                    </p>
                    <p>1.请说一说言传身教在家庭教育中的重要性。</p>
                    <p>2.家长应该如何为婴幼儿创设良好的游戏环境？</p>
@@ -1144,6 +1138,11 @@
                </div>
            </div>
        </div>
        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="3" :page="questionNum"
            :questionTitle="questionTitleMain" ref="dialogRef">
        </dialogExaminations>
    </div>
</template>
<script>
@@ -1152,12 +1151,21 @@
    getCollectResource,
    setCollectResource,
} from "@/assets/methods/resources";
import preView from "@/components/pdfview/index.vue";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
    name: "chapterTwo",
    props: {
        showPageList: {
            type: Array,
        },
        interfaceQuestion: {
            type: Object,
        },
    },
    components: {
        preView,
        dialogExaminations,
    },
    data() {
        return {
@@ -1178,6 +1186,30 @@
                isCollectVideo05: false,
                isCollectVideo06: false,
            },
            // pdf
            dialogVisible: false,
            pdfDialogRef: "",
            somePdfTitleValue: "",
            p_md5: "",
            chapter001: {
                pdfMd5: {
                    1: {
                        md5: "6a7118abdc38a24995f26c164d63648c",
                        name: " 0～6 岁儿童发展的里程碑",
                    },
                },
                question: {
                    1: {
                        questionTitleMain: "学习模块一",
                        questionNum: 35,
                    },
                },
            },
            // 题目
            dialogVisibleOne: false,
            themeColor: "#6E85AF",
            questionNum: 0,
            questionTitleMain: "",
            tableData: {
                unitOne: {
                    one: "",
@@ -1193,6 +1225,22 @@
                    three: "",
                    four: "",
                    five:"",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                    fifteen: "",
                    sixteen: "",
                    seventeen: "",
                    eighteen: "",
                    nineteen: "",
                    twenty: "",
                    twentyOne: "",
                },
            },
        };
@@ -1225,6 +1273,13 @@
                JSON.stringify(this.questionData)
            );
        },
        toUrl(val) {
            if (val) {
                this.p_md5 = this.chapter001.pdfMd5[val].md5;
                this.somePdfTitleValue = this.chapter001.pdfMd5[val].name;
                this.$refs.pdfDialogRef.openDialog();
            }
        },
    },
};
</script>

 src/books/toddlerGameImplementation/view/components/chapter003.vue

@@ -1,11 +1,11 @@
<template>
    <div class="chapter" num="4">
        <!-- 49页 -->
        <div class="page-box" page="57">
            <div v-if="showPageList.indexOf(57) > -1">
        <div class="page-box" page="59">
            <div v-if="showPageList.indexOf(59) > -1">
                <div style="display: flex;">
                    <div class="img-0">
                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%;" />
                        <img alt="" src="../../assets/images/mk.png" />
                    </div>
                    <div class="" style="margin:0 10% 0 3%; padding: 10% 0 22% 0;">
                        <h1 id="a008" class="ta-l">学习模块三</h1>
@@ -16,7 +16,7 @@
                            </p>
                        </div>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
                        <p class="center"><img class="w80" alt="" src="../../assets/images/0061-1.jpg" /></p>
                        <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0061-1.jpg" /></p>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
                        <p>刘老师设计组织了一个适合2.5～3岁幼儿的亲子游戏活动。在导入活动环节，教师引导幼儿自我介绍，并进行蒙氏教具的示范操作，然后引导幼儿和家长共同操作蒙氏教具。在操作过程中，有的家长一直在旁边指导幼儿怎样一步步操作。刘老师一边观察幼儿，一边和家长聊天，沟通幼儿近期的表现。该环节结束后，刘老师引导幼儿拿着套圈坐着往前挪，进行比赛。随后，活动结束。你认为刘老师设计的游戏活动适宜吗？学完本模块内容后再来一起分析。
                        </p>
@@ -25,8 +25,8 @@
            </div>
        </div>
        <!-- 50页 -->
        <div class="page-box" page="58">
            <div v-if="showPageList.indexOf(58) > -1">
        <div class="page-box" page="60">
            <div v-if="showPageList.indexOf(60) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -98,8 +98,8 @@
            </div>
        </div>
        <!-- 51页 -->
        <div class="page-box" page="59">
            <div v-if="showPageList.indexOf(59) > -1">
        <div class="page-box" page="61">
            <div v-if="showPageList.indexOf(61) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -110,11 +110,21 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>美国科学家发现了让1～6个月大的婴儿运动的方法，即让婴儿用脚踢能发出声音的玩具。他们发现，婴儿可在成人的鼓励及看护下，很兴奋地用脚来回踢，同时双手也在摆动，每次运动可达20分钟。</p>
                    <p class="fm-fzfs">
                        美国科学家发现了让1～6个月大的婴儿运动的方法，即让婴儿用脚踢能发出声音的玩具。他们发现，婴儿可在成人的鼓励及看护下，很兴奋地用脚来回踢，同时双手也在摆动，每次运动可达20分钟。</p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.这个运动在设计上遵循了什么原则？</p>
                    <textarea v-model="textQuestionData.one" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.这个运动在设计上和同类运动有什么区别？</p>
                    <textarea v-model="textQuestionData.two" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.为什么婴幼儿可以长时间进行这个运动？</p>
                    <textarea v-model="textQuestionData.three" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p>婴幼儿游戏设计的原则是指成人在设计各类婴幼儿游戏活动时必须遵循的法则或标准。婴幼儿游戏设计必须符合婴幼儿游戏的自主意愿，遵循婴幼儿各年龄段的身心发展特点与水平。这样才能促进婴幼儿身心各方面的积极发展。具体原则包括适宜性、发展性、自主性、趣味性、灵活性、安全性。
                    </p>
                    <h3 id="c020">一、适宜性</h3>
@@ -133,8 +143,8 @@
            </div>
        </div>
        <!-- 52页 -->
        <div class="page-box" page="60">
            <div v-if="showPageList.indexOf(60) > -1">
        <div class="page-box" page="62">
            <div v-if="showPageList.indexOf(62) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -150,7 +160,7 @@
                        <div class="bk1">
                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                        </div>
                        <p>在游戏中如何体现婴幼儿的自主性？可以举例说明。?</p>
                        <p>在游戏中如何体现婴幼儿的自主性？可以举例说明。</p>
                        <textarea v-model="questionData.unitOne.one" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px" class="fz-16 textarea-main"
                            @change="setQuestionData"></textarea>
@@ -178,8 +188,8 @@
            </div>
        </div>
        <!-- 53页 -->
        <div class="page-box" page="61">
            <div v-if="showPageList.indexOf(61) > -1">
        <div class="page-box" page="63">
            <div v-if="showPageList.indexOf(63) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -205,14 +215,15 @@
                    <p>B.适宜性</p>
                    <p>C.自主性</p>
                    <p>D.发展性</p>
                    <p>4.自主查阅一个婴幼儿游戏设计案例，并分析该案例主要体现的设计原则。</p>
                    <p>5.建议前往一家托育机构观察，结合其游戏环境的创设分析教师游戏环境创设遵循了哪些原则。</p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
                    <p>香山慈幼院在中国教育史上是一所较为特殊的学校，是集家庭、学校、社会于一体的教学慈善机构，它独特的办学方式在中国近代教育史上谱写了崭新的一页。孩子们会在慈幼院里进行哪些活动和游戏？他们快乐吗？同学们可以扫码了解更多关于香山慈幼院的故事。
                    </p>
                </div>
            </div>
        </div>
        <!-- 54页 -->
        <div class="page-box" page="62">
            <div v-if="showPageList.indexOf(62) > -1">
        <div class="page-box" page="64">
            <div v-if="showPageList.indexOf(64) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -285,8 +296,8 @@
            </div>
        </div>
        <!-- 55页 -->
        <div class="page-box" page="63">
            <div v-if="showPageList.indexOf(63) > -1">
        <div class="page-box" page="65">
            <div v-if="showPageList.indexOf(65) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -297,11 +308,18 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>最近乐乐到了牙牙学语期，非常喜欢发出各种声音。早托中心王老师就乐乐的情况和乐乐妈妈进行了沟通。王老师向乐乐妈妈解释：“婴儿最早的感觉游戏是听觉游戏和触觉游戏，听觉游戏可以从母亲的呼唤开始。所以当乐乐开始发出声音时，母亲要注意通过模仿重复婴幼儿的声音，与婴幼儿形成呼应。让婴幼儿以发声为乐，进而以发声后由母亲回应为乐。但是这个过程中要注意时间的控制，不宜时间太长。”
                    <p class="fm-fzfs">
                        最近乐乐到了牙牙学语期，非常喜欢发出各种声音。早托中心王老师就乐乐的情况和乐乐妈妈进行了沟通。王老师向乐乐妈妈解释：“婴儿最早的感觉游戏是听觉游戏和触觉游戏，听觉游戏可以从母亲的呼唤开始。所以当乐乐开始发出声音时，母亲要注意通过模仿重复婴幼儿的声音，与婴幼儿形成呼应。让婴幼儿以发声为乐，进而以发声后由母亲回应为乐。但是这个过程中要注意时间的控制，不宜时间太长。”
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.王老师对发声游戏的指导要求是什么？</p>
                    <textarea v-model="textQuestionData.four" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.家长在这个发声游戏中的角色和作用是什么？</p>
                    <textarea v-model="textQuestionData.five" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c026">一、婴幼儿游戏指导的内容</h3>
                    <h4 id="d041">（一）创设温馨的游戏环境</h4>
                    <p>环境是婴幼儿除家长、教师之外的第三任教师，游戏环境是影响婴幼儿游戏活动的重要因素。游戏环境是指为婴幼儿游戏活动所提供的条件，包括物质游戏环境和心理游戏环境两个方面。物质游戏环境是为婴幼儿游戏活动所提供的物质条件，包括游戏活动的场地、空间、玩具和材料等。心理游戏环境是指为婴幼儿游戏活动所提供的心理环境，包括游戏环境中的心理氛围和人际关系，如宽松、自由、自主的游戏氛围，成人与婴幼儿、婴幼儿同伴之间的关系等。物质游戏环境和心理游戏环境两者之间是相互影响、相互促进且不可割裂的。良好的游戏环境要兼顾这两个方面，合力促使婴幼儿游戏充分发挥其教育价值，促进婴幼儿身心的健康发展。因此，创设游戏环境是婴幼儿游戏指导的首要内容。
@@ -316,8 +334,8 @@
            </div>
        </div>
        <!-- 56页 -->
        <div class="page-box" page="64">
            <div v-if="showPageList.indexOf(64) > -1">
        <div class="page-box" page="66">
            <div v-if="showPageList.indexOf(66) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -355,8 +373,8 @@
            </div>
        </div>
        <!-- 57页 -->
        <div class="page-box" page="65">
            <div v-if="showPageList.indexOf(65) > -1">
        <div class="page-box" page="67">
            <div v-if="showPageList.indexOf(67) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -384,14 +402,14 @@
                    <p>家长是家庭环境的营造者。家庭游戏环境包括心理环境和物质环境。在心理环境创设方面，家长应处理好家庭成员之间的关系，包括祖孙关系、婆媳关系、夫妻关系、亲子关系等，尽可能保持教育的一致性，秉承互尊互爱、平等交流、分工合作的原则，建构民主和谐的家庭关系，营造自主自由、宽松舒适的心理环境。在物质环境创设方面，家长应布置相对固定、宽敞、明亮、温馨的游戏场地，投放适宜的玩具和游戏材料。
                    </p>
                    <p>不同年龄段婴幼儿游戏场地的布置以及玩具游戏材料投放的重点不同。比如，0～1岁婴儿多数是躺着、坐着或在爬。家长可为他们提供柔软、安全的游戏空间，铺上爬行垫，准备有助于他们触觉、视觉和听觉等感知觉发展或能够吸引其抓握、爬行的玩具和游戏材料，如床铃、摇铃、小球、卡通图片、布书、摇摆鸭子等；也可在低矮的墙面贴上色彩鲜艳、形象可爱的动植物或交通工具图画。1～3岁幼儿开始学会走、跑、跳，能说能唱，喜爱模仿。家长应为他们提供更宽敞舒适的游戏空间，并铺上软地垫确保游戏的安全。家长可以收走一些不适宜的旧玩具，给他们提供更丰富适宜的可操作和模仿的玩具和游戏材料，如小推车、厨房玩具、医生玩具、简易乐器、拼图、涂鸦墙、涂鸦笔、颜色材质不同的纸张、各色丝巾、手工材料及常见生活用品等。家长还可以利用一些天然材料、安全卫生的废旧物品等自制一些简单的玩具，
                        以满足他们动手操
                        以满足他们动手操作的欲望，培养他们的自信心。此外，家长应保证婴幼儿的户外游戏时间和空间，鼓励婴幼儿与伙伴的交流交往。
                    </p>
                </div>
            </div>
        </div>
        <!-- 58页 -->
        <div class="page-box" page="66">
            <div v-if="showPageList.indexOf(66) > -1">
        <div class="page-box" page="68">
            <div v-if="showPageList.indexOf(68) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -400,9 +418,7 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        作的欲望，培养他们的自信心。此外，家长应保证婴幼儿的户外游戏时间和空间，鼓励婴幼儿与伙伴的交流交往。
                    </p>

                    <p>（2）全心陪伴与支持婴幼儿游戏</p>
                    <p>婴幼儿的健康成长离不开家长的陪伴，婴幼儿的游戏也离不开家长的支持。婴幼儿的学习与发展以游戏为主要形式。在陪伴婴幼儿游戏的过程中，家长应全心全意地投入。家长可教婴幼儿玩某个新的游戏，但不能强硬地要求婴幼儿一定按照设想的方式和行为来，应当尊重婴幼儿游戏的自主意愿，灵活地处理问题与改变策略。家长也可以追随婴幼儿的游戏，静静地在一旁认真关注婴幼儿的游戏状态和情绪。当婴幼儿有需要时及时回应与支持。比如，在婴幼儿遇到困难时鼓励其克服困难，必要时给予帮助；在婴幼儿获得成功时，及时给予眼神、动作或语言上的激励；还可以参与游戏，扮演游戏中的角色，和婴幼儿一同尽情地享受游戏的快乐。
                    </p>
@@ -419,15 +435,12 @@
                    <p>（2）游戏设计者</p>
                    <p>早教或托育机构中的婴幼儿游戏不同于家庭中的亲子游戏，它是由教师根据机构中婴幼儿的年龄特点和发展水平，有计划、有目的地系统设计并组织实施的游戏。这些游戏通常有明确的主题、适用年龄、游戏目标、材料准备和较为固定的活动流程等。教师作为游戏的设计者需要具备扎实的婴幼儿教育学和发展心理学基础知识以及游戏设计与指导的知识，才能设计出较为科学适宜的游戏活动方案，以体现和支撑其不同于家长的专业性等特点，真正意义上促进婴幼儿身心发展，从而获得家长与行业的认可。
                    </p>
                    <p>（3）游戏组织者</p>
                    <p>早教或托育机构教师既是婴幼儿游戏的设计者，也是婴幼儿游戏的组织与实施者。教师组织实施的婴幼
                    </p>
                </div>
            </div>
        </div>
        <!-- 59页 -->
        <div class="page-box" page="67">
            <div v-if="showPageList.indexOf(67) > -1">
        <div class="page-box" page="69">
            <div v-if="showPageList.indexOf(69) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -437,8 +450,8 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        儿游戏主要有两种形式：一种是在托育机构主要面向婴幼儿组织实施的游戏，另一种是在早教机构面向家长和婴幼儿的亲子游戏。目前，我国很多早期教育机构为满足不同家庭的需要，通常综合了早教和托育两种功能。因此，教师须具备婴幼儿游戏与亲子游戏两种形式的游戏设计、组织与实施能力。
                    <p>（3）游戏组织者</p>
                    <p>早教或托育机构教师既是婴幼儿游戏的设计者，也是婴幼儿游戏的组织与实施者。教师组织实施的婴幼儿游戏主要有两种形式：一种是在托育机构主要面向婴幼儿组织实施的游戏，另一种是在早教机构面向家长和婴幼儿的亲子游戏。目前，我国很多早期教育机构为满足不同家庭的需要，通常综合了早教和托育两种功能。因此，教师须具备婴幼儿游戏与亲子游戏两种形式的游戏设计、组织与实施能力。
                    </p>
                    <p>（4）游戏观察者</p>
                    <p>观察是教师了解婴幼儿行为与发展水平的基础和前提。蒙台梭利说过，一名教育工作者应当有一双敏锐的眼睛。早教或托育机构教师若不会观察婴幼儿的游戏则难以成为一名合格的教师。因此，教师无论是在婴幼儿游戏时还是在组织参与婴幼儿游戏的过程中都应具备明确的观察意识，并主动学习科学观察与记录婴幼儿游戏的方法，从而深入了解婴幼儿个体的发展水平与个性特点，以便更好地开展婴幼儿保教活动。
@@ -461,8 +474,8 @@
            </div>
        </div>
        <!-- 60页 -->
        <div class="page-box" page="68">
            <div v-if="showPageList.indexOf(68) > -1">
        <div class="page-box" page="70">
            <div v-if="showPageList.indexOf(70) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -486,8 +499,8 @@
            </div>
        </div>
        <!-- 61页 -->
        <div class="page-box" page="69">
            <div v-if="showPageList.indexOf(69) > -1">
        <div class="page-box" page="71">
            <div v-if="showPageList.indexOf(71) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -520,14 +533,14 @@
                        天天（25个月）喜欢玩积木搭建游戏。自由区域活动开始后，他来到建构区从收纳箱里搬出很多的积木，然后坐下来开始玩搭高高的游戏。他一块一块小心翼翼地往上搭建。搭建到第六块的时候，天天还想往上搭一块。结果“砰”的一声，高高的积木倒塌了。天天看着倒塌的积木咯咯地笑出了声。接下来，他继续搭建积木，重复了很多遍。有时搭到第五块就倒了，有时能搭到七八块，每次倒塌他都会很开心。玩完玩具之后，天天根据老师的引导，把积木一块一块地捡起来，放进了收纳箱。
                    </p>
                    <p>（2）案例分析</p>
                    <p>从案例中可以看出天天玩积木游戏整个过程的情绪状态良好。他很享受搭建的过程，享受搭建本身的动作和搭建物倒塌的这种期待性与偶然性变化，并没有因为搭建物倒塌而着急。天天一直持续在搭建，注意力比较专注，并能够在教师的引导下，主动在游戏结束后收拾玩具。这说明天天基本养成了收拾玩具的好习惯。天天在整个搭建的过程中是没有相应的搭建主题的，一个人独自游戏，和身边的人没有沟通和交流，建构的形式也相对单一，主要以搭高为主。教师可以在下一次的积木搭建中提前建议天天搭建一些有象征意义
                    <p>从案例中可以看出天天玩积木游戏整个过程的情绪状态良好。他很享受搭建的过程，享受搭建本身的动作和搭建物倒塌的这种期待性与偶然性变化，并没有因为搭建物倒塌而着急。天天一直持续在搭建，注意力比较专注，并能够在教师的引导下，主动在游戏结束后收拾玩具。这说明天天基本养成了收拾玩具的好习惯。天天在整个搭建的过程中是没有相应的搭建主题的，一个人独自游戏，和身边的人没有沟通和交流，建构的形式也相对单一，主要以搭高为主。教师可以在下一次的积木搭建中提前建议天天搭建一些有象征意义的物品，增强搭建内容的主题性；也可以使用平行指导的方法，在旁边使用平铺等搭建形式搭建一些马路、火车道等。这样可以引导天天在不经意的模仿中提高建构水平。
                    </p>
                </div>
            </div>
        </div>
        <!-- 62页 -->
        <div class="page-box" page="70">
            <div v-if="showPageList.indexOf(70) > -1">
        <div class="page-box" page="72">
            <div v-if="showPageList.indexOf(72) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -536,9 +549,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        的物品，增强搭建内容的主题性；也可以使用平行指导的方法，在旁边使用平铺等搭建形式搭建一些马路、火车道等。这样可以引导天天在不经意的模仿中提高建构水平。
                    </p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <p>1.（单选）下列（　　）属于家长在婴幼儿游戏中较常扮演的角色。</p>
                    <p>A.游戏评价者</p>
@@ -549,12 +559,15 @@
                    <p>3.教师指导婴幼儿游戏的要求有哪些？</p>
                    <p>4.走访观察亲友或邻居家的游戏环境，运用所学知识分析该游戏环境创设的优点与不足，尝试提出改善的建议。</p>
                    <p>5.观摩记录一次早教托育机构组织的游戏活动，并结合所学知识谈谈自己的想法与感受。</p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
                    <p>“丢，丢，丢手绢，……”这首耳熟能详的儿歌和丢手绢游戏诞生于延安保育院。延安保育院作为中国革命历史中浓墨重彩的一笔，为妥善保护与培育革命后代及边区儿童，撑起了一片希望的天空，也为新中国的幼儿教育事业奠定了坚实的基础，同学们可以扫码了解更多关于延安保育院的故事。
                    </p>
                </div>
            </div>
        </div>
        <!-- 63页 -->
        <div class="page-box" page="71">
            <div v-if="showPageList.indexOf(71) > -1">
        <div class="page-box" page="73">
            <div v-if="showPageList.indexOf(73) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -628,8 +641,8 @@
            </div>
        </div>
        <!-- 64页 -->
        <div class="page-box" page="72">
            <div v-if="showPageList.indexOf(72) > -1">
        <div class="page-box" page="74">
            <div v-if="showPageList.indexOf(74) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -639,11 +652,18 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>2岁多的芝芝在玩穿扣子游戏时，试了三次都没有成功，接着忍不住伤心地说“我不会”，并准备放弃。这时妈妈一边安抚芝芝，一边找来质地较硬的塑料细绳（替换原来质地过软的毛线细绳）给芝芝。芝芝重获游戏信心，专注地用塑料细绳穿完所有扣子，并开心满足地说“我成功了”，还要妈妈帮忙把扣子项链给她戴上。
                    <p class="fm-fzfs">
                        2岁多的芝芝在玩穿扣子游戏时，试了三次都没有成功，接着忍不住伤心地说“我不会”，并准备放弃。这时妈妈一边安抚芝芝，一边找来质地较硬的塑料细绳（替换原来质地过软的毛线细绳）给芝芝。芝芝重获游戏信心，专注地用塑料细绳穿完所有扣子，并开心满足地说“我成功了”，还要妈妈帮忙把扣子项链给她戴上。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.妈妈为什么会为芝芝换上塑料细绳？</p>
                    <textarea v-model="textQuestionData.six" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.观察在游戏指导中的意义是什么？</p>
                    <textarea v-model="textQuestionData.seven" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c029">一、婴幼儿游戏观察与记录</h3>
                    <h4 id="d051">（一）婴幼儿游戏观察的内涵与意义</h4>
                    <h5 id="e054">1.婴幼儿游戏观察的内涵</h5>
@@ -667,8 +687,8 @@
            </div>
        </div>
        <!-- 65页 -->
        <div class="page-box" page="73">
            <div v-if="showPageList.indexOf(73) > -1">
        <div class="page-box" page="75">
            <div v-if="showPageList.indexOf(75) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -694,8 +714,8 @@
            </div>
        </div>
        <!-- 66页 -->
        <div class="page-box" page="74">
            <div v-if="showPageList.indexOf(74) > -1">
        <div class="page-box" page="76">
            <div v-if="showPageList.indexOf(76) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -723,8 +743,8 @@
            </div>
        </div>
        <!-- 67页 -->
        <div class="page-box" page="75">
            <div v-if="showPageList.indexOf(75) > -1">
        <div class="page-box" page="77">
            <div v-if="showPageList.indexOf(77) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -735,24 +755,24 @@
                </ul>
                <div class="bodystyle">
                    <p class="img">表3-3 轶事记录表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0079-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0079-1.jpg" /></p>
                    <p>为节约记录时间，提高记录效率，教师还可以创造一些符号或字母代码来进行快速记录，如表3-4所示。</p>
                    <p class="img">表3-4 教师自创的记录符号或字母代码</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0079-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0079-2.jpg" /></p>
                    <p>轶事记录法方便、灵活，可以随时随地记录。因此，对于教师来说，它是简便易行的一种方法。教师可运用该方法进行连续记录，通过特定情境了解婴幼儿的行为与变化，分析影响婴幼儿发展的各种因素等。但由于观察者记录的是自认为有价值和有意义的事件，所记录的内容会带有主观倾向，轶事记录法很多时候不是现场记录，而是事后追记，因此记录的内容可能会有出入。教师在运用此方法记录时应尽快避免过多主观因素的影响。
                    </p>
                    <p>实况记录法是观察者按照时间顺序尽可能详细、客观、完整地记录婴幼儿在某一段时段内的具体行为和表现的方法。实况记录法是由日记记录法和轶事记录法引发出来的。和轶事记录法相比，实况记录法观察记录的内容更加完整和翔实。实况记录法不同于日记记录法对个别幼儿进行纵向记录，它既可以对个别幼儿进行记录，也可以是对群体幼儿进行记录。实况记录法的观察内容包括观察时间、观察对象及其与周围环境互动时所做事和所说的话，以及观察对象所处的背景、环境场所等。传统的实况记录通常要求在观察现场采用手工观察记录的方式。这对教师的观察能力及语言文字功底的要求较高。现代的实况记录通常要求利用录像设备将观察到的行为和事件全部拍摄下来，再转换成文字进行分析。这种方式的好处是拍摄后的内容可以反复观看，不会因为记录速度遗漏一些信息，但观察者需要心中有观察目标，并注意将录像对婴幼儿游戏活动的影响降到最低。总之，教师若想要深入了解婴幼儿各方面的具体行为、表现及分析背后的原因等，实况记录法是比较理想的选择。
                    </p>
                    <p>②评定法。评定法即观察者在观察记录的基础上对婴幼儿游戏行为或事件做出判断的方法。评定法的主要类型有行为检核法和等级评定法。评定法的优点是记录与统计方便，适合与其他婴幼儿的行为进行对比。评定法一般不记录婴幼儿行为发生的具体过程与情境，且观察者需要在观察的同时进行判断。因此，运用评定法时容易产生个人偏见，不同的人观察同样的行为可能会有不同的判断结果。
                    </p>
                    <p>行为检核法又称清单法，是观察者事先将要观察的行为项目排列成清单式的表格，然后通过观察核对该
                    <p>行为检核法又称清单法，是观察者事先将要观察的行为项目排列成清单式的表格，然后通过观察核对该行为是否呈现的一种方法。行为检核法较为简便实用，是教师常用的观察记录法之一。例如，为了解24～30个月婴幼儿的精细动作发展水平，观察者可以运用表3-5进行记录。
                    </p>
                </div>
            </div>
        </div>
        <!-- 68页 -->
        <div class="page-box" page="76">
            <div v-if="showPageList.indexOf(76) > -1">
        <div class="page-box" page="78">
            <div v-if="showPageList.indexOf(78) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -761,24 +781,21 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        行为是否呈现的一种方法。行为检核法较为简便实用，是教师常用的观察记录法之一。例如，为了解24～30个月婴幼儿的精细动作发展水平，观察者可以运用表3-5进行记录。
                    </p>
                    <p class="img">表3-5 24～30个月幼儿的精细动作发展水平观察表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0080-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0080-1.jpg" /></p>
                    <p>等级评定法是观察者进行观察后，对婴幼儿游戏行为所达到的水平进行评定的方法。等级评定法依据的是观察者个人的主观判断，需要不同的人对某一观察对象进行重复判断。频次多代表发展水平较高，频次少代表发展水平较低。一般来说，等级评定法有四个或以上的等级。观察者可以从行为发生的频率或强弱程度来制定等级标准。比如，频率选项有总是、经常、有时、极少、从未，强弱选项有非常、比较、一般、相当不、非常不。例如，为观察某婴幼儿区域活动中的行为表现，可制定如下等级评定表（见表3-6）。
                    </p>
                    <p class="img">表3-6 30～36个月幼儿区域活动等级评定表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0080-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0080-2.jpg" /></p>
                    <p>③取样法。取样法是观察者以婴幼儿游戏行为为样本的记录方法。取样法主要包括时间取样法和事件取样法。</p>
                    <p>时间取样法是指以一定的时间间隔为取样标准来观察记录预先确定的行为是否出现以及出现次数的方法。观察记录的时间间隔取决于教师的观察目的。时间取样法适用于记录那些快速且连续发生或经常发生的
                    <p>时间取样法是指以一定的时间间隔为取样标准来观察记录预先确定的行为是否出现以及出现次数的方法。观察记录的时间间隔取决于教师的观察目的。时间取样法适用于记录那些快速且连续发生或经常发生的行为，如专注行为、情绪行为、习惯动作、互动行为等。例如，在确定观察30～36个月幼儿在娃娃区游戏的专注力行为的目标后，可以将活动时间划分为5个观察时段，每个时段大致为2分钟，如表3-7所示。
                    </p>
                </div>
            </div>
        </div>
        <!-- 69页 -->
        <div class="page-box" page="77">
            <div v-if="showPageList.indexOf(77) > -1">
        <div class="page-box" page="79">
            <div v-if="showPageList.indexOf(79) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -788,17 +805,14 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        行为，如专注行为、情绪行为、习惯动作、互动行为等。例如，在确定观察30～36个月幼儿在娃娃区游戏的专注力行为的目标后，可以将活动时间划分为5个观察时段，每个时段大致为2分钟，如表3-7所示。
                    </p>
                    <p class="img">表3-7 30～36个月幼儿在娃娃区游戏中专注力行为的观察记录表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0081-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0081-1.jpg" /></p>
                    <p>时间取样法很节约时间和精力，因为它预先规定了所要观察的内容和时间。这样观察者能在短时间内收集大量信息。但时间取样法只适用于观察那些发生频率较高的外显行为，对发生频率较低的行为则不适合。另外，时间取样法只能用于记录行为的频率，不能用于记录行为及行为变化的详细信息。若要了解婴幼儿更为详细的行为表现，可以将时间取样法和文字描述法结合使用，设计相应的表格记录每个观察时间段（如2分钟）婴幼儿某一行为的具体表现。
                    </p>
                    <p>事件取样法是针对事先选好的特定事件进行观察记录的方法，适用于记录有明确开始和结束且发生频率相对较低的行为，如生活习惯行为、收拾玩具行为、冲突行为等。观察者在每一次事先选好的事件自然发生时将事件记录下来，可包括行为发生的时间、背景、原因以及行为变化、行为结果等内容。例如，为了解婴幼儿自主区域活动中的同伴冲突行为情况，可设计婴幼儿同伴冲突行为的观察记录表，如表3-8所示。
                    </p>
                    <p class="img">表3-8 婴幼儿同伴冲突行为的观察记录表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0081-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0081-2.jpg" /></p>
                    <p>在运用事件取样法进行观察记录前，为节约时间，教师可将事先设计好的观察事件用代码或符号表示。</p>
                    <p>此外，教师观察记录婴幼儿游戏时还可以采用图示法。它是教师综合运用文字、代码、线条等方式记录的一种方法。这种方法使用较为简便，结果呈现直观、形象，主要适用于记录婴幼儿的活动轨迹，直观地反映婴幼儿游戏过程中的选择倾向与停留时间等。比如，教师观察的某个婴幼儿在感统室游戏的情况，如图3-1所示。
                    </p>
@@ -809,8 +823,8 @@
            </div>
        </div>
        <!-- 70页 -->
        <div class="page-box" page="78">
            <div v-if="showPageList.indexOf(78) > -1">
        <div class="page-box" page="80">
            <div v-if="showPageList.indexOf(80) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -848,8 +862,8 @@
            </div>
        </div>
        <!-- 71页 -->
        <div class="page-box" page="79">
            <div v-if="showPageList.indexOf(79) > -1">
        <div class="page-box" page="81">
            <div v-if="showPageList.indexOf(81) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -881,8 +895,8 @@
            </div>
        </div>
        <!-- 72页 -->
        <div class="page-box" page="80">
            <div v-if="showPageList.indexOf(80) > -1">
        <div class="page-box" page="82">
            <div v-if="showPageList.indexOf(82) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -892,18 +906,18 @@
                </ul>
                <div class="bodystyle">
                    <p class="img">表3-9 婴幼儿游戏环境评价表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0084-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0084-1.jpg" /></p>
                    <p>（2）对教师游戏指导行为的评价</p>
                    <p>教师细致的观察与科学的指导行为有助于促进婴幼儿在游戏活动中获得全面发展，而教师盲目的介入与不合理的指导行为则可能会对婴幼儿的发展起到阻碍作用。因此，对教师游戏指导行为进行科学评价有助于促进教师调整和改善游戏指导行为与策略，反思游戏指导效果，从而充分发挥婴幼儿游戏的教育价值。教育管理者或教师可参考表3-10对婴幼儿游戏的指导行为进行评价。
                    </p>
                    <p class="img">表3-10 婴幼儿游戏活动指导评价表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0084-2-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0084-2-1.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 73页 -->
        <div class="page-box" page="81">
            <div v-if="showPageList.indexOf(81) > -1">
        <div class="page-box" page="83">
            <div v-if="showPageList.indexOf(83) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -914,7 +928,7 @@
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0084-2-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0084-2-2.jpg" /></p>
                    <h5 id="e066">2.婴幼儿游戏发展水平的评价</h5>
                    <p>婴幼儿游戏发展水平的评价主要是指对婴幼儿游戏行为本身进行的评价，主要通过观察婴幼儿在游戏活动中的行为表现来分析评判婴幼儿的发展水平。评价的主要内容包括评价婴幼儿在游戏中的目的性、主动性、情绪状态、兴趣与参与度、专注程度、动作发展、认知水平、语言能力、社交与合作能力、规则意识、创造性等。
                    </p>
@@ -922,13 +936,13 @@
                    <p>评价婴幼儿游戏发展水平时，教师应主要采用过程性评价，根据婴幼儿在游戏活动过程中的具体行为和表现分析与评价婴幼儿的发展水平。教师也可以利用表3-11对婴幼儿游戏的各个方面进行量化评价，大致了解婴幼儿游戏发展水平。
                    </p>
                    <p class="img">表3-11 婴幼儿游戏发展水平的一般性评价表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0085-1-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0085-1-1.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 74页 -->
        <div class="page-box" page="82">
            <div v-if="showPageList.indexOf(82) > -1">
        <div class="page-box" page="84">
            <div v-if="showPageList.indexOf(84) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -938,13 +952,13 @@
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0085-1-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0085-1-2.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 75页 -->
        <div class="page-box" page="83">
            <div v-if="showPageList.indexOf(83) > -1">
        <div class="page-box" page="85">
            <div v-if="showPageList.indexOf(85) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -958,13 +972,13 @@
                    <p>①婴幼儿动作游戏发展水平的评价。婴幼儿动作游戏主要侧重培养婴幼儿的精细动作和粗大动作。这类游戏活动的评价内容除一般性发展水平关注的游戏兴趣、自主性、专注程度等外，主要关注婴幼儿游戏活动中的动作发展水平。表3-12是婴幼儿动作发展进程表，以供教师在分析评价婴幼儿动作游戏发展水平时作为参考。
                    </p>
                    <p class="img">表3-12 婴幼儿动作发展进程表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0087-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0087-1.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 76页 -->
        <div class="page-box" page="84">
            <div v-if="showPageList.indexOf(84) > -1">
        <div class="page-box" page="86">
            <div v-if="showPageList.indexOf(86) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -976,13 +990,13 @@
                    <p>②婴幼儿认知游戏发展水平的评价。认知是人对客观世界的认识活动。婴幼儿认知是一种复杂的心理活动，主要包括感知觉、注意、记忆、思维、想象等心理因素。婴幼儿最初的认识游戏活动是感知觉活动，主要通过感官游戏来促进视觉、听觉、触觉、味觉和嗅、味觉等感知觉的发展。这为婴幼儿进行较高层次的认知活动奠定了基础。下面分别列出了婴幼儿感官发展和认知发展进程表，以供教师在观察、评价与分析婴幼儿认知游戏水平时参考，如表3-13和表3-14所示。
                    </p>
                    <p class="img">表3-13 婴幼儿感官发展进程表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0088-1-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0088-1-1.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 77页 -->
        <div class="page-box" page="85">
            <div v-if="showPageList.indexOf(85) > -1">
        <div class="page-box" page="87">
            <div v-if="showPageList.indexOf(87) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -993,15 +1007,15 @@
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0088-1-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0088-1-2.jpg" /></p>
                    <p class="img">表3-14 婴幼儿认知发展进程表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0089-1-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0089-1-1.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 78页 -->
        <div class="page-box" page="86">
            <div v-if="showPageList.indexOf(86) > -1">
        <div class="page-box" page="88">
            <div v-if="showPageList.indexOf(88) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1011,17 +1025,17 @@
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0089-1-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0089-1-2.jpg" /></p>
                    <p>③婴幼儿语言游戏发展水平的评价。婴幼儿语言游戏是促进婴幼儿正确发音和语言理解与表达能力发展的重要方式。教师要评价婴幼儿游戏活动中的语言发展水平，必须充分了解婴幼儿各个年龄段的语言发展特点和水平。下面列出的婴幼儿语言发展进程表可供教师参考，如表3-15所示。
                    </p>
                    <p class="img">表3-15 婴幼儿语言发展进程表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0090-1-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0090-1-1.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 79页 -->
        <div class="page-box" page="87">
            <div v-if="showPageList.indexOf(87) > -1">
        <div class="page-box" page="89">
            <div v-if="showPageList.indexOf(89) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -1032,7 +1046,7 @@
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0090-1-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0090-1-2.jpg" /></p>
                    <p>④婴幼儿情绪情感与社会性发展水平的评价。</p>
                    <p>婴幼儿一出生便是具有情绪情感的社会人，婴幼儿情绪情感与社会性发展随着年龄的增长呈现出由简单直接到逐渐丰富的特点。0～3岁婴幼儿不仅已经发展了喜怒哀乐等基本情绪，也逐渐表现出了害羞、内疚、焦虑、嫉妒等情绪。下面列出的婴幼儿情绪情感和社会性发展进程表以供教师参考，如表3-16所示。
                    </p>
@@ -1040,8 +1054,8 @@
            </div>
        </div>
        <!-- 80页 -->
        <div class="page-box" page="88">
            <div v-if="showPageList.indexOf(88) > -1">
        <div class="page-box" page="90">
            <div v-if="showPageList.indexOf(90) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1051,13 +1065,13 @@
                </ul>
                <div class="bodystyle">
                    <p class="img">表3-16 婴幼儿情绪情感与社会性发展进程表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0092-1-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0092-1-1.jpg" /></p>
                </div>
            </div>
        </div>
        <!-- 81页 -->
        <div class="page-box" page="89">
            <div v-if="showPageList.indexOf(89) > -1">
        <div class="page-box" page="91">
            <div v-if="showPageList.indexOf(91) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -1068,7 +1082,7 @@
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0092-1-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0092-1-2.jpg" /></p>
                    <h5 id="e067">3.婴幼儿角色游戏与结构游戏能力的评价</h5>
                    <p>角色游戏和结构游戏是婴幼儿比较常见的游戏活动。早教或托育机构可设置娃娃家、医院、超市等为主题的角色游戏区，也可设置投放丰富的积木和积塑材料的结构游戏区。教师可参考如下评价表分别对婴幼儿的角色游戏和结构游戏水平进行分析与评价，如表3-17和表3-18所示。
                    </p>
@@ -1076,8 +1090,8 @@
            </div>
        </div>
        <!-- 82页 -->
        <div class="page-box" page="90">
            <div v-if="showPageList.indexOf(90) > -1">
        <div class="page-box" page="92">
            <div v-if="showPageList.indexOf(92) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1087,9 +1101,9 @@
                </ul>
                <div class="bodystyle">
                    <p class="img">表3-17 婴幼儿角色游戏评价表<sup title="《学前儿童发展与教育评价手册》，950～951页，北京，北京师范大学出版社，1994。">①</sup></p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0094-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0094-1.jpg" /></p>
                    <p class="img">表3-18 婴幼儿结构游戏评价表<sup title="陈帼眉：《学前儿童发展与教育评价手册》，952页，北京，北京师范大学出版社，1994。">②</sup></p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0094-2-1.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0094-2-1.jpg" /></p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1">①</a>&emsp;陈帼眉：《学前儿童发展与教育评价手册》，950～951页，北京，北京师范大学出版社，1994。</p>
@@ -1100,8 +1114,8 @@
            </div>
        </div>
        <!-- 83页 -->
        <div class="page-box" page="91">
            <div v-if="showPageList.indexOf(91) > -1">
        <div class="page-box" page="93">
            <div v-if="showPageList.indexOf(93) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -1112,7 +1126,7 @@
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0094-2-2.jpg" /></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0094-2-2.jpg" /></p>
                    <div class="bk2 show-after">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                        <p class="center"><span class="ls2">2～3岁幼儿游戏的实施</span></p>
@@ -1133,8 +1147,8 @@
            </div>
        </div>
        <!-- 84页 -->
        <div class="page-box" page="92">
            <div v-if="showPageList.indexOf(92) > -1">
        <div class="page-box" page="94">
            <div v-if="showPageList.indexOf(94) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1168,8 +1182,8 @@
            </div>
        </div>
        <!-- 85页 -->
        <div class="page-box" page="93">
            <div v-if="showPageList.indexOf(93) > -1">
        <div class="page-box" page="95">
            <div v-if="showPageList.indexOf(95) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块三</li>
                    <li class="headerText">婴幼儿游戏设计与指导</li>
@@ -1193,6 +1207,12 @@
                    <p>3.婴幼儿游戏观察的步骤有哪些？</p>
                    <p>4.婴幼儿游戏评价的意义和原则有哪些？</p>
                    <p>5.小组任务：和小组成员一起讨论设计一个0～3岁婴幼儿游戏方案。请教师修改完善后分工合作到亲友家或托育机构找到相应年龄段婴幼儿进行组织实施，并选择恰当的观察与记录方法进行观察记录，分析评价婴幼儿游戏发展水平，完成后写一份活动心得。
                    </p>
                        <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
                    </p>
                      <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/0060_04.jpg" />
                    </p>
                </div>
            </div>
@@ -1247,6 +1267,18 @@
                    five: "",
                    six: "",
                }
            },
            textQuestionData: {
                one: "",
                two: "",
                three: "",
                four: "",
                five: "",
                six: "",
                seven: "",
                eight: "",
                nine: "",
                ten: "",
            }
        }
    },
@@ -1262,6 +1294,13 @@
        if (questionData) {
            this.questionData = JSON.parse(questionData);
        }


        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter003-textQuestionData");
        if (textQuestionData) {
            this.textQuestionData = JSON.parse(textQuestionData);
        }

    },
    methods: {
        setBookQuestion() {
@@ -1276,6 +1315,13 @@
                JSON.stringify(this.questionData)
            );
        },

        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter003-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        }
    }
}
</script>

 src/books/toddlerGameImplementation/view/components/chapter004.vue

@@ -1,13 +1,13 @@
<template>
    <div class="chapter" num="5">
        <!-- 86页 -->
        <div class="page-box" page="94">
            <div v-if="showPageList.indexOf(94) > -1">
        <div class="page-box" page="96">
            <div v-if="showPageList.indexOf(96) > -1">
                <div style="display: flex;">
                    <div class="img-0">
                    <div class="img-h">
                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%;" />
                    </div>
                    <div class="" style="margin:0 10% 0 3%; padding: 10% 0 22% 0;">
                    <div class="w80" style="margin:0 10% 0 3%; padding: 10% 0 20% 0;">
                        <h1 id="a008" class="ta-l">学习模块四</h1>
                        <p class="h1-zt">婴幼儿动作游戏设计与指导</p>
                        <div class="bj1">
@@ -17,17 +17,18 @@
                            <p>我们以“学”带“练”，在充分了解各知识点的基础上，呼吁学习者能够动手操作练一练，为实践做好全方面准备。</p>
                        </div>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
                        <p class="center"><img class="w80" alt="" src="../../assets/images/0098-1.jpg" /></p>
                        <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0098-1.jpg" /></p>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
                        <p class="fm-KH">亲爱的同学们，欢迎大家来到本模块的学习。学习本模块前，建议大家对接早教机构、亲子园、托育园所或家庭中的0～1岁、1～2岁、2～3岁这三个年龄段的婴幼儿，实施分阶段式动作发展情况及能力水平调研，将调研结果进行可行性分析，从中获取0～3岁婴幼儿动作发展的确切信息并形成一定的动态数据，为本模块的学习提供前期经验。
                        <p class="fm-KH">
                            亲爱的同学们，欢迎大家来到本模块的学习。学习本模块前，建议大家对接早教机构、亲子园、托育园所或家庭中的0～1岁、1～2岁、2～3岁这三个年龄段的婴幼儿，实施分阶段式动作发展情况及能力水平调研，将调研结果进行可行性分析，从中获取0～3岁婴幼儿动作发展的确切信息并形成一定的动态数据，为本模块的学习提供前期经验。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 87页 -->
        <div class="page-box" page="95">
            <div v-if="showPageList.indexOf(95) > -1">
        <div class="page-box" page="97">
            <div v-if="showPageList.indexOf(97) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -109,8 +110,8 @@
            </div>
        </div>
        <!-- 88页 -->
        <div class="page-box" page="96">
            <div v-if="showPageList.indexOf(96) > -1">
        <div class="page-box" page="98">
            <div v-if="showPageList.indexOf(98) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -120,12 +121,22 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>小花8个月了，爸爸妈妈将她送到了托育中心。入托后，小花妈妈向托育教师说出了最近特别困扰自己的问题：小花在练习爬的时候只会贴床打转或者后退。看着同龄宝宝都顺利向前爬行了，妈妈有点着急。教师安抚了小花妈妈的情绪，并解释了小花出现此情况的原因；同时结合腹爬训练为小花专门设计了腹爬动作小游戏，还指导小花的爸爸妈妈在家如何和小花一起玩此类型游戏。没过多久小花就能自如地向前爬了。
                    <p class="fm-fzfs">
                        小花8个月了，爸爸妈妈将她送到了托育中心。入托后，小花妈妈向托育教师说出了最近特别困扰自己的问题：小花在练习爬的时候只会贴床打转或者后退。看着同龄宝宝都顺利向前爬行了，妈妈有点着急。教师安抚了小花妈妈的情绪，并解释了小花出现此情况的原因；同时结合腹爬训练为小花专门设计了腹爬动作小游戏，还指导小花的爸爸妈妈在家如何和小花一起玩此类型游戏。没过多久小花就能自如地向前爬了。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.为什么小花不能向前爬而是贴床打转或者后退？</p>
                    <textarea v-model="textQuestionData.one" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.爬行对儿童发展有着怎样的意义？</p>
                    <textarea v-model="textQuestionData.two" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.你能想到哪些有趣的游戏来锻炼婴儿的腹爬能力？</p>
                    <textarea v-model="textQuestionData.three" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c031">一、0～3个月婴儿动作游戏设计与指导</h3>
                    <h4 id="d056">（一）设计依据</h4>
                    <p>在粗大动作发展方面，0～3个月婴儿的动作以原始的反射动作和初步自主动作为主。反射动作是人类个体最早出现的动作形式，也是儿童生命最初几个月里早期动作的重要组成部分。0～1个月婴儿的头可以从一边转向另一边。1～3个月的婴儿俯卧时能抬头，并自主左右转动头部。3个月的婴儿由前臂支撑可以把头抬离水平面呈45°，能在竖抱的情况下将头直立片刻。对于0～3个月婴儿而言，最早出现的自主动作是对颈部的控制。头颈部活动是婴儿扩大视线范围、探索周围环境的最早途径，同时也是这个年龄粗大运动的主要发展目标。
@@ -147,8 +158,8 @@
            </div>
        </div>
        <!-- 89页 -->
        <div class="page-box" page="97">
            <div v-if="showPageList.indexOf(97) > -1">
        <div class="page-box" page="99">
            <div v-if="showPageList.indexOf(99) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -190,15 +201,16 @@
                        <h4 id="d060">（一）设计依据</h4>
                        <p>4～6个月婴儿的粗大动作整体发展相较于前三个月有了明显提升。他们俯趴抬头时能把头和肩膀抬起，也可以自如地左右转头。随着年龄的增长，他们的大肌肉群发展加快，因此俯卧抬头能力发展迅速，基本能将头抬至90°。此年龄段的婴儿在粗大动作发展方面较之前体现得更有力量一些，会有意识地翻身，开始尝试从一侧仰卧到俯卧翻身，动作熟练后会延展到另一侧仰卧到俯卧的翻身，最后到双侧熟练并自由切换连续翻滚。他们的“踏步反射”比较明显，可由成人扶腋下站立几秒。经过一段时间的拉坐练习，他们可以背靠支撑物独坐30秒以上。
                        </p>
                        <p>在精细动作发展方面，婴儿对自己的手脚特别感兴趣，手脚经常一起舞动；视力的发展促使其可以初步采用手眼协调的方式进行手掌主动并有目的性地抓物，能手握摇铃不断摇动，情绪愉悦。在“口欲期” 的初
                        <p>在精细动作发展方面，婴儿对自己的手脚特别感兴趣，手脚经常一起舞动；视力的发展促使其可以初步采用手眼协调的方式进行手掌主动并有目的性地抓物，能手握摇铃不断摇动，情绪愉悦。在“口欲期”
                            的初步展现期，婴儿会将自己的拳头或者能够用手抓握到的任何物品都送入口中，体现全掌抓握的能力；也喜欢用手将柔软的纸弄成一团，会尝试简单撕纸。
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 90页 -->
        <div class="page-box" page="98">
            <div v-if="showPageList.indexOf(98) > -1">
        <div class="page-box" page="100">
            <div v-if="showPageList.indexOf(100) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -207,9 +219,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        步展现期，婴儿会将自己的拳头或者能够用手抓握到的任何物品都送入口中，体现全掌抓握的能力；也喜欢用手将柔软的纸弄成一团，会尝试简单撕纸。
                    </p>
                    <p>在个体动作发展方面，此年龄段的婴儿开始不断尝试“身体运动”。他们在身心愉悦时会不由自主地进行各种各样的翻身运动。在粗大动作发展方面，翻身练习成了此年龄段婴儿动作发展的主要方向。在精细动作发展方面，婴儿手指的灵活性不断增强，全掌抓握的欲望日益增强，会主动抓握住离自己最近的物品送入口中。在此年龄段，家长要确保婴儿送入口中的物品是安全的和卫生的。
                    </p>
                    <h4 id="d061">（二）设计目标与内容</h4>
@@ -249,8 +258,8 @@
            </div>
        </div>
        <!-- 91页 -->
        <div class="page-box" page="99">
            <div v-if="showPageList.indexOf(99) > -1">
        <div class="page-box" page="101">
            <div v-if="showPageList.indexOf(101) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -286,8 +295,8 @@
            </div>
        </div>
        <!-- 92页 -->
        <div class="page-box" page="100">
            <div v-if="showPageList.indexOf(100) > -1">
        <div class="page-box" page="102">
            <div v-if="showPageList.indexOf(102) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -326,15 +335,16 @@
                    <span>
                        <p>在精细动作发展方面，婴儿的手眼协调能力及手指力量不断增强。10个月的婴儿可以摆手跟他人示意再见，可以用夹子将毛球从一个碗内夹进另一个碗内。此年龄段的婴儿喜欢模仿成人或同伴，可以试着让婴儿自己尝试学习用勺进餐。11个月时婴儿能主动打开礼物的包装纸，也能几页几页地翻书，可全手握笔在纸上留下痕迹。12个月的婴儿可以顺利地将手中的东西递给别人，可将小豆子、小丸子等细小的东西投入瓶中，特别喜欢扯纸、撕纸和扔物品。
                        </p>
                        <p>在独立行走的初始阶段，婴儿会有意识地进行行走练习：扶物侧走—扶物向前行
                        </p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 93页 -->
        <div class="page-box" page="101">
            <div v-if="showPageList.indexOf(101) > -1">
        <div class="page-box" page="103">
            <div v-if="showPageList.indexOf(103) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -344,8 +354,8 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        走—脱离扶物到独自尝试向前迈步—勇敢且平稳地向前练习迈步—能平稳向前行走。这样的行走动作发展过程是大部分婴儿学习行走的过程。家长需给予一定的时间促进其平稳发展。精细动作发展的需求日趋明显，婴儿愿意尝试参与到生活当中各种需要用到小手的活动。在环境及物品安全的情况下，家长需要多提供可操作的精细动作材料给婴儿，用以发展婴儿的精细动作，促进婴儿感知觉的发展。
                    <p>
                        在独立行走的初始阶段，婴儿会有意识地进行行走练习：扶物侧走—扶物向前行走—脱离扶物到独自尝试向前迈步—勇敢且平稳地向前练习迈步—能平稳向前行走。这样的行走动作发展过程是大部分婴儿学习行走的过程。家长需给予一定的时间促进其平稳发展。精细动作发展的需求日趋明显，婴儿愿意尝试参与到生活当中各种需要用到小手的活动。在环境及物品安全的情况下，家长需要多提供可操作的精细动作材料给婴儿，用以发展婴儿的精细动作，促进婴儿感知觉的发展。
                    </p>
                    <h4 id="d069">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是锻炼行走能力；二是锻炼双手配合能力。</p>
@@ -373,8 +383,8 @@
            </div>
        </div>
        <!-- 94页 -->
        <div class="page-box" page="102">
            <div v-if="showPageList.indexOf(102) > -1">
        <div class="page-box" page="104">
            <div v-if="showPageList.indexOf(104) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -408,8 +418,8 @@
            </div>
        </div>
        <!-- 95页 -->
        <div class="page-box" page="103">
            <div v-if="showPageList.indexOf(103) > -1">
        <div class="page-box" page="105">
            <div v-if="showPageList.indexOf(105) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -487,8 +497,8 @@
            </div>
        </div>
        <!-- 96页 -->
        <div class="page-box" page="104">
            <div v-if="showPageList.indexOf(104) > -1">
        <div class="page-box" page="106">
            <div v-if="showPageList.indexOf(106) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -498,11 +508,18 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>蕊蕊即将满2周岁，性格活泼开朗，喜欢参加户外活动。白天，由爷爷奶奶带其去小区与同龄孩子一起玩，晚餐过后爸爸妈妈也会带其出门散步。蕊蕊非常独立，自1岁3个月开始独立行走比较平稳后，出门都不让人抱，都是自己走。最近，爸爸妈妈发现了蕊蕊行走姿势不正确的问题，蕊蕊在行走过程中总会将右脚内扣着走。爸爸妈妈尝试让蕊蕊走地面直线辅助其改正不良的行走姿势，但效果不明显。因此，爸爸妈妈现在感到很苦恼，害怕蕊蕊走路“内八”影响以后的整体气质。
                    <p class="fm-fzfs">
                        蕊蕊即将满2周岁，性格活泼开朗，喜欢参加户外活动。白天，由爷爷奶奶带其去小区与同龄孩子一起玩，晚餐过后爸爸妈妈也会带其出门散步。蕊蕊非常独立，自1岁3个月开始独立行走比较平稳后，出门都不让人抱，都是自己走。最近，爸爸妈妈发现了蕊蕊行走姿势不正确的问题，蕊蕊在行走过程中总会将右脚内扣着走。爸爸妈妈尝试让蕊蕊走地面直线辅助其改正不良的行走姿势，但效果不明显。因此，爸爸妈妈现在感到很苦恼，害怕蕊蕊走路“内八”影响以后的整体气质。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.为什么蕊蕊的左脚走路姿势正确，右脚走路会出现内扣的情况？</p>
                    <textarea v-model="textQuestionData.four" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.怎么辅助蕊蕊改正不良的行走姿势？请列举有趣的游戏来辅助改正。</p>
                    <textarea v-model="textQuestionData.five" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c035">一、1～1.5岁幼儿动作游戏设计与指导</h3>
                    <h4 id="d072">（一）设计依据</h4>
                    <p>此年龄段属于幼儿粗大动作中技巧动作的发展期，也是其独立行走的稳定阶段。在13～14个月，大部分幼儿开始蹒跚学步，独立行走时还不太稳健，常张开双手以保持身体平衡；可用手推撑身体两侧地面使身体重心移至脚步，从而独立站立起来。15～16个月的幼儿基本能进行独立行走，行走时不再左摇右摆，在成人一只手的牵引下可以上楼梯。17～18月的幼儿可以自如、稳健地行走，可以自己扶着栏杆上下楼梯，但耐力不太强，也能过肩扔球，只是方向性不是很好。
@@ -524,8 +541,8 @@
            </div>
        </div>
        <!-- 97页 -->
        <div class="page-box" page="105">
            <div v-if="showPageList.indexOf(105) > -1">
        <div class="page-box" page="107">
            <div v-if="showPageList.indexOf(107) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -567,15 +584,13 @@
                    <span>
                        <p>在精细动作发展方面，19～20个月的幼儿手眼协调能力更强了，能熟练地玩穿珠游戏，可将积木向上垒高5～6层；开始喜欢玩橡皮泥，能将橡皮泥随意揉、捏等。21～22个月的幼儿搭积木能力不断增强，能搭积木7～8层；会一次翻一页书；会转动把手将门打开。23～24个月的幼儿会自主穿袜子、裤子、鞋子和戴手套，可拧开瓶盖取出瓶中物品。
                        </p>
                        <p>骨骼发展及神经系统发展的需求使此年龄段的幼儿喜欢跑动、跳跃及攀爬类运
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 98页 -->
        <div class="page-box" page="106">
            <div v-if="showPageList.indexOf(106) > -1">
        <div class="page-box" page="108">
            <div v-if="showPageList.indexOf(108) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -584,8 +599,8 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        动，全身粗大动作发展到稳定阶段，生活中粗大动作发展需求相继增强；手眼协调能力不断增强，可用手操作积木、翻阅绘本等；自我服务能力也相继出现，洗脸、擦脸、用纸巾擦嘴都能完成。
                    <p>
                        骨骼发展及神经系统发展的需求使此年龄段的幼儿喜欢跑动、跳跃及攀爬类运动，全身粗大动作发展到稳定阶段，生活中粗大动作发展需求相继增强；手眼协调能力不断增强，可用手操作积木、翻阅绘本等；自我服务能力也相继出现，洗脸、擦脸、用纸巾擦嘴都能完成。
                    </p>
                    <h4 id="d077">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是锻炼双脚同时起跳的能力；二是锻炼随意跑的能力；三是锻炼手指灵活度。</p>
@@ -616,8 +631,8 @@
            </div>
        </div>
        <!-- 99页 -->
        <div class="page-box" page="107">
            <div v-if="showPageList.indexOf(107) > -1">
        <div class="page-box" page="109">
            <div v-if="showPageList.indexOf(109) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -660,8 +675,8 @@
            </div>
        </div>
        <!-- 100页 -->
        <div class="page-box" page="108">
            <div v-if="showPageList.indexOf(108) > -1">
        <div class="page-box" page="110">
            <div v-if="showPageList.indexOf(110) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -738,8 +753,8 @@
            </div>
        </div>
        <!-- 101页 -->
        <div class="page-box" page="109">
            <div v-if="showPageList.indexOf(109) > -1">
        <div class="page-box" page="111">
            <div v-if="showPageList.indexOf(111) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -750,11 +765,18 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>2岁半的歆歆是个性格内向、不爱表达的小女孩。由于工作繁忙，长辈没空帮忙照顾，因此家长将其送去了早教中心入读托班。刚入读托班时，歆歆出现了轻微的分离焦虑，但过了一周就适应了早教中心的集体生活。在户外活动时，刘老师发现了歆歆与别的孩子不同：进入户外场地前需要幼儿下一个六级台阶，每层台阶的高度不超过幼儿的承受能力，但每次上下台阶时歆歆都是用双手、双脚配合爬上楼梯的。基于此情况，刘老师与家长进行了沟通，并在歆歆的心理及行为动作上进行了指导，效果显著。半个月后，歆歆就与其他孩子一样能够独立自主用双脚交替上下楼梯了。
                    <p class="fm-fzfs">
                        2岁半的歆歆是个性格内向、不爱表达的小女孩。由于工作繁忙，长辈没空帮忙照顾，因此家长将其送去了早教中心入读托班。刚入读托班时，歆歆出现了轻微的分离焦虑，但过了一周就适应了早教中心的集体生活。在户外活动时，刘老师发现了歆歆与别的孩子不同：进入户外场地前需要幼儿下一个六级台阶，每层台阶的高度不超过幼儿的承受能力，但每次上下台阶时歆歆都是用双手、双脚配合爬上楼梯的。基于此情况，刘老师与家长进行了沟通，并在歆歆的心理及行为动作上进行了指导，效果显著。半个月后，歆歆就与其他孩子一样能够独立自主用双脚交替上下楼梯了。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.进入集体生活中的歆歆为什么会出现用“爬”的方式上下楼梯？</p>
                    <textarea v-model="textQuestionData.six" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.如果你是刘老师，你会采用什么方法辅助幼儿双脚交替上下楼梯？</p>
                    <textarea v-model="textQuestionData.seven" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c037">一、2～2.5岁幼儿动作游戏设计与指导</h3>
                    <h4 id="d080">（一）设计依据</h4>
                    <p>此年龄段的幼儿粗大动作发育更加成熟，基本能掌握跳、跑、攀登等复杂的粗大动作。25～27个月的幼儿能踩小凳爬到椅面上够取高处桌面上的玩具，能独自上楼梯，可单足站2秒以上，双脚同时跳下最后一个台阶能站稳，双足跳远后也能站稳，可接住滚来的球。28～30个月的幼儿的粗大动作发展能力表现为：跳跃能力增强，可越过障碍物跳，单侧化发展越来越好，骑车时能够左右脚交替，相互合作，可用足尖走在线上且能拐弯，能单脚站5秒，能自由地走平衡木（10厘米高、15厘米宽）。
@@ -769,15 +791,15 @@
                    <h4 id="d082">（三）实例分析</h4>
                    <div class="bk2 show-after">
                        <p><b>游戏主题：</b>夹豆豆</p>
                        <p><b>游戏玩法：</b>给孩子准备一些彩色小棉球、两个碗、一个宽头木夹和一个尖头木夹。在一个碗内放入5颗同色系小棉球，让孩子手拿宽头木夹将小棉球夹入另一个空着的碗内。熟练操作后可将同色系小
                        <p><b>游戏玩法：</b>给孩子准备一些彩色小棉球、两个碗、一个宽头木夹和一个尖头木夹。在一个碗内放入5颗同色系小棉球，让孩子手拿宽头木夹将小棉球夹入另一个空着的碗内。熟练操作后可将同色系小棉球换成彩色小棉球，数量可适当增加3～5颗。也可将宽头木夹更换成尖头木夹，增加游戏难度，提升孩子的精细操作能力。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 102页 -->
        <div class="page-box" page="110">
            <div v-if="showPageList.indexOf(110) > -1">
        <div class="page-box" page="112">
            <div v-if="showPageList.indexOf(112) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -787,9 +809,6 @@
                </ul>
                <div class="bodystyle">
                    <div class="bk2">
                        <p class="td-0">
                            棉球换成彩色小棉球，数量可适当增加3～5颗。也可将宽头木夹更换成尖头木夹，增加游戏难度，提升孩子的精细操作能力。
                        </p>
                        <p><b>游戏建议：</b></p>
                        <p>（1）游戏开展前可为孩子逐一介绍游戏材料及使用方法。</p>
                        <p>（2）游戏遵循由易到难、由简单到复杂的原则。</p>
@@ -809,6 +828,8 @@
                    <p>第三，当幼儿完成得非常顺利时，家长应给予肯定与表扬。</p>
                    <h3 id="c038">二、2.5～3岁幼儿动作游戏设计与指导</h3>
                    <h4 id="d084">（一）设计依据</h4>
                    <p>身体动作的灵活与平衡能力的不断增强，促使此年龄段幼儿的粗大动作发展迅速。31～33个月的幼儿能登上3层攀登架，能过肩抛球2米以上，会骑上三轮车直行和转弯；同时能接住1米远抛来的球，喜欢玩运动器械，特别爱玩与皮球相关的各种游戏。34～36个月的幼儿的运动能力大大提升，能单脚站立片刻，并能保持平衡不摔倒；不用手扶栏杆也能双足平稳交替上楼梯，会向前进行立定跳远（距离在30厘米左右），能攀高爬低。
                    </p>
                    <div class="img-float w120">
                        <div class="bk">
                            <div class="bk1">
@@ -818,17 +839,21 @@
                        </div>
                    </div>
                    <span>
                        <p>身体动作的灵活与平衡能力的不断增强，促使此年龄段幼儿的粗大动作发展迅速。31～33个月的幼儿能登上3层攀登架，能过肩抛球2米以上，会骑上三轮车直行和转弯；同时能接住1米远抛来的球，喜欢玩运动器械，特别爱玩与皮球相关的各种游戏。34～36个月的幼儿的运动能力大大提升，能单脚站立片刻，并能保持平衡不摔倒；不用手扶栏杆也能双足平稳交替上楼梯，会向前进行立定跳远（距离在30厘米左右），能攀高爬低。
                        </p>
                        <p>手部精细动作的发展也更细化、更灵活。31～33个月的幼儿手持画笔可在纸上顺利画出横线、竖线，会解开衣扣，而且可以进行拼搭的活动。33～36个月的幼儿会折纸，折成正方形、长方形或者三角形，边角整齐；能模仿画十字形；能向杯中倒水，可控制水流量。
                        </p>
                        <p>这一阶段的幼儿虽然已将身体基本动作掌握牢固，但生活中各项粗大动作发展需求比较大，因此还需要加强复杂动作和技巧性动作的练习，如跑、跳与平衡能力的练习。这是对其身体发育的一项新的挑战。这一阶段也需加强幼儿手部精细动作的训练。幼儿喜欢玩一些需要手指配合灵巧的、比较复杂的玩具，如拧或旋转玩具螺丝、描图、橡皮泥等。
                        </p>
                        <h4 id="d085">（二）设计目标与内容</h4>
                        <p>游戏目标为：一是锻炼平衡能力；二是锻炼手指灵活性。</p>
                        <p>此年龄段的幼儿对于颜色的认识有了一定的基础，喜爱暖色系，也热爱各类小动物。因此可以将生活中常见小动物与各色彩纸相结合，创设手部精细动作训练游戏，用于锻炼幼儿的手部灵活性、手眼协调能力和专注力。
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 103页 -->
        <div class="page-box" page="111">
            <div v-if="showPageList.indexOf(111) > -1">
        <div class="page-box" page="113">
            <div v-if="showPageList.indexOf(113) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块四</li>
                    <li class="headerText">婴幼儿动作游戏设计与指导</li>
@@ -838,12 +863,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p>这一阶段的幼儿虽然已将身体基本动作掌握牢固，但生活中各项粗大动作发展需求比较大，因此还需要加强复杂动作和技巧性动作的练习，如跑、跳与平衡能力的练习。这是对其身体发育的一项新的挑战。这一阶段也需加强幼儿手部精细动作的训练。幼儿喜欢玩一些需要手指配合灵巧的、比较复杂的玩具，如拧或旋转玩具螺丝、描图、橡皮泥等。
                    </p>
                    <h4 id="d085">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是锻炼平衡能力；二是锻炼手指灵活性。</p>
                    <p>此年龄段的幼儿对于颜色的认识有了一定的基础，喜爱暖色系，也热爱各类小动物。因此可以将生活中常见小动物与各色彩纸相结合，创设手部精细动作训练游戏，用于锻炼幼儿的手部灵活性、手眼协调能力和专注力。
                    </p>

                    <h4 id="d086">（三）实例分析</h4>
                    <div class="bk2">
                        <p><b>游戏主题：</b>小鱼穿花衣</p>
@@ -864,21 +884,6 @@
                    <h5 id="e091">3.游戏玩法的设计</h5>
                    <p>游戏先利用小故事情节及成人的操作示范展开，然后过渡到让幼儿自主创作，从而发展幼儿的独立思考能力及创造能力。游戏当中有非常多的细节设计有利于幼儿各项能力的发展。比如，在游戏材料颜色的选择上，可由单一颜色到多种颜色进行选择与创造；在辅助材料的材质上，也可多向选择。
                    </p>

                </div>
            </div>
        </div>
        <!-- 104页 -->
        <div class="page-box" page="112">
            <div v-if="showPageList.indexOf(112) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>104</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d087">（四）指导要点</h4>
                    <p>第一，在游戏过程中，当幼儿遇到操作难题时，家长不要急于给予帮助，应以语言引导其想办法解决。因为此年龄段的幼儿可以成为解决问题的主体，已经具备了解决问题的能力。</p>
                    <p>第二，在游戏过程中，家长可全程陪伴，以便了解幼儿的游戏水平。</p>
@@ -887,6 +892,21 @@
                        <p>幼儿在2～3岁这个年龄段，身体基本动作发展居于稳定状态。年龄特征和身体发展特点促使本年龄段幼儿的技巧性动作不断发展。根据幼儿的日常活动发展情况，许多幼儿不太爱待在家里，喜欢出去玩。多数家长会担心幼儿经常参加户外活动有安全隐患。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 104页 -->
        <div class="page-box" page="114">
            <div v-if="showPageList.indexOf(114) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>104</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">

                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <p>1.（单选）幼儿开始学习走路时会用（　　）方法前进。</p>
                    <p>A.蹦蹦跳跳</p>
@@ -942,6 +962,18 @@
                    five: "",
                    six: "",
                }
            },
            textQuestionData: {
                one: "",
                two: "",
                three: "",
                four: "",
                five: "",
                six: "",
                seven: "",
                eight: "",
                nine: "",
                ten: "",
            }
        }
    },
@@ -950,6 +982,11 @@
        if (bookQuestion) {
            this.tableData = JSON.parse(bookQuestion);
        }

        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter004-textQuestionData");
        if (textQuestionData) {
            this.textQuestionData = JSON.parse(textQuestionData);
        }
    },
    methods: {
        setBookQuestion() {
@@ -957,7 +994,14 @@
                "toddleGame-book-chapter04-tableData",
                JSON.stringify(this.tableData)
            );
        }
        },

        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter004-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        },
    }
}
</script>

 src/books/toddlerGameImplementation/view/components/chapter005.vue

@@ -1,8 +1,8 @@
<template>
    <div class="chapter" num="6">
        <!-- 105页 -->
        <div class="page-box" page="113">
            <div v-if="showPageList.indexOf(113) > -1">
        <div class="page-box" page="115">
            <div v-if="showPageList.indexOf(115) > -1">
                <div style="display: flex; width: 100%;">
                    <div class="img-h">
                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%;" />
@@ -15,17 +15,18 @@
                            </p>
                        </div>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
                        <p class="center"><img class="w80" alt="" src="../../assets/images/0117-1.jpg" /></p>
                        <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0117-1.jpg" /></p>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
                        <p class="fm-KH">尝试与婴幼儿玩藏找游戏。首先，收集一些物品作为游戏道具，先放在婴幼儿能看得见的地方；其次，将婴幼儿安置在物品中间，选一样物品藏起来，让婴幼儿来寻找；最后，在图片中挑出对应的图片让婴幼儿根据图片找出配对的物品。这个游戏对婴幼儿有哪些发展价值？日常生活中有哪些物品适合用来开展此游戏？游戏设计与组织还需要做哪些改进？请记录你的游戏体验与思考。学完本模块后再来看看最初的记录。
                        <p class="fm-KH">
                            尝试与婴幼儿玩藏找游戏。首先，收集一些物品作为游戏道具，先放在婴幼儿能看得见的地方；其次，将婴幼儿安置在物品中间，选一样物品藏起来，让婴幼儿来寻找；最后，在图片中挑出对应的图片让婴幼儿根据图片找出配对的物品。这个游戏对婴幼儿有哪些发展价值？日常生活中有哪些物品适合用来开展此游戏？游戏设计与组织还需要做哪些改进？请记录你的游戏体验与思考。学完本模块后再来看看最初的记录。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 106页 -->
        <div class="page-box" page="114">
            <div v-if="showPageList.indexOf(114) > -1">
        <div class="page-box" page="116">
            <div v-if="showPageList.indexOf(116) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -104,8 +105,8 @@
            </div>
        </div>
        <!-- 107页 -->
        <div class="page-box" page="115">
            <div v-if="showPageList.indexOf(115) > -1">
        <div class="page-box" page="117">
            <div v-if="showPageList.indexOf(117) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -116,12 +117,22 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>有一位妈妈来托育中心求助，她向工作人员详细介绍了自己孩子的情况：小小1岁多的时候就感觉比其他孩子成长得慢一点，听不懂自己的名字，平时叫他也没有反应。小小的妈妈有点着急。教师安抚了小小妈妈，并分析了出现此情况的原因。同时教师围绕看东西、对声音有反应等训练点设计了“看东西”“听听说话声”的认知游戏，还指导小小的爸爸妈妈在家如何与小小一起开展此类游戏。训练了一段时间后，小小对声音的敏感性显著提高，慢慢地也能听懂自己的名字了。
                    <p class="fm-fzfs">
                        有一位妈妈来托育中心求助，她向工作人员详细介绍了自己孩子的情况：小小1岁多的时候就感觉比其他孩子成长得慢一点，听不懂自己的名字，平时叫他也没有反应。小小的妈妈有点着急。教师安抚了小小妈妈，并分析了出现此情况的原因。同时教师围绕看东西、对声音有反应等训练点设计了“看东西”“听听说话声”的认知游戏，还指导小小的爸爸妈妈在家如何与小小一起开展此类游戏。训练了一段时间后，小小对声音的敏感性显著提高，慢慢地也能听懂自己的名字了。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.为什么爸爸妈妈叫小小的时候，小小没有反应？</p>
                    <textarea v-model="textQuestionData.one" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.听声音对婴幼儿的发展有怎样的意义？</p>
                    <textarea v-model="textQuestionData.two" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.你能想到还有哪些有趣的游戏来锻炼婴幼儿的感知觉？</p>
                    <textarea v-model="textQuestionData.three" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c039">一、0～3个月婴儿认知游戏设计与指导</h3>
                    <h4 id="d088">（一）设计依据</h4>
                    <h5 id="e092">1.认知发展的特点</h5>
@@ -135,8 +146,8 @@
            </div>
        </div>
        <!-- 108页 -->
        <div class="page-box" page="116">
            <div v-if="showPageList.indexOf(116) > -1">
        <div class="page-box" page="118">
            <div v-if="showPageList.indexOf(118) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -149,7 +160,8 @@
                        <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                        <p>表5-1为0～3个月婴儿触觉发育参考表。</p>
                        <p class="img">表5-1 0～3个月婴儿触觉发育参考表</p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0120-1.jpg" /></p>
                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0120-1.jpg" />
                        </p>
                        <p>资料来源:【意]蒙台梭利,《蒙台梭利早教方案--0~3岁感官系统训练全书》，薛莎莎编译，20 页，北京，北京理工大学出版社，2013。</p>
                    </div>
                    <p>其四，知觉发展。婴儿在出生的头半年就已开始发展各种知觉，如形状知觉、深度知觉、时间知觉等。出生十几天的新生儿就能分辨物体的形状。随着年龄增长，他们越来越喜欢复杂且对比性强的形状。</p>
@@ -174,8 +186,8 @@
            </div>
        </div>
        <!-- 109页 -->
        <div class="page-box" page="117">
            <div v-if="showPageList.indexOf(117) > -1">
        <div class="page-box" page="119">
            <div v-if="showPageList.indexOf(119) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -215,8 +227,8 @@
            </div>
        </div>
        <!-- 110页 -->
        <div class="page-box" page="118">
            <div v-if="showPageList.indexOf(118) > -1">
        <div class="page-box" page="120">
            <div v-if="showPageList.indexOf(120) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -257,14 +269,12 @@
                        <p>D.5～6个月</p>
                        <p>参考答案：A。</p>
                    </div>
                    <p>在记忆力发展方面，婴儿最初的记忆是无意记忆。虽是无意中不知不觉的记忆，但带有明显的情感色彩。4个月的婴儿出现明显的记忆现象，表现为能认出自己熟悉的人和物品，但仅能认出出现间隔较短的事
                    </p>
                </div>
            </div>
        </div>
        <!-- 111页 -->
        <div class="page-box" page="119">
            <div v-if="showPageList.indexOf(119) > -1">
        <div class="page-box" page="121">
            <div v-if="showPageList.indexOf(121) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -274,8 +284,8 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        物；能记住母亲和其他熟悉的人，能区别熟人和陌生人；记忆的保持时间有限，但随着年龄的增长，记忆的保持时间随之增长。5个月的婴儿能再认几天不见的妈妈。比如，当妈妈几天未出现在婴儿眼前时，等妈妈再次出现时婴儿有明显的情绪反应。与此同时，再认范围扩大，婴儿能认出两周前第一次看到的东西。
                    <p>
                        在记忆力发展方面，婴儿最初的记忆是无意记忆。虽是无意中不知不觉的记忆，但带有明显的情感色彩。4个月的婴儿出现明显的记忆现象，表现为能认出自己熟悉的人和物品，但仅能认出出现间隔较短的事物；能记住母亲和其他熟悉的人，能区别熟人和陌生人；记忆的保持时间有限，但随着年龄的增长，记忆的保持时间随之增长。5个月的婴儿能再认几天不见的妈妈。比如，当妈妈几天未出现在婴儿眼前时，等妈妈再次出现时婴儿有明显的情绪反应。与此同时，再认范围扩大，婴儿能认出两周前第一次看到的东西。
                    </p>
                    <h5 id="e098">2.知觉发展的需要</h5>
                    <p>在感知觉发展方面，此年龄段的婴儿较前3个月有了更大的发展。他们对周围事物的兴趣更加浓厚，眼睛转动灵活，喜欢东看看、西瞧瞧，清醒的时间更长，表现出与他人交往的意愿。手眼协调能力的发展能够帮助他们迅速抓住近处的玩具，对成人也表现出更多的互动反应。成人可以通过引导婴儿认识亲人、与他人进行互动、视线手眼协调、知道自己的名字等训练来促进其认知能力的提升。在注意力和记忆力发展方面，此年龄段的婴儿获取周围信息的方式更多，可以区分男人和女人、熟人和陌生人，出现认生现象。成人可协助婴儿积累更多与生活有关的词汇，熟悉身边的亲人，用丰富的玩具吸引婴儿的注意力，延长他们专心摆弄玩具的时间，从而提升认知的品质。
@@ -284,7 +294,8 @@
                        <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                        <p>表5-2为0～6个月婴儿感官训练参考表。</p>
                        <p class="img">表5-2 0～6个月婴儿感官训练参考表</p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0123-1.jpg" /></p>
                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0123-1.jpg" />
                        </p>
                        <p>资料来源:[意]蒙台梭利,《蒙台梭利早教方案--0~3岁感官系统训练全书》，薛莎莎编译，2页，北京，北京理工大学出版社，2013。</p>
                    </div>
                    <h4 id="d093">（二）设计目标与内容</h4>
@@ -294,15 +305,15 @@
                    <h4 id="d094">（三）实例分析</h4>
                    <div class="bk2 show-after">
                        <p><b>游戏主题：</b>我拿到玩具了</p>
                        <p><b>游戏玩法：</b>地板上铺好地垫，把婴儿安置在地垫上。成人先摆放小球，引导婴儿用五个手指和手掌心抓握小球，并将小球放到对应的筐子里；完成任务后，成人逐一出示不同形状的积木，询问婴儿：“找找看，
                        <p><b>游戏玩法：</b>地板上铺好地垫，把婴儿安置在地垫上。成人先摆放小球，引导婴儿用五个手指和手掌心抓握小球，并将小球放到对应的筐子里；完成任务后，成人逐一出示不同形状的积木，询问婴儿：“找找看，哪一块积木和我手里拿的一样？”“再找找和这一块相同的，这一块是长方形的。”匹配成功后，引导婴儿放到对应筐子里。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 112页 -->
        <div class="page-box" page="120">
            <div v-if="showPageList.indexOf(120) > -1">
        <div class="page-box" page="122">
            <div v-if="showPageList.indexOf(112) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -312,8 +323,6 @@
                </ul>
                <div class="bodystyle">
                    <div class="bk2">
                        <p class="td-0">哪一块积木和我手里拿的一样？”“再找找和这一块相同的，这一块是长方形的。”匹配成功后，引导婴儿放到对应筐子里。
                        </p>
                        <p><b>游戏建议：</b></p>
                        <p>（1）需要留出足够的时间让婴儿进行抓握练习。</p>
                        <p>（2）可引导婴儿进行逐一认识各类玩具，积累生活经验。</p>
@@ -344,15 +353,15 @@
                        <h4 id="d096">（一）设计依据</h4>
                        <h5 id="e102">1.认知发展的特点</h5>
                        <p>感知觉发展的特点包括以下几点。</p>
                        <p>其一，视觉发展。7个月的婴儿随着能够坐立，其可视的范围从左右发展到了上下。面对眼前的事物，他们能在大脑的指挥下将两眼图像整合成一个整体，并能通过调整体位协调视觉。与此同时，婴儿也能在较长时间内看3～3.5米远的人物活动。8个月时，婴儿的视力已达到成人的2/3，具备了能够判断距离的能力，能辨别物体的远近和空间，能分辨人物的细微差别，辨别物体的颜色、大小、形状及移动的速度等，并对容器内的空间感兴趣。4～8个月的婴儿在颜色偏好上保持稳定，即喜欢波长较长的暖色调、明亮的颜色，不喜欢冷
                        <p>其一，视觉发展。7个月的婴儿随着能够坐立，其可视的范围从左右发展到了上下。面对眼前的事物，他们能在大脑的指挥下将两眼图像整合成一个整体，并能通过调整体位协调视觉。与此同时，婴儿也能在较长时间内看3～3.5米远的人物活动。8个月时，婴儿的视力已达到成人的2/3，具备了能够判断距离的能力，能辨别物体的远近和空间，能分辨人物的细微差别，辨别物体的颜色、大小、形状及移动的速度等，并对容器内的空间感兴趣。4～8个月的婴儿在颜色偏好上保持稳定，即喜欢波长较长的暖色调、明亮的颜色，不喜欢冷色调、暗淡的颜色。8个月的婴儿能尝试指认对比度较为明显的颜色。
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 113页 -->
        <div class="page-box" page="121">
            <div v-if="showPageList.indexOf(121) > -1">
        <div class="page-box" page="123">
            <div v-if="showPageList.indexOf(123) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -362,9 +371,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        色调、暗淡的颜色。8个月的婴儿能尝试指认对比度较为明显的颜色。
                    </p>
                    <p>其二，听觉发展。7个月的婴儿能迅速地追踪声音，在视野外的声音也能寻找。8个月时，微弱的声音靠近时婴儿也能转头寻找声源；能够倾听自己和他人发出的声音，并能把声音和内容建立联系。在辨音能力上，7个月时婴儿已能分辨不同物体敲打的声响。9个月的婴儿会模仿动物的叫声，对外界声音（如车声、雷声等）表示关注，开始尝试理解“不行”等指令性语言并做出相应动作。
                    </p>
                    <p>其三，触觉发展。从7个月开始，婴儿进入手口并用时期，表现为他们经常抓到东西就往嘴里塞。7个月的婴儿已会用手来进行触觉探索，喜欢触摸柔软、光滑和他们喜欢的东西。此外，他们还喜欢用滚动来体验对身体各部位的触觉刺激带来的快乐体验。
@@ -386,13 +392,14 @@
                    <h4 id="d097">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是提高观察力，训练思考能力；二是发展客体永久性概念，提高游戏技能；三是培养专注力。</p>
                    <p>此年龄段的婴儿正经历一个好奇心极强也是较为重要的早期探索阶段。他们对周围一切充满了好奇
                        心，很容易从一个活动转移到另一个活动。与此同时，该阶段正值模仿形成阶段。婴儿喜欢模仿家长的声音和动作，但往往不够准确。因而，这一阶段需要提高婴儿的观察力，训练婴儿的思考能力，并在进一步发展客体永久性概念过程中提高游戏技能，进而提升专注力，为后续的成长打下基础。
                    </p>
                </div>
            </div>
        </div>
        <!-- 114页 -->
        <div class="page-box" page="122">
            <div v-if="showPageList.indexOf(122) > -1">
        <div class="page-box" page="124">
            <div v-if="showPageList.indexOf(124) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -401,9 +408,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        心，很容易从一个活动转移到另一个活动。与此同时，该阶段正值模仿形成阶段。婴儿喜欢模仿家长的声音和动作，但往往不够准确。因而，这一阶段需要提高婴儿的观察力，训练婴儿的思考能力，并在进一步发展客体永久性概念过程中提高游戏技能，进而提升专注力，为后续的成长打下基础。
                    </p>
                    <h4 id="d098">（三）实例分析</h4>
                    <div class="bk2">
                        <p><b>游戏主题：</b>寻宝大行动</p>
@@ -438,15 +442,15 @@
                        <h3 id="c042">四、10～12个月婴儿认知游戏设计与指导</h3>
                        <h4 id="d100">（一）设计依据</h4>
                        <h5 id="e107">1.认知发展的特点</h5>
                        <p>感知觉发展的特点包括以下几点。其一，视觉发展。10个月的婴儿开始观察物体
                        <p>感知觉发展的特点包括以下几点。其一，视觉发展。10个月的婴儿开始观察物体的属性，可以识别许多熟悉的人、地点和物体的名字，能分别指认多种颜色，如红、黄、蓝、绿、紫、灰、棕、橙等。其二，听觉发展。11个月的婴儿能模仿成人发音，能听懂较复杂的指令和跟随音乐的节拍摆动身体。其三，触觉发展。10～12个月的婴儿开始发展触觉局部化与触觉辨识技能，能大概根据身体感觉知道当前触摸部位并做出自觉反应，也可估略辨识所摸到的物品是什么。其四，知觉发展。此时的婴儿已经能够觉察空间深度，并能感知物体是立体的。
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 115页 -->
        <div class="page-box" page="123">
            <div v-if="showPageList.indexOf(123) > -1">
        <div class="page-box" page="125">
            <div v-if="showPageList.indexOf(125) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -456,9 +460,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        的属性，可以识别许多熟悉的人、地点和物体的名字，能分别指认多种颜色，如红、黄、蓝、绿、紫、灰、棕、橙等。其二，听觉发展。11个月的婴儿能模仿成人发音，能听懂较复杂的指令和跟随音乐的节拍摆动身体。其三，触觉发展。10～12个月的婴儿开始发展触觉局部化与触觉辨识技能，能大概根据身体感觉知道当前触摸部位并做出自觉反应，也可估略辨识所摸到的物品是什么。其四，知觉发展。此时的婴儿已经能够觉察空间深度，并能感知物体是立体的。
                    </p>
                    <p>10～12个月的婴儿在注意和记忆发展上同前一阶段的趋势基本一致，突出的成长体现在思维上。在思维发展方面，11个月的婴儿开始产生具体的、形象的思维，表现为他们能够借助物体的具体形象来学习词汇，并且通过观察成人的动作、行为来推测成人的意图，进而做出反应。这也意味着婴儿的推理能力显著提升。此外，婴儿行动的有意性也在逐渐加强。
                    </p>
                    <div class="bk2">
@@ -478,15 +479,15 @@
                    <h4 id="d102">（三）实例分析</h4>
                    <div class="bk2 show-after">
                        <p><b>游戏主题：</b>是方的还是圆的？</p>
                        <p><b>游戏玩法：</b>成人和婴儿合作搭积木，先将一块积木搭在另一块积木上，再试着把塑料球搭在第二块积木上。婴儿尝试了几次，发现塑料球总是掉下来，滚到一边去了。这时，成人再拿出一块方形积木，让婴儿搭上去，发现成功了。成功后，成人同时出示塑料球和方形积木，引导婴儿选择其一搭上第三块积木，要保证
                        <p><b>游戏玩法：</b>成人和婴儿合作搭积木，先将一块积木搭在另一块积木上，再试着把塑料球搭在第二块积木上。婴儿尝试了几次，发现塑料球总是掉下来，滚到一边去了。这时，成人再拿出一块方形积木，让婴儿搭上去，发现成功了。成功后，成人同时出示塑料球和方形积木，引导婴儿选择其一搭上第三块积木，要保证前三块积木不倒。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 116页 -->
        <div class="page-box" page="124">
            <div v-if="showPageList.indexOf(124) > -1">
        <div class="page-box" page="126">
            <div v-if="showPageList.indexOf(126) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -496,9 +497,6 @@
                </ul>
                <div class="bodystyle">
                    <div class="bk2">
                        <p class="td-0">
                            前三块积木不倒。
                        </p>
                        <p><b>游戏建议：</b></p>
                        <p>（1）要留出足够的时间让婴儿感知塑料球和方形积木的形状。</p>
                        <p>（2）不要急于教婴儿玩，要启发他们自己尝试。</p>
@@ -528,8 +526,8 @@
            </div>
        </div>
        <!-- 117页 -->
        <div class="page-box" page="125">
            <div v-if="showPageList.indexOf(125) > -1">
        <div class="page-box" page="127">
            <div v-if="showPageList.indexOf(127) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -560,8 +558,8 @@
            </div>
        </div>
        <!-- 118页 -->
        <div class="page-box" page="126">
            <div v-if="showPageList.indexOf(126) > -1">
        <div class="page-box" page="128">
            <div v-if="showPageList.indexOf(128) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -639,8 +637,8 @@
            </div>
        </div>
        <!-- 119页 -->
        <div class="page-box" page="127">
            <div v-if="showPageList.indexOf(127) > -1">
        <div class="page-box" page="129">
            <div v-if="showPageList.indexOf(129) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -651,12 +649,21 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>苗苗和丁丁已经14个月了。苗苗的妈妈非常喜欢看书。苗苗每次看见妈妈看书就会凑过去，抢着和妈妈一起看书。</p>
                    <p>丁丁的爸爸喜欢玩电子游戏。每当爸爸开始玩游戏的时候，丁丁也喜欢凑过去看，认真地看着游戏界面，并时不时地做出跟爸爸相似的游戏动作。</p>
                    <p class="fm-fzfs">苗苗和丁丁已经14个月了。苗苗的妈妈非常喜欢看书。苗苗每次看见妈妈看书就会凑过去，抢着和妈妈一起看书。</p>
                    <p class="fm-fzfs">丁丁的爸爸喜欢玩电子游戏。每当爸爸开始玩游戏的时候，丁丁也喜欢凑过去看，认真地看着游戏界面，并时不时地做出跟爸爸相似的游戏动作。</p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.苗苗和丁丁为什么会出现这样的行为？</p>
                    <textarea v-model="textQuestionData.four" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.模仿成人的行为对促进幼儿认知发展有怎样的意义？</p>
                    <textarea v-model="textQuestionData.five" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.你还能想到哪些幼儿在游戏中模仿成人的行为呢？</p>
                    <textarea v-model="textQuestionData.six" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c043">一、1～1.5岁幼儿认知游戏设计与指导</h3>
                    <h4 id="d104">（一）设计依据</h4>
                    <h5 id="e112">1.认知发展的特点</h5>
@@ -685,8 +692,8 @@
            </div>
        </div>
        <!-- 120页 -->
        <div class="page-box" page="128">
            <div v-if="showPageList.indexOf(128) > -1">
        <div class="page-box" page="130">
            <div v-if="showPageList.indexOf(130) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -733,8 +740,8 @@
            </div>
        </div>
        <!-- 121页 -->
        <div class="page-box" page="129">
            <div v-if="showPageList.indexOf(129) > -1">
        <div class="page-box" page="131">
            <div v-if="showPageList.indexOf(131) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -776,8 +783,8 @@
            </div>
        </div>
        <!-- 122页 -->
        <div class="page-box" page="130">
            <div v-if="showPageList.indexOf(130) > -1">
        <div class="page-box" page="132">
            <div v-if="showPageList.indexOf(132) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -818,16 +825,12 @@
                        <p>第一，在游戏开始前，家长可以提供一些有关母亲看护生病孩子的图片或视频，加深幼儿的情感体验。</p>
                        <p>第二，在游戏过程中，家长不可干预太多，但要在幼儿有需要的时候提供适时的支持与指导，从而帮助丰富游戏的内容。</p>
                    </span>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <p>1.（单选）为幼儿设计的“找朋友”的游戏，你认为做法正确的是（　　）。</p>
                    <p>A.适宜年龄应该是1～1.5岁</p>
                    <p>B.每天训练5～6次</p>
                </div>
            </div>
        </div>
        <!-- 123页 -->
        <div class="page-box" page="131">
            <div v-if="showPageList.indexOf(131) > -1">
        <div class="page-box" page="133">
            <div v-if="showPageList.indexOf(133) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -837,6 +840,10 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <p>1.（单选）为幼儿设计的“找朋友”的游戏，你认为做法正确的是（　　）。</p>
                    <p>A.适宜年龄应该是1～1.5岁</p>
                    <p>B.每天训练5～6次</p>
                    <p>C.出示许多袜子、手套、手帕等，让幼儿说出它们的名字</p>
                    <p>D.出示小塑料盆，上面贴着写有“袜子、手套、手帕”字样的标签，让幼儿帮助实物找朋友</p>
                    <p>2.（单选）为幼儿设计的“找相同”的游戏，你认为做法正确的是（　　）。</p>
@@ -861,8 +868,8 @@
            </div>
        </div>
        <!-- 124页 -->
        <div class="page-box" page="132">
            <div v-if="showPageList.indexOf(132) > -1">
        <div class="page-box" page="134">
            <div v-if="showPageList.indexOf(134) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -940,8 +947,8 @@
            </div>
        </div>
        <!-- 125页 -->
        <div class="page-box" page="133">
            <div v-if="showPageList.indexOf(133) > -1">
        <div class="page-box" page="135">
            <div v-if="showPageList.indexOf(135) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -952,16 +959,26 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>2岁的幼儿喜欢到处乱跑，他们喜欢吵吵闹闹，精力似乎无限；他们思维活跃，想要尝试各种事物，学习各种技能。这一天，一群2～3岁的幼儿围坐在一起玩游戏。他们在娃娃家中，在各自的位置玩耍，有做菜的、有照顾小宝宝的。其中，有两个幼儿坐在屋子中间，每人手里拿了一个盘子和一些工具，让水从他们的指缝中往下滴。只见一个幼儿说：“下毛毛雨了，又冷又湿。”另一个幼儿也开始用手指蘸碗里的水开始玩耍。
                    <p class="fm-fzfs">
                        2岁的幼儿喜欢到处乱跑，他们喜欢吵吵闹闹，精力似乎无限；他们思维活跃，想要尝试各种事物，学习各种技能。这一天，一群2～3岁的幼儿围坐在一起玩游戏。他们在娃娃家中，在各自的位置玩耍，有做菜的、有照顾小宝宝的。其中，有两个幼儿坐在屋子中间，每人手里拿了一个盘子和一些工具，让水从他们的指缝中往下滴。只见一个幼儿说：“下毛毛雨了，又冷又湿。”另一个幼儿也开始用手指蘸碗里的水开始玩耍。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.为什么幼儿会说下毛毛雨呢？</p>
                    <textarea v-model="textQuestionData.seven" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.游戏中的玩耍行为对幼儿有怎样的意义？</p>
                    <textarea v-model="textQuestionData.eight" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.你还能想到哪些游戏来促进幼儿想象力的发展？</p>
                    <textarea v-model="textQuestionData.nine" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c045">一、2～2.5岁幼儿认知游戏设计与指导</h3>
                    <h4 id="d112">（一）设计依据</h4>
                    <h5 id="e122">1.认知发展的特点</h5>
                    <p>感知觉发展的特点包括以下几点。其一，视觉发展。该年龄段的幼儿颜色视觉发展很快，在良好的教育环境下，3岁时基本能说出15～20种颜色。他们可以在视觉调节下摆弄各种玩具和物体，但仍然缺乏目的方向性，视觉活动是杂乱的。其二，听觉发展。听觉能力进一步发展，表现为开始能辨别语音，如音强、音调等。接近2.5岁时，约有95%的幼儿能够按照语音指示选择物体。<sup>[1]</sup>其三，触觉发展。2岁开始，幼儿更多是用手去触摸和旋转物体。他们能更精确地分辨物体不同的物理属性，如软硬、轻重等；对大小的概念有了一定的认识。其四，知觉发展。2岁的幼儿逐渐开始发展空间知觉能力。一般来说，他们只能直观地感受自己生活中较近的距离。在时间知觉上，他们已经掌握一些比较笼统的时间概念，如“吃完饭”。
                    <p>感知觉发展的特点包括以下几点。其一，视觉发展。该年龄段的幼儿颜色视觉发展很快，在良好的教育环境下，3岁时基本能说出15～20种颜色。他们可以在视觉调节下摆弄各种玩具和物体，但仍然缺乏目的方向性，视觉活动是杂乱的。其二，听觉发展。听觉能力进一步发展，表现为开始能辨别语音，如音强、音调等。接近2.5岁时，约有95%的幼儿能够按照语音指示选择物体。<sup title="陈国鹏：《0~3岁宝宝智能开发全书》，212页，上海，上海科学技术出版社，2009。">①</sup>其三，触觉发展。2岁开始，幼儿更多是用手去触摸和旋转物体。他们能更精确地分辨物体不同的物理属性，如软硬、轻重等；对大小的概念有了一定的认识。其四，知觉发展。2岁的幼儿逐渐开始发展空间知觉能力。一般来说，他们只能直观地感受自己生活中较近的距离。在时间知觉上，他们已经掌握一些比较笼统的时间概念，如“吃完饭”。
                    </p>
                    <p>在注意力发展方面，2岁的幼儿随着言语的产生和发展，其注意活动进入了更高层次，表现为注意的持续时间、转换、广度、分配都有了进一步发展，但无意注意仍占主导地位。刺激物的特征、教师的引导、幼儿本身的气质和生理状态都可能对注意的发生产生持续影响。
                    </p>
@@ -979,12 +996,19 @@
                        <p>在想象力发展方面，虽然积累的经验增多，言语逐渐发展起来，记忆力有所提高，想象活动也有所发展，但是水平都很低，具体表现为想象的内容非常缺乏，多是对成人生活中的某个动作和活动的简单模仿。
                        </p>
                    </span>

                    <p><br></p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1">①</a>&emsp;陈国鹏：《0~3岁宝宝智能开发全书》，212页，上海，上海科学技术出版社，2009。</p>


                </div>
            </div>
        </div>
        <!-- 126页 -->
        <div class="page-box" page="134">
            <div v-if="showPageList.indexOf(134) > -1">
        <div class="page-box" page="136">
            <div v-if="showPageList.indexOf(136) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1015,14 +1039,14 @@
                    <h5 id="e125">2.发展目标的确立</h5>
                    <p>根据幼儿认知能力发展的年龄特点，确定以下两个目标：①增强对生活过程的了解，提高观察力；②训练对事物的回忆及再现能力，提高记忆力。</p>
                    <h5 id="e126">3.游戏玩法的设计</h5>
                    <p>在家长的引导下，幼儿可以通过模仿视频中的行为，体验模仿学习的乐趣，在积累生活经验的同时，提高观察力。此外，家长引导幼儿模仿人们的良好行为，还能帮助幼儿学习好的行为方式，从而为良好行为习
                    <p>在家长的引导下，幼儿可以通过模仿视频中的行为，体验模仿学习的乐趣，在积累生活经验的同时，提高观察力。此外，家长引导幼儿模仿人们的良好行为，还能帮助幼儿学习好的行为方式，从而为良好行为习惯的养成奠定基础。
                    </p>
                </div>
            </div>
        </div>
        <!-- 127页 -->
        <div class="page-box" page="135">
            <div v-if="showPageList.indexOf(135) > -1">
        <div class="page-box" page="137">
            <div v-if="showPageList.indexOf(137) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -1039,12 +1063,8 @@
                            </div>
                            <p>请设计一个适合训练2～2.5岁幼儿记忆力的认知游戏，请将游戏玩法介绍给你的老师和同学吧！</p>
                        </div>

                    </div>
                    <span>
                        <p class="td-0">
                            惯的养成奠定基础。
                        </p>
                        <h4 id="d115">（四）指导要点</h4>
                        <p>第一，在游戏开始前，家长要把握好视频的筛选标准，以确保视频符合幼儿的年龄特点和身心健康发展需求。</p>
                        <p>第二，在游戏过程中，家长可适当融入记忆方法的学习和训练，也可设计多感官参与记忆的过程。</p>
@@ -1079,8 +1099,8 @@
            </div>
        </div>
        <!-- 128页 -->
        <div class="page-box" page="136">
            <div v-if="showPageList.indexOf(136) > -1">
        <div class="page-box" page="138">
            <div v-if="showPageList.indexOf(138) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1089,7 +1109,7 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <div class="img-float w120">
                    <div class="img-float w130">
                        <div class="bk">
                            <div class="bk1">
                                <p><img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" /></p>
@@ -1119,13 +1139,13 @@
                    <p>根据此年龄段幼儿的认知发展水平和发展目标，设计以训练观察力、发展分析综合能力为主的游戏。该年龄段的幼儿学习兴趣浓厚，愿意探索自己感兴趣的事物。“司机”这一游戏角色是生活中经常能接触到的。有了生活经验的铺垫，游戏得以顺利开展，也能引导幼儿利用已有经验分析情境信息，从而促进思维的发展。
                    </p>
                    <h5 id="e130">2.发展目标的确立</h5>
                    <p>根据幼儿认知能力发展的年龄特点，确定以下两个目标：①训练观察力，理解不同物体代表的寓意；②</p>
                    <p>根据幼儿认知能力发展的年龄特点，确定以下两个目标：①训练观察力，理解不同物体代表的寓意；②发展分析综合能力，促进思维的发展。</p>
                </div>
            </div>
        </div>
        <!-- 129页 -->
        <div class="page-box" page="137">
            <div v-if="showPageList.indexOf(137) > -1">
        <div class="page-box" page="139">
            <div v-if="showPageList.indexOf(139) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块五</li>
                    <li class="headerText">婴幼儿认知游戏设计与指导</li>
@@ -1144,9 +1164,6 @@
                        </div>
                    </div>
                    <span>
                        <p class="td-0">
                            发展分析综合能力，促进思维的发展。
                        </p>
                        <h5 id="e131">3.游戏玩法的设计</h5>
                        <p>在“开车”的游戏情境下，幼儿可以利用已有生活经验，初步了解各角色的职责，又在家长的引导下充分理解情境信息，从而在找物体的不同中提高分析综合能力，进而促进思维的发展。幼儿与家长合作的游戏既能增进亲子间的亲切感，又能增强彼此的了解。
                        </p>
@@ -1185,8 +1202,8 @@
            </div>
        </div>
        <!-- 130页 -->
        <div class="page-box" page="138">
            <div v-if="showPageList.indexOf(138) > -1">
        <div class="page-box" page="140">
            <div v-if="showPageList.indexOf(140) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1244,6 +1261,18 @@
                    five: "",
                    six: "",
                }
            },
            textQuestionData: {
                one: "",
                two: "",
                three: "",
                four: "",
                five: "",
                six: "",
                seven: "",
                eight: "",
                nine: "",
                ten: "",
            }
        }
    },
@@ -1252,6 +1281,11 @@
        if (bookQuestion) {
            this.tableData = JSON.parse(bookQuestion);
        }

        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter005-textQuestionData");
        if (textQuestionData) {
            this.textQuestionData = JSON.parse(textQuestionData);
        }
    },
    methods: {
        setBookQuestion() {
@@ -1259,6 +1293,13 @@
                "toddleGame-book-chapter05-tableData",
                JSON.stringify(this.tableData)
            );
        },

        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter005-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        }
    }
}

 src/books/toddlerGameImplementation/view/components/chapter006.vue

@@ -1,8 +1,8 @@
<template>
    <div class="chapter" num="7">
        <!-- 131页 -->
        <div class="page-box" page="139">
            <div v-if="showPageList.indexOf(139) > -1">
        <div class="page-box" page="141">
            <div v-if="showPageList.indexOf(141) > -1">
                <div style="display: flex; width: 100%;">
                    <div class="img-h">
                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%;" />
@@ -18,9 +18,10 @@

                        </div>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
                        <p class="center"><img class="w80" alt="" src="../../assets/images/0143-1.jpg" /></p>
                        <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0143-1.jpg" /></p>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
                        <p class="fm-KH">童谣中有朗朗上口的语词和优美的韵律，能同时刺激孩子的语感和乐感。成人可以学习几首简单好听的童谣，特别是具有地方特色的摇篮曲或儿歌，在抱着孩子的时候可以轻轻地
                        <p class="fm-KH">
                            童谣中有朗朗上口的语词和优美的韵律，能同时刺激孩子的语感和乐感。成人可以学习几首简单好听的童谣，特别是具有地方特色的摇篮曲或儿歌，在抱着孩子的时候可以轻轻地哼唱。在唱的同时，成人可以伴随着童谣的节奏轻轻晃动孩子的身体或者轻轻地按节拍拍孩子的背，让孩子感觉到童谣的韵律和快乐。
                        </p>
                        <p><br></p>
                    </div>
@@ -28,8 +29,8 @@
            </div>
        </div>
        <!-- 132页 -->
        <div class="page-box" page="140">
            <div v-if="showPageList.indexOf(140) > -1">
        <div class="page-box" page="142">
            <div v-if="showPageList.indexOf(142) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -37,9 +38,6 @@
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <p class="td-0 fm-KH" style="margin: 0 12% 0 8%;">
                    哼唱。在唱的同时，成人可以伴随着童谣的节奏轻轻晃动孩子的身体或者轻轻地按节拍拍孩子的背，让孩子感觉到童谣的韵律和快乐。
                </p>
                <p class="fm-KH" style="margin: 0 12% 0 8%;">请你试着收集几首自己小时候学过或者长大后接触过的童谣，分析这些童谣为什么会受欢迎。</p>
                <div class="rw-bg  mt-20">
                    <div class="bj4">
@@ -110,8 +108,8 @@
            </div>
        </div>
        <!-- 133页 -->
        <div class="page-box" page="141">
            <div v-if="showPageList.indexOf(141) > -1">
        <div class="page-box" page="143">
            <div v-if="showPageList.indexOf(143) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -122,11 +120,18 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>小布丁目前9个月大。因为妈妈要上班，他从100天以后就一直住在奶奶家，由奶奶照料。奶奶一直说小布丁很好带，不像有些孩子一样经常哭闹；就是引逗他，他也不会呵呵地笑，比较平静。刚开始，家人还很开心，感觉生了个“天使宝宝”，但最近家人感觉好像不太对劲，担心他会不会有问题。家人带他到医院去检查，结果其身体发育都正常。
                    <p class="fm-fzfs">
                        小布丁目前9个月大。因为妈妈要上班，他从100天以后就一直住在奶奶家，由奶奶照料。奶奶一直说小布丁很好带，不像有些孩子一样经常哭闹；就是引逗他，他也不会呵呵地笑，比较平静。刚开始，家人还很开心，感觉生了个“天使宝宝”，但最近家人感觉好像不太对劲，担心他会不会有问题。家人带他到医院去检查，结果其身体发育都正常。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.这是怎么回事呢？</p>
                    <textarea v-model="textQuestionData.one" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.你能想到哪些有趣的游戏来帮助小布丁吗？</p>
                    <textarea v-model="textQuestionData.two" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c047">一、0～3个月婴儿语言游戏设计与指导</h3>
                    <h4 id="d120">（一）设计依据</h4>
                    <h5 id="e132">1.语言发展的特点</h5>
@@ -149,8 +154,8 @@
            </div>
        </div>
        <!-- 134页 -->
        <div class="page-box" page="142">
            <div v-if="showPageList.indexOf(142) > -1">
        <div class="page-box" page="144">
            <div v-if="showPageList.indexOf(144) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -182,14 +187,14 @@
                    <h3 id="c048">二、4～6个月婴儿语言游戏设计与指导</h3>
                    <h4 id="d124">（一）设计依据</h4>
                    <h5 id="e137">1.语言发展的特点</h5>
                    <p>一是经常会发出连续的音节。大约从4个月起，婴儿的发音出现了明显的变化，发音中增加了很多重复的、连续的音节。一方面，婴儿的发音较多是对成人的社会性刺激做出的反应；另一方面，发音的内容大多以辅音和元音相结合的音节为主，并且有一个从单音节发声过渡到重叠多音节发声的过程。6个月后，婴儿开
                    <p>一是经常会发出连续的音节。大约从4个月起，婴儿的发音出现了明显的变化，发音中增加了很多重复的、连续的音节。一方面，婴儿的发音较多是对成人的社会性刺激做出的反应；另一方面，发音的内容大多以辅音和元音相结合的音节为主，并且有一个从单音节发声过渡到重叠多音节发声的过程。6个月后，婴儿开始有近似词的发音。当婴儿独自玩耍的时候，或对成人的逗弄做出反应的时候，他们练习着这些更接近说话的声音，如“ba-ba-baba”。
                    </p>
                </div>
            </div>
        </div>
        <!-- 135页 -->
        <div class="page-box" page="143">
            <div v-if="showPageList.indexOf(143) > -1">
        <div class="page-box" page="145">
            <div v-if="showPageList.indexOf(145) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -199,9 +204,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        始有近似词的发音。当婴儿独自玩耍的时候，或对成人的逗弄做出反应的时候，他们练习着这些更接近说话的声音，如“ba-ba-baba”。
                    </p>
                    <p>二是与成人交往中会出现学习语言交际对话规则的雏形。4个月的婴儿在与成人的交往中开始出现下列变化。①婴儿对成人的话语逗弄给予语音应答，仿佛开始说话交谈。②在用语音与成人“对话”时，婴儿出现与成人轮流“说”的倾向，即成人说一句，婴儿发几个音；待成人再说一句，婴儿再发几个音。这种语言交际对话规则的雏形，表明婴儿开始能敏锐地感觉到人们语言交往的基本要求。③当成人和婴儿之间的一段“对话”结束后，婴儿会用发一个或几个音来主动地引起另一段“对话”，从而使这种“交流”继续下去。④4个月以上的婴儿逐渐学会使用不同的语调来表达自己的态度。这种表达往往伴以一定的动作和表情。例如，婴儿用尖叫声或急促上扬的语调，伴以蹬腿、伸手的动作，表明自己不愿意躺下的态度；当目的达到、需求得到满足后，婴儿便会用平静温和的语调或表情来表示愉快的心情。
                    </p>
                    <p>三是能辨别一些语调、语气和音色的变化。这一阶段的婴儿正处于辨调阶段，能区别男声和女声、熟悉和陌生的声音、愤怒和友好的声音，如婴儿能区别母亲与其他人的声音。</p>
@@ -222,14 +224,14 @@
                        <p><b>游戏建议：</b>这类婴儿语言游戏练习只有在婴儿学会讲话前才具有实践意义。当婴儿开始讲话后，成人应能正确地重复每个字的标准发音，而不是重复婴儿的错误发音。</p>
                    </div>
                    <h5 id="e139">1.游戏主题的选择</h5>
                    <p>根据此年龄段婴儿的语言发展特点和需求，设计以在与他人互动中锻炼听音、发音能力为主的游戏。对
                    <p>根据此年龄段婴儿的语言发展特点和需求，设计以在与他人互动中锻炼听音、发音能力为主的游戏。对于这一阶段的婴儿来说，不论是否有人对他们讲话，他们都会发出各种声音。但是如果有人能够耐心为他们示范如何说话，他们就会学得更快。在后续阶段，他们会开始重复自己听到的最多的声音。
                    </p>
                </div>
            </div>
        </div>
        <!-- 136页 -->
        <div class="page-box" page="144">
            <div v-if="showPageList.indexOf(144) > -1">
        <div class="page-box" page="146">
            <div v-if="showPageList.indexOf(146) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -238,9 +240,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        于这一阶段的婴儿来说，不论是否有人对他们讲话，他们都会发出各种声音。但是如果有人能够耐心为他们示范如何说话，他们就会学得更快。在后续阶段，他们会开始重复自己听到的最多的声音。
                    </p>
                    <h5 id="e140">2.发展目标的确立</h5>
                    <p>根据婴儿语言发展的年龄特点，确立以下三个目标：①发展听音、辨音能力；②练习发音；③喜欢模仿，愿意与成人进行互动。</p>
                    <h5 id="e141">3.游戏玩法的设计</h5>
@@ -264,8 +263,8 @@
            </div>
        </div>
        <!-- 137页 -->
        <div class="page-box" page="145">
            <div v-if="showPageList.indexOf(145) > -1">
        <div class="page-box" page="147">
            <div v-if="showPageList.indexOf(147) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -307,8 +306,8 @@
            </div>
        </div>
        <!-- 138页 -->
        <div class="page-box" page="146">
            <div v-if="showPageList.indexOf(146) > -1">
        <div class="page-box" page="148">
            <div v-if="showPageList.indexOf(148) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -338,13 +337,13 @@
                    <p>②在行动中伴随语言刺激，让婴儿学说话。和婴儿说正在做的事情，说他们想要做的事情等。</p>
                    <p>③开展早期阅读，初步培养婴儿良好的阅读习惯和兴趣。教他们学习拿书的方法，掌握阅读的正确姿势，知道阅读后把书归位等。</p>
                    <h4 id="d133">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是能根据声音来调节、控制行动，学会倾听声音，词语的感觉能力增强；二是能理解简</p>
                    <p>游戏目标为：一是能根据声音来调节、控制行动，学会倾听声音，词语的感觉能力增强；二是能理解简单的语言并对能简单的语言做出反应；三是萌发初步阅读的兴趣。</p>
                </div>
            </div>
        </div>
        <!-- 139页 -->
        <div class="page-box" page="147">
            <div v-if="showPageList.indexOf(147) > -1">
        <div class="page-box" page="149">
            <div v-if="showPageList.indexOf(149) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -354,9 +353,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        单的语言并对能简单的语言做出反应；三是萌发初步阅读的兴趣。
                    </p>
                    <p>10～12个月的婴儿开始真正理解成人的语言，并能逐步说出有意义的单词。成人应该给予婴儿充分的语言刺激，提供各种语言素材，让婴儿在听听、看看、说说中感知学习语言。</p>
                    <h4 id="d134">（三）实例分析</h4>
                    <div class="bk2">
@@ -387,8 +383,8 @@
            </div>
        </div>
        <!-- 140页 -->
        <div class="page-box" page="148">
            <div v-if="showPageList.indexOf(148) > -1">
        <div class="page-box" page="150">
            <div v-if="showPageList.indexOf(150) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -434,8 +430,8 @@
            </div>
        </div>
        <!-- 141页 -->
        <div class="page-box" page="149">
            <div v-if="showPageList.indexOf(149) > -1">
        <div class="page-box" page="151">
            <div v-if="showPageList.indexOf(151) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -480,8 +476,8 @@
            </div>
        </div>
        <!-- 142页 -->
        <div class="page-box" page="150">
            <div v-if="showPageList.indexOf(150) > -1">
        <div class="page-box" page="152">
            <div v-if="showPageList.indexOf(152) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -558,8 +554,8 @@
            </div>
        </div>
        <!-- 143页 -->
        <div class="page-box" page="151">
            <div v-if="showPageList.indexOf(151) > -1">
        <div class="page-box" page="153">
            <div v-if="showPageList.indexOf(153) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -570,10 +566,17 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>1岁半的晨晨是个聪明活泼的小男孩，喜欢探究新奇事物，只是说话老说不清楚。家人除了能听懂他说的“爸爸”“妈妈”外，其他都听不懂。对于晨晨的语言表达，家人都很担心。</p>
                    <p class="fm-fzfs">1岁半的晨晨是个聪明活泼的小男孩，喜欢探究新奇事物，只是说话老说不清楚。家人除了能听懂他说的“爸爸”“妈妈”外，其他都听不懂。对于晨晨的语言表达，家人都很担心。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.晨晨的语言表达出现了什么问题？</p>
                    <textarea v-model="textQuestionData.three" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.你能设计什么样的游戏帮助他呢？</p>
                    <textarea v-model="textQuestionData.four" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c051">一、1～1.5岁幼儿语言游戏设计与指导</h3>
                    <h4 id="d136">（一）设计依据</h4>
                    <h5 id="e152">1.语言发展的特点</h5>
@@ -595,8 +598,8 @@
            </div>
        </div>
        <!-- 144页 -->
        <div class="page-box" page="152">
            <div v-if="showPageList.indexOf(152) > -1">
        <div class="page-box" page="154">
            <div v-if="showPageList.indexOf(154) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -630,14 +633,14 @@
                    <h3 id="c052">二、1.5～2岁幼儿语言游戏设计与指导</h3>
                    <h4 id="d140">（一）设计依据</h4>
                    <h5 id="e157">1.语言发展的特点</h5>
                    <p>①理解的词汇和种类逐渐增多，掌握新词的速度增快。这个阶段的幼儿可以将词语连接成较长的句子，
                    <p>①理解的词汇和种类逐渐增多，掌握新词的速度增快。这个阶段的幼儿可以将词语连接成较长的句子，如“妈妈的宝宝”“宝宝的饭”“宝宝的饼没了”等。但幼儿对词义很难达到理解的水平，积累的词语也有限，仅限于日常用语。这个阶段的幼儿以每个月平均说出25个新单词的速度逐渐增加掌握的词汇，24个月的幼儿大约能掌握300个词。这个阶段被称为词汇爆发期。
                    </p>
                </div>
            </div>
        </div>
        <!-- 145页 -->
        <div class="page-box" page="153">
            <div v-if="showPageList.indexOf(153) > -1">
        <div class="page-box" page="155">
            <div v-if="showPageList.indexOf(155) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -647,9 +650,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        如“妈妈的宝宝”“宝宝的饭”“宝宝的饼没了”等。但幼儿对词义很难达到理解的水平，积累的词语也有限，仅限于日常用语。这个阶段的幼儿以每个月平均说出25个新单词的速度逐渐增加掌握的词汇，24个月的幼儿大约能掌握300个词。这个阶段被称为词汇爆发期。
                    </p>
                    <p>②进入双词句或电报句阶段。这个阶段的幼儿会把两个单词连接起来说，中间还有停顿，如“妈妈、饭饭”。他们有时会说3～5个字组成的句子，非常简练，就像成人打电报时的语言，如类似于“宝宝觉觉”“妈妈班班”“奶奶抱抱”等，并能与家长进行简单的交流。
                    </p>
                    <p>③语言理解能力不断提高，出现“一词多义”现象。这个阶段的幼儿能听懂大部分和日常生活有关的语句，能够按照成人语言的提示去支配和调节自己的行为，并且能够用简单的词语表达内心的想法，常常赋予句子更多的意义。比如，婴幼儿说“妈妈饭饭”，既可以表达“饭是妈妈的”，又可以表示“妈妈在吃饭”。另外，此阶段的幼儿的发音也较之前更清晰、更准确。
@@ -679,8 +679,8 @@
            </div>
        </div>
        <!-- 146页 -->
        <div class="page-box" page="154">
            <div v-if="showPageList.indexOf(154) > -1">
        <div class="page-box" page="156">
            <div v-if="showPageList.indexOf(156) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -722,8 +722,8 @@
            </div>
        </div>
        <!-- 147页 -->
        <div class="page-box" page="155">
            <div v-if="showPageList.indexOf(155) > -1">
        <div class="page-box" page="157">
            <div v-if="showPageList.indexOf(157) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -765,8 +765,8 @@
            </div>
        </div>
        <!-- 148页 -->
        <div class="page-box" page="156">
            <div v-if="showPageList.indexOf(156) > -1">
        <div class="page-box" page="158">
            <div v-if="showPageList.indexOf(158) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -798,8 +798,8 @@
            </div>
        </div>
        <!-- 149页 -->
        <div class="page-box" page="157">
            <div v-if="showPageList.indexOf(157) > -1">
        <div class="page-box" page="159">
            <div v-if="showPageList.indexOf(159) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -877,8 +877,8 @@
            </div>
        </div>
        <!-- 150页 -->
        <div class="page-box" page="158">
            <div v-if="showPageList.indexOf(158) > -1">
        <div class="page-box" page="160">
            <div v-if="showPageList.indexOf(160) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -888,11 +888,18 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>小宝最近越来越爱问问题，越来越多地问“那是什么？”“电视上的那个人为什么皮肤那么黑？”“天上的星星为什么发亮？”“小鸟为什么会飞？”“我怎么没有长翅膀？”“太阳会不会掉下去？”“星星为什么是一闪一闪的？”……有的时候，问得妈妈都招架不住了。
                    <p class="fm-fzfs">
                        小宝最近越来越爱问问题，越来越多地问“那是什么？”“电视上的那个人为什么皮肤那么黑？”“天上的星星为什么发亮？”“小鸟为什么会飞？”“我怎么没有长翅膀？”“太阳会不会掉下去？”“星星为什么是一闪一闪的？”……有的时候，问得妈妈都招架不住了。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.为什么小宝会出现“好问”的情况？</p>
                    <textarea v-model="textQuestionData.five" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.你能设计什么游戏满足小宝语言发展的需求呢？</p>
                    <textarea v-model="textQuestionData.six" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c053">一、2～2.5岁幼儿语言游戏设计与指导</h3>
                    <h4 id="d144">（一）设计依据</h4>
                    <h5 id="e162">1.语言发展的特点</h5>
@@ -909,12 +916,14 @@
                    <p>该阶段的幼儿会对节奏轻快、内容简单、朗朗上口的儿歌表现出很大兴趣，还会跟随音乐节奏“手舞足蹈”。成人可以给他们播放一些简单、欢快的儿歌视频或音频，让他们在快乐的氛围中提升语言能力。</p>
                    <h4 id="d145">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是能够说出主谓宾结构完整的简单句；二是知道使用“不”表达自己的想法；三是喜欢背诵简单的儿歌。</p>
                    <p>这一阶段的幼儿在生活中与成人有了进一步的互动交流。成人会经常哼念一些简单有趣的儿歌给幼儿听，并且也会经常向幼儿提问，引发其关注周围环境和生活。此阶段的幼儿在成人的语言刺激和引导下能够回答成人提出的简单的问题，语言表达中也会用“不”的否定句来表达想法。
                    </p>
                </div>
            </div>
        </div>
        <!-- 151页 -->
        <div class="page-box" page="159">
            <div v-if="showPageList.indexOf(159) > -1">
        <div class="page-box" page="161">
            <div v-if="showPageList.indexOf(161) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -924,8 +933,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p>这一阶段的幼儿在生活中与成人有了进一步的互动交流。成人会经常哼念一些简单有趣的儿歌给幼儿听，并且也会经常向幼儿提问，引发其关注周围环境和生活。此阶段的幼儿在成人的语言刺激和引导下能够回答成人提出的简单的问题，语言表达中也会用“不”的否定句来表达想法。
                    </p>

                    <h4 id="d146">（三）实例分析</h4>
                    <div class="bk2">
                        <p><b>游戏主题：</b>他在做什么</p>
@@ -948,12 +956,19 @@
                    <p>第一，在游戏开始前，成人可以和幼儿面对面坐下，并和幼儿进行简单的儿歌律动，如“请你跟我这样做”，安定他们的情绪。</p>
                    <p>第二，在游戏过程中，成人拿出照片给幼儿看，用语言提示，如“××，今天我们来玩一个好玩的游戏请你来说一说他在做什么”，引导幼儿说出。当幼儿没有说出完整的句子时，成人可以适当引导幼儿说出他在做××。从幼儿感兴趣的人和事开始，并且一次不能给幼儿过多的照片，以免增加幼儿的压力，减弱游戏的趣味性。
                    </p>
                    <h3 id="c054">二、2.5～3岁幼儿语言游戏设计与指导</h3>
                    <h4 id="d148">（一）设计依据</h4>
                    <h5 id="e167">1.语言发展的特点</h5>
                    <p>①能够说出比较复杂的句子。此阶段的幼儿说出的语句变得更加复杂，能够说出包含七八个甚至更多词的句子，如“昨天爸爸带我去了游戏乐园开小火车”。还有一部分语言能力发展比较快的幼儿表述的句子里会出现“如果”“但是”等表示假定、转折的连接词，如“我想看电视，但是妈妈不同意”。
                    </p>
                    <p>②会使用一些礼貌用语。此阶段的幼儿语言能力、社会性能力都会有进步与发展，因此会习得特定的礼貌用语，如“请”“谢谢”等。幼儿不仅能够理解这些礼貌用语的含义，也能够知道如何使用，如在受到他人帮助时会说“谢谢”；需要成人帮助时会说“请”；与他人道别时会说“再见”等。
                    </p>
                </div>
            </div>
        </div>
        <!-- 152页 -->
        <div class="page-box" page="160">
            <div v-if="showPageList.indexOf(160) > -1">
        <div class="page-box" page="162">
            <div v-if="showPageList.indexOf(162) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -962,13 +977,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c054">二、2.5～3岁幼儿语言游戏设计与指导</h3>
                    <h4 id="d148">（一）设计依据</h4>
                    <h5 id="e167">1.语言发展的特点</h5>
                    <p>①能够说出比较复杂的句子。此阶段的幼儿说出的语句变得更加复杂，能够说出包含七八个甚至更多词的句子，如“昨天爸爸带我去了游戏乐园开小火车”。还有一部分语言能力发展比较快的幼儿表述的句子里会出现“如果”“但是”等表示假定、转折的连接词，如“我想看电视，但是妈妈不同意”。
                    </p>
                    <p>②会使用一些礼貌用语。此阶段的幼儿语言能力、社会性能力都会有进步与发展，因此会习得特定的礼貌用语，如“请”“谢谢”等。幼儿不仅能够理解这些礼貌用语的含义，也能够知道如何使用，如在受到他人帮助时会说“谢谢”；需要成人帮助时会说“请”；与他人道别时会说“再见”等。
                    </p>
                    <p>③早期阅读能力提高。随着幼儿语言理解能力和表达能力的提高，成人可以和幼儿进行更加深入的亲子阅读。此阶段的幼儿在听完成人讲故事后，通常能准确说出故事的主人公是谁，还能简要复述故事的大概情节。成人可以在讲故事中提问，如“这个故事里面都有谁啊？”“这个故事里都发生了什么事情？”并且此阶段的幼儿还喜欢听重复的故事和重复的语言。他们在重复的过程中不断地以自己的速度吸收、学习，并加深对某些词语和某些内容的印象。
                    </p>
                    <h5 id="e168">2.语言发展的需求</h5>
@@ -979,28 +987,11 @@
                    <p>游戏目标为：一是能用复杂的句子表达自己的想法；二是阅读完一本图画书后，能说出故事的主人公是谁；三是愿意使用礼貌用语与他人交往。</p>
                    <p>此阶段的幼儿各方面能力的发展都取得了很大进步，为即将到来的幼儿园集体生活做好了准备。要适应集体生活首先要知道使用礼貌用语与他人交往，并且能用复杂的句子表达自己的需求和想法。</p>
                    <h4 id="d150">（三）实例分析</h4>
                    <div class="bk2 show-after">
                    <div class="bk2">
                        <p><b>游戏主题：</b>讲故事填空</p>
                        <p><b>游戏准备：</b>绘本故事和画册。</p>
                        <p><b>游戏玩法：</b></p>
                        <p>（1）成人讲故事之前与幼儿商量好由幼儿扮演某个角色或者负责模仿某些声音，并在讲故事的过程中择机停顿下来用语调启发、提示幼儿主动参与，然后继续讲下去。</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 153页 -->
        <div class="page-box" page="161">
            <div v-if="showPageList.indexOf(161) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>153</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <div class="bk2 show-after">
                        <p>（2）当幼儿熟悉和喜欢上游戏之后，可以让他们担当更多角色或者承担更多任务。</p>
                        <p><b>游戏建议：</b></p>
                        <p>（1）开始时无论幼儿表现如何都不要批评和纠错，以免影响幼儿参与讲故事的兴趣，而且对幼儿的努力和点滴进步都应该及时表扬。</p>
@@ -1011,6 +1002,22 @@
                    </p>
                    <h5 id="e170">2.发展目标的确定</h5>
                    <p>根据幼儿语言发展的年龄特点，确立以下三个目标：①喜欢听故事，愿意与成人互动；②能够说出故事中的主要角色并尝试模仿，提高表达和扮演的能力；③理解故事内容，了解讲故事填空游戏的规则。</p>

                </div>
            </div>
        </div>
        <!-- 153页 -->
        <div class="page-box" page="163">
            <div v-if="showPageList.indexOf(163) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>153</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e171">3.游戏玩法的设计</h5>
                    <p>语言承载着文化，一个个小故事的背后都隐含着有益的价值观念，如友爱、互助、乐观、勇敢等。让幼儿听故事，鼓励他们参与到讲故事的游戏当中，更好、更快地促进幼儿语言能力的发展；同时，让幼儿担任故事的某些角色，更能提高幼儿参与游戏的主动性和积极性，还能帮助幼儿获得分工协作的经验。
                    </p>
@@ -1018,7 +1025,7 @@
                    <p>第一，在游戏开始前，成人和幼儿先熟悉绘本故事的内容。</p>
                    <p>第二，游戏中，成人交代清楚游戏的规则，让幼儿先扮演有趣且语言简单的角色，再慢慢过渡到语言复杂的角色。</p>
                    <p>第三，成人要声情并茂地讲述故事，激发幼儿参与的兴趣。</p>
                    <div class="bk2 show-after">
                    <div class="bk2">
                        <p><b>拓展游戏示例</b></p>
                        <p><b>1.锻炼听力的游戏</b></p>
                        <p><b>游戏主题：</b>让我们来找错</p>
@@ -1032,22 +1039,6 @@
                        <p>（1）可以为幼儿多准备一些卡片。</p>
                        <p>（2）可以让其他成人参与进来，增强游戏的趣味性。</p>
                        <p>（3）如果幼儿一时分辨不出来，成人可以适当提醒幼儿，引导他们做出正确的判断。</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 154页 -->
        <div class="page-box" page="162">
            <div v-if="showPageList.indexOf(162) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>154</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <div class="bk2">
                        <p><b>2.锻炼口语的游戏</b></p>
                        <p><b>游戏主题：</b>你来问，我来答</p>
                        <p><b>游戏目的：</b>利用问答的方法，提高口语表达能力；了解生活中常见的事物和现象；喜欢与成人互动。</p>
@@ -1061,18 +1052,32 @@
                        <p>成人要有韵律地念这些问题，也要让幼儿有韵律地回答，并要求说完整的话，不能只说“是××”。</p>
                        <p>对于每个问题，幼儿可以做出几种不同的回答。问题难度可以逐渐加大。</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 154页 -->
        <div class="page-box" page="164">
            <div v-if="showPageList.indexOf(164) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>154</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <div class="bk2 show-after">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                        <p>2008年，上海市教育委员会印发《上海市0-3岁婴幼儿教养方案》，对语言发展分月龄提出了具体的观察要点，如表6-1所示。</p>
                        <p class="img">表6-1 0～36个月婴幼儿语言发展观察要点（节选）</p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0166-1-1.jpg" /></p>
                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0166-1.jpg" /></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 155页 -->
        <div class="page-box" page="163">
            <div v-if="showPageList.indexOf(163) > -1">
        <div class="page-box" page="165">
            <div v-if="showPageList.indexOf(165) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块六</li>
                    <li class="headerText">婴幼儿语言游戏设计与指导</li>
@@ -1082,10 +1087,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <div class="bk2">

                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0166-1-2.jpg" /></p>
                    </div>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <p>1.幼儿不仅能够理解一些礼貌用语的含义，也能够知道如何使用。比如，在受到他人帮助时会说“谢谢”；需要成人帮助时会说“请”；与他人道别时会说“再见”等。这是（　　）岁幼儿的语言发展特点。</p>
                    <p>A.1～1.5</p>
@@ -1148,6 +1149,18 @@
                    five: "",
                    six: "",
                }
            },
            textQuestionData: {
                one: "",
                two: "",
                three: "",
                four: "",
                five: "",
                six: "",
                seven: "",
                eight: "",
                nine: "",
                ten: "",
            }
        }
    },
@@ -1156,6 +1169,11 @@
        if (bookQuestion) {
            this.tableData = JSON.parse(bookQuestion);
        }

        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter006-textQuestionData");
        if (textQuestionData) {
            this.textQuestionData = JSON.parse(textQuestionData);
        }
    },
    methods: {
        setBookQuestion() {
@@ -1163,6 +1181,12 @@
                "toddleGame-book-chapter06-tableData",
                JSON.stringify(this.tableData)
            );
        },
        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter006-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        }
    }
}

 src/books/toddlerGameImplementation/view/components/chapter007.vue

@@ -1,8 +1,8 @@
<template>
    <div class="chapter" num="8">
        <!-- 156页 -->
        <div class="page-box" page="164">
            <div v-if="showPageList.indexOf(164) > -1">
        <div class="page-box" page="166">
            <div v-if="showPageList.indexOf(166) > -1">
                <div style="display: flex; width: 100%;">
                    <div class="img-h">
                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%;" />
@@ -15,9 +15,11 @@
                            </p>
                        </div>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
                        <p class="center"><img class="w80" alt="" src="../../assets/images/0168-1.jpg" /></p>
                        <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0168-1.jpg" /></p>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
                        <p class="fm-KH">2岁3个月的依依最近特别爱哭。只要有小朋友碰一下她或者拿一下她的玩具，她就坐地上大声哭起来。旁边的家人想去询问她发生了什么事情。妈妈很严厉地说：“不要去理她，</p>
                        <p class="fm-KH">
                            2岁3个月的依依最近特别爱哭。只要有小朋友碰一下她或者拿一下她的玩具，她就坐地上大声哭起来。旁边的家人想去询问她发生了什么事情。妈妈很严厉地说：“不要去理她，越理她哭得越凶；不理她反而等下就不哭了。”你认为依依妈妈的做法正确吗？学完本模块后再来一起分析。
                        </p>
                        <p><br></p>
                    </div>
                </div>
@@ -34,9 +36,6 @@
                        <span>157</span>
                    </li>
                </ul>
                <p class="td-0 fm-KH" style="margin: 0 10% 0 10%;">
                    越理她哭得越凶；不理她反而等下就不哭了。”你认为依依妈妈的做法正确吗？学完本模块后再来一起分析。
                </p>
                <div class="rw-bg ml-9 mt-20">
                    <div class="bj4">
                        <div class="bj5">
@@ -118,12 +117,22 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>3个多月的豆豆不喜欢自己躺在床上。如果在他清醒的时候把他放在小床上，他先是踢腿或努力翻身，嘴里还“呜呜呜”地不停发声，接着就开始哭起来。这时，妈妈走过来抱起他，抚摸他的身体。他立马就停止了哭泣，接着还手舞足蹈，开心地发出“咿咿呀呀”的声音。
                    <p class="fm-fzfs">
                        3个多月的豆豆不喜欢自己躺在床上。如果在他清醒的时候把他放在小床上，他先是踢腿或努力翻身，嘴里还“呜呜呜”地不停发声，接着就开始哭起来。这时，妈妈走过来抱起他，抚摸他的身体。他立马就停止了哭泣，接着还手舞足蹈，开心地发出“咿咿呀呀”的声音。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.为什么豆豆不喜欢自己躺在床上，甚至还哭起来？</p>
                    <textarea v-model="textQuestionData.one" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.拥抱和抚摸对婴儿有什么意义？</p>
                    <textarea v-model="textQuestionData.two" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.你能想到哪些有趣的游戏可以让1岁以下的婴儿开心起来？</p>
                    <textarea v-model="textQuestionData.three" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c055">一、0～3个月婴儿情绪情感与社会性游戏设计与指导</h3>
                    <h4 id="d152">（一）设计依据</h4>
                    <h5 id="e172">1.情绪情感与社会性发展的特点</h5>
@@ -179,7 +188,7 @@
                    <h5 id="e177">1.情绪情感与社会性发展的特点</h5>
                    <p>3个月以上的婴儿已经会辨别母亲与其他人，能够区分家人等身边人的脸与不认识的人的脸，并对母亲做出积极的表示。在与母亲的亲密情感交流中，他们逐渐认识了人，逐渐地体验到人的情感，并学会以情待人。
                    </p>
                    <p>此年龄段婴儿的视力显著提高。他们之前能看清20～30厘米远，现在的视力大约和成人的一样。到4个半月左右时，他们能够比较灵活地翻身，手指也变得更加灵活，伸手抓握能力显著提高。他们在社会交往中的
                    <p>此年龄段婴儿的视力显著提高。他们之前能看清20～30厘米远，现在的视力大约和成人的一样。到4个半月左右时，他们能够比较灵活地翻身，手指也变得更加灵活，伸手抓握能力显著提高。他们在社会交往中的兴趣和动机会随之发生变化，不再像以前那样喜欢和家长保持长时间的目光接触或交流，而是更喜欢四处看，或专注于探索可以抓握、触摸到的物品或盯着远处吸引他们注意力的东西。4～6个月的婴儿已明显出现了与社会性需要相关的情感体验。
                    </p>
                </div>
            </div>
@@ -195,9 +204,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        兴趣和动机会随之发生变化，不再像以前那样喜欢和家长保持长时间的目光接触或交流，而是更喜欢四处看，或专注于探索可以抓握、触摸到的物品或盯着远处吸引他们注意力的东西。4～6个月的婴儿已明显出现了与社会性需要相关的情感体验。
                    </p>
                    <p>此年龄段的婴儿在与成人的社会交往中学会了三点：一是对他人的行为给予反应，如对母亲的微笑和拥抱以笑声或全身活跃进行回应；二是预期成人的行为，并预期自身行为对成人的影响，如不间断地发出哭叫声呼唤和等待成人的回应；三是对家长和其他照料者产生信赖和安全感。有研究表明，半岁前获得足够信赖与安全感的婴儿，身心均会得到健康的发展。
                    </p>
                    <h5 id="e178">2.情绪情感与社会性发展的需求</h5>
@@ -221,6 +227,7 @@
                    <p>根据婴儿情绪情感与社会性发展的年龄特点，确立以下目标：①培养积极、快乐的情绪情感；②再认熟悉人的脸，获得信赖与安全感，建立安全、稳定的依恋关系。</p>
                    <h5 id="e181">3.游戏玩法的设计</h5>
                    <p>根据此年龄段婴儿情绪情感与社会性发展的特点和目标，建议通过面部表情、声音交流、提供颜色鲜艳
                        的抓握玩具、与成人身体互动等方式设计以培养积极的情绪情感、社交行为和建立安全、稳定依恋关系为主的游戏。“脸部躲猫猫”是此年龄段婴儿喜欢的一种游戏方式。因此以隐藏脸部表情为基础设计此游戏，同时通过变换不同表情和声音，引导婴儿再认家长熟悉的脸，期待家长不同的样子，获得信赖与安全感。
                    </p>
                </div>
            </div>
@@ -237,9 +244,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        的抓握玩具、与成人身体互动等方式设计以培养积极的情绪情感、社交行为和建立安全、稳定依恋关系为主的游戏。“脸部躲猫猫”是此年龄段婴儿喜欢的一种游戏方式。因此以隐藏脸部表情为基础设计此游戏，同时通过变换不同表情和声音，引导婴儿再认家长熟悉的脸，期待家长不同的样子，获得信赖与安全感。
                    </p>
                    <h4 id="d159">（四）指导要点</h4>
                    <p>第一，游戏开始前，成人可以微笑着面对婴儿说“宝宝，看××”，引起婴儿注意。</p>
                    <p>第二，游戏过程中，婴儿熟悉玩法后，成人可以灵活地增添一些变化，让婴儿充满好奇和期待。例如，把蒙着脸部的时间变长或缩短，蒙住脸和拿开手时的语言可根据情境变化，如“妈妈在哪里”“嘿，我在这儿”等。成人还可以试试做出各种各样的表情，如做鬼脸、表示惊讶等。
@@ -255,7 +259,7 @@
                    <p>7个月以后婴儿开始获得一种新能力，即爬行。他们迷恋于通过努力爬行去接近成人。这种能力将消极等待成人对他们哭声的回应转化为积极主动地靠近依恋的人。依靠爬行，他们表达需求、探究周围事物的能力显著增强；他们可以主动追随成人，保持与亲近人的社会关系；在安全的环境下，可以自己拿到想要的玩具或物品。因此，随着爬行能力的增长，婴儿对依恋对象和陌生人的焦虑反应开始有所缓解。国外学者刘易斯等人的研究发现，婴儿9个月时已出现最早的视觉形象上的自我再认。比如，在镜像实验中，给婴儿涂上红点后观察婴儿在镜前看到自己的反应，发现他们更多表现出对自己微笑、摸自己等指向自己的行为。此阶段的婴儿开始有了最初的自我认知意识。
                    </p>
                    <h5 id="e183">2.情绪情感与社会性发展的需求</h5>
                    <p>此年龄段的婴儿具备了独坐与爬行的本领，开始留意身边陌生的人和事物。他们的社交范围进一步扩大，情绪情感与社会性发展需求也随之增大。他们开始明确自身与成人的依恋关系。除了需要家长、其他照
                    <p>此年龄段的婴儿具备了独坐与爬行的本领，开始留意身边陌生的人和事物。他们的社交范围进一步扩大，情绪情感与社会性发展需求也随之增大。他们开始明确自身与成人的依恋关系。除了需要家长、其他照料者的悉心照顾外，他们也期望与周围的人和事物进行情感交流、身体互动、社会交往等。成人应当理解和重视此阶段婴儿的分离焦虑现象，给予充分的陪伴和理解，及时关注与回应婴儿的情感需求和社交需要，让婴儿获得足够的安全感和满足感。
                    </p>
                </div>
            </div>
@@ -271,9 +275,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        料者的悉心照顾外，他们也期望与周围的人和事物进行情感交流、身体互动、社会交往等。成人应当理解和重视此阶段婴儿的分离焦虑现象，给予充分的陪伴和理解，及时关注与回应婴儿的情感需求和社交需要，让婴儿获得足够的安全感和满足感。
                    </p>
                    <h4 id="d161">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是能够积极使用肢体动作、声音或表情等表达自己的情绪情感与社会交往需求以及对周围事物的探索欲，如需要某个物品时，会通过声音、肢体动作、表情等向成人表达意图，或会自己通过爬行获得。二是乐于与身边熟悉的成人交流互动，并能积极回应成人。三是在安全的亲子环境能够缓解对周围陌生人或事物的焦虑反应。四是开始确立安全、稳定的依恋关系。
                    </p>
@@ -365,7 +366,7 @@
                    </p>
                    <h4 id="d167">（四）指导要点</h4>
                    <p>在游戏开始前，一边挥手一边微笑地对婴儿说“宝宝，你好”。如果婴儿也挥手，可及时用简单的语言或动作鼓励婴儿并重复游戏。</p>
                    <p>灵活创设游戏情境，如靠近婴儿时，挥手说“宝宝，你好”；和婴儿眼神相对或拥抱时，说“宝宝，你</p>
                    <p>灵活创设游戏情境，如靠近婴儿时，挥手说“宝宝，你好”；和婴儿眼神相对或拥抱时，说“宝宝，你 真可爱”“我喜欢你”等；要离开婴儿时，挥手说“宝宝，再见”，并告诉婴儿自己去做什么，马上回来。</p>
                </div>
            </div>
        </div>
@@ -381,9 +382,6 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        真可爱”“我喜欢你”等；要离开婴儿时，挥手说“宝宝，再见”，并告诉婴儿自己去做什么，马上回来。
                    </p>
                    <p>此游戏中的成人可以是爸爸、妈妈或其他照料者，也可以尝试让婴儿相对熟悉的亲人或父母的朋友来和婴儿互动，逐步扩大其社交范围，缓解分离焦虑。</p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
@@ -520,12 +518,22 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>1岁4个多月的多多已学会走路，并会说一些简短的生活用语。有一天，妈妈带多多玩做饭菜游戏时指着旁边的勺子对多多说：“多多，请拿勺子给妈妈。”多多很乐意地顺着妈妈手指的方向走过去，蹲下拿起勺子走向妈妈。妈妈鼓掌并鼓励多多：“哇，你真棒！帮妈妈找到了勺子。”然后，多多又按妈妈的指令去拿了锅和萝卜。妈妈边说“炒萝卜”边用这些玩具做炒菜动作。多多边看边挥舞着小手，然后示意妈妈给她拿勺子。接着她模仿妈妈边说“炒萝卜”边炒了起来，乐此不疲。
                    <p class="fm-fzfs">
                        1岁4个多月的多多已学会走路，并会说一些简短的生活用语。有一天，妈妈带多多玩做饭菜游戏时指着旁边的勺子对多多说：“多多，请拿勺子给妈妈。”多多很乐意地顺着妈妈手指的方向走过去，蹲下拿起勺子走向妈妈。妈妈鼓掌并鼓励多多：“哇，你真棒！帮妈妈找到了勺子。”然后，多多又按妈妈的指令去拿了锅和萝卜。妈妈边说“炒萝卜”边用这些玩具做炒菜动作。多多边看边挥舞着小手，然后示意妈妈给她拿勺子。接着她模仿妈妈边说“炒萝卜”边炒了起来，乐此不疲。
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.为什么多多听到妈妈的指令后会很乐意去拿玩具？后面又乐此不疲地模仿妈妈炒菜？</p>
                    <textarea v-model="textQuestionData.four" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.要求1岁4个月的幼儿听指令取物对其有何意义？</p>
                    <textarea v-model="textQuestionData.five" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.你能想到哪些让1～2岁幼儿感到有趣、愉快的游戏？</p>
                    <textarea v-model="textQuestionData.six" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c059">一、1～1.5岁幼儿情绪情感与社会性游戏设计与指导</h3>
                    <h4 id="d168">（一）设计依据</h4>
                    <h5 id="e192">1.情绪情感与社会性发展的特点</h5>
@@ -534,9 +542,6 @@
                    <p>伴随自我意识、社会交往和认知的发展，此年龄段的幼儿能够察觉到环境的变化，会对陌生人表示新奇，会表现出丰富的情绪变化。比如，当在熟悉的环境中碰到陌生人时，他们会感到害羞；当新异物体突然出现时，他们会感到惊奇；当利用自己的本领获得成功时，他们会感到骄傲、自豪；当抢了别人玩具、做了不对的事情被成人指出来时，他们会感到内疚、不安。他们喜欢单独玩或者观看他人的游戏活动，开始对其他幼儿感兴趣，并能共同玩一会儿，喜欢多人游戏；初步开始理解并遵从成人简单的行为规则，如垃圾要扔到垃圾桶，吃饭要坐在餐桌旁等；喜欢注视并模仿成人的行为，如扫地、扔垃圾、擦桌子等；进入角色游戏萌芽初期，开始对家人、小动物、洋娃娃等表现出喜爱和兴趣；具备最初的自理能力，在成人做家务时或自己穿脱衣服时能帮点小忙；有自我保护意识，会依附安全的物体来确保自己的相对安全；遇到困难会请求帮助，若及时得到帮助或鼓励会开心、满足；当遭到拒绝或不被理睬时会表现出着急和不安，有时还会扔东西、发脾气。
                    </p>
                    <p>此年龄段的幼儿处于依恋关系明确期，对依恋对象的依恋仍比较强烈。他们已经能听懂成人的话语，并会运用简单的语句和成人交流。依恋对象如果要离开较长一段时间，若事先与其沟通，能够有效缓解他们的分离焦虑。
                    </p>
                    <h5 id="e193">2.情绪情感与社会性发展的需求</h5>
                    <p>此年龄段的幼儿的独立意识出现萌芽，开始为自己能动手做些事而感到高兴，有了自我服务并为家人服务的愿望和兴趣，如他们乐意帮成人拿东西。这是培养他们独立能力的契机。成人应当充分给予他们能够证明自己独立能力的机会，并及时给予肯定和鼓励，让他们保持愉快的情绪，增强独立性和自信心，逐步培养他们良好的生活卫生习惯与能力。此阶段的幼儿的自我意识显著增强，情绪丰富且变化多样，喜欢自己玩、看着别人玩或与成人、小伙伴一起游戏，社会交往需求与活动兴趣的范围扩大。因此，家庭或托育机构应当为幼儿提供相对固定的安全、舒适的游戏活动场地，增加户外活动及与同龄或较大月龄同伴交往的机会，提供相比1岁之前更为丰富的玩具或游戏材料，以满足其情绪情感与社会性发展的需求。比如，运动类玩具中的
                    </p>
                </div>
            </div>
@@ -553,8 +558,8 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        拖拉和推动玩具（如拖拉小鸭、拖拉熊、小推车等）不仅能提高幼儿的行走能力，还能增强他们行走的乐趣。抓握玩具（如沙包、叮当球）能让幼儿感知物体的形状、颜色、数量等特点，或与同伴一起玩投掷游戏等；球类玩具（如按摩球、皮球）可以通过滚球、扔球、踢球等锻炼粗大动作技能，还可以引发同伴一起玩耍追逐。又如，益智类玩具中的积木、套盒，阅读类的拉片、布书、洞洞书等不仅可以促进幼儿认知能力与专注力的发展，也能让幼儿体验动手操作的快乐与自豪感。娃娃、餐具、电话等社会类玩具则能让幼儿主动模仿成人，体验成人生活的乐趣，提高自理能力，发展语言、情绪情感表达与社交能力。
                    <h5 id="e193">2.情绪情感与社会性发展的需求</h5>
                    <p>此年龄段的幼儿的独立意识出现萌芽，开始为自己能动手做些事而感到高兴，有了自我服务并为家人服务的愿望和兴趣，如他们乐意帮成人拿东西。这是培养他们独立能力的契机。成人应当充分给予他们能够证明自己独立能力的机会，并及时给予肯定和鼓励，让他们保持愉快的情绪，增强独立性和自信心，逐步培养他们良好的生活卫生习惯与能力。此阶段的幼儿的自我意识显著增强，情绪丰富且变化多样，喜欢自己玩、看着别人玩或与成人、小伙伴一起游戏，社会交往需求与活动兴趣的范围扩大。因此，家庭或托育机构应当为幼儿提供相对固定的安全、舒适的游戏活动场地，增加户外活动及与同龄或较大月龄同伴交往的机会，提供相比1岁之前更为丰富的玩具或游戏材料，以满足其情绪情感与社会性发展的需求。比如，运动类玩具中的拖拉和推动玩具（如拖拉小鸭、拖拉熊、小推车等）不仅能提高幼儿的行走能力，还能增强他们行走的乐趣。抓握玩具（如沙包、叮当球）能让幼儿感知物体的形状、颜色、数量等特点，或与同伴一起玩投掷游戏等；球类玩具（如按摩球、皮球）可以通过滚球、扔球、踢球等锻炼粗大动作技能，还可以引发同伴一起玩耍追逐。又如，益智类玩具中的积木、套盒，阅读类的拉片、布书、洞洞书等不仅可以促进幼儿认知能力与专注力的发展，也能让幼儿体验动手操作的快乐与自豪感。娃娃、餐具、电话等社会类玩具则能让幼儿主动模仿成人，体验成人生活的乐趣，提高自理能力，发展语言、情绪情感表达与社交能力。
                    </p>
                    <h4 id="d169">（二）设计目标与内容</h4>
                    <p>游戏目标为：一是对周围事物充满好奇心与探索的愿望，能够综合运用声音、表情、肢体动作等多种方式表达自己的情绪情感和社交需求；二是自我意识增强，能够区分自己和他人，具备初步的独立意识和自理能力，乐意模仿成人或根据成人的指令去做一些力所能及的事；三是乐意和身边的成人及同龄伙伴交往互动，并能察觉到他人的心理和情绪情感，积极回应他人；四是建立安全、稳定的依恋关系，初步与托育机构教师和同伴建立比较安全的社交关系。
@@ -570,7 +575,7 @@
                        <p>（3）1岁多的幼儿注意力集中的时间较短，模仿成人的表情与认识身体部位两种玩法可分开时段游戏。</p>
                    </div>
                    <h5 id="e194">1.游戏主题的选择</h5>
                    <p>幼儿成长的关键是他们作为一个人形成的自我意识。幼儿满1岁之后，对认识自己和自己身体的各个部位充满了兴趣，开始明白镜子里的人就是自己，并开始理解“我”“我的”“你”“你的”等概念。他们特别喜欢模仿成人的表情、动作和语言等，也很乐意倾听并积极做一些自己能够做到的事。这些反映了他们日益增强的独立自主意识及其在与他人相处过程中的学习能力与理解能力。同时，他们也会因为自己的成功表现或成人的鼓励与表扬而感到满足、开心和自豪。游戏中幼儿通过照镜子可以强化其区分自我和他人的能力，增强自我意识，激发其对自己身体的兴趣。镜子前模仿成人的表情可以提高他们对他人面部表情所表达的情绪情感的观察与感知能力，培养其幽默感；指认身体部位有助于他们理解这些名称的含义，建立动作、身体
                    <p>幼儿成长的关键是他们作为一个人形成的自我意识。幼儿满1岁之后，对认识自己和自己身体的各个部位充满了兴趣，开始明白镜子里的人就是自己，并开始理解“我”“我的”“你”“你的”等概念。他们特别喜欢模仿成人的表情、动作和语言等，也很乐意倾听并积极做一些自己能够做到的事。这些反映了他们日益增强的独立自主意识及其在与他人相处过程中的学习能力与理解能力。同时，他们也会因为自己的成功表现或成人的鼓励与表扬而感到满足、开心和自豪。游戏中幼儿通过照镜子可以强化其区分自我和他人的能力，增强自我意识，激发其对自己身体的兴趣。镜子前模仿成人的表情可以提高他们对他人面部表情所表达的情绪情感的观察与感知能力，培养其幽默感；指认身体部位有助于他们理解这些名称的含义，建立动作、身体部位和语言之间的密切联系，清楚地明白自己是一个真实的人，从而激励他们进一步认识自己；在镜子前的模仿与互动中，成人肯定和鼓励的眼神、动作和语言会让他们感到快乐与满足，获得初步的自我成就感。
                    </p>
                </div>
            </div>
@@ -586,9 +591,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        部位和语言之间的密切联系，清楚地明白自己是一个真实的人，从而激励他们进一步认识自己；在镜子前的模仿与互动中，成人肯定和鼓励的眼神、动作和语言会让他们感到快乐与满足，获得初步的自我成就感。
                    </p>
                    <h5 id="e195">2.发展目标的确立</h5>
                    <p>根据幼儿情绪情感与社会性发展的年龄特点，确立以下目标：①能够根据成人的面部表情、肢体动作、语音语调等理解成人表达的意思及其对自己的态度，并及时回应成人；②能够区分自己和他人，具备一定的模仿与理解能力，在成人的引导下乐意在镜子前积极地模仿成人的表情或指认自己的身体部位；③形成良好的亲子关系，与成人成为亲密的游戏伙伴。
                    </p>
@@ -811,12 +813,22 @@
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
                    <p>2岁半的芝芝和家人在看冬奥会。看到中国短道速滑接力比赛获得金牌的领奖环节时，她兴奋地跑到房间拿来两块奖牌（姐姐在幼儿园获得的）挂在脖子上，得意洋洋地跳起来大声说：“冠军，我有金牌！”姐姐看到后，跑过去直接从芝芝的脖子上取走了一块挂在自己的脖子上说：“这是我的，我也有金牌！”芝芝忍不住伤心地哭起来，妈妈说：“宝贝，你有两块，你和姐姐一人一块可以吗？”芝芝回答：“可以，我要自己拿给她！”姐姐没理会。芝芝更伤心了，一边哭闹一边喊“我要自己拿给姐姐！”经过家人的引导，6岁的姐姐把拿走的金牌重新挂在了芝芝的脖子上。芝芝低头看了一眼两块金牌，努力地取下一块递给了姐姐，接着露着笑脸耸耸肩膀说道：“我和姐姐都是冠军，我们都有金牌！”
                    <p class="fm-fzfs">
                        2岁半的芝芝和家人在看冬奥会。看到中国短道速滑接力比赛获得金牌的领奖环节时，她兴奋地跑到房间拿来两块奖牌（姐姐在幼儿园获得的）挂在脖子上，得意洋洋地跳起来大声说：“冠军，我有金牌！”姐姐看到后，跑过去直接从芝芝的脖子上取走了一块挂在自己的脖子上说：“这是我的，我也有金牌！”芝芝忍不住伤心地哭起来，妈妈说：“宝贝，你有两块，你和姐姐一人一块可以吗？”芝芝回答：“可以，我要自己拿给她！”姐姐没理会。芝芝更伤心了，一边哭闹一边喊“我要自己拿给姐姐！”经过家人的引导，6岁的姐姐把拿走的金牌重新挂在了芝芝的脖子上。芝芝低头看了一眼两块金牌，努力地取下一块递给了姐姐，接着露着笑脸耸耸肩膀说道：“我和姐姐都是冠军，我们都有金牌！”
                    </p>
                    <p><b>想一想：</b></p>
                    <p class="fm-kt">1.芝芝为什么哭？为什么一定要自己把奖牌拿给姐姐？</p>
                    <textarea v-model="textQuestionData.seven" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.如果你在一旁，你会如何引导他们？尊重2～3岁幼儿的自主意愿有何意义？</p>
                    <textarea v-model="textQuestionData.eight" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.你能想到哪些促进2～3岁幼儿情绪情感与社会性发展的游戏？</p>
                    <textarea v-model="textQuestionData.nine" placeholder="请输入内容" rows="5"
                        style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c061">一、2～2.5岁幼儿情绪情感与社会性游戏设计与指导</h3>
                    <h4 id="d176">（一）设计依据</h4>
                    <h5 id="e202">1.情绪情感与社会性发展的特点</h5>
@@ -827,7 +839,7 @@
                    <p>根据婴幼儿社会化基本过程的阶段划分，24～36个月及以上的幼儿处于伙伴关系发展阶段。2～2.5岁幼儿已经能够离开依恋对象一段时间，在科学引导下能够较好适应托育机构的生活，喜欢与同龄伙伴及熟悉的成人交往，乐意参加集体游戏，热衷于家庭角色游戏，可以与同伴一起玩简单的平行游戏。但在交往中他们主要以满足自己的需要为准，带有明显的自我中心倾向，发脾气、抢玩具的行为时有发生。不过随着情绪控制能力的发展，他们对他人的情绪有了初步的理解能力，并且有了简单的是非观念和初步的规则意识，如知道抢别人的玩具是不好的，打人是不对的，玩具要收起来等。
                    </p>
                    <h5 id="e203">2.情绪情感与社会性发展的需求</h5>
                    <p>此年龄段的幼儿身体动作发展迅速，他们感觉到自己的本领越来越大，并且很希望能有各种机会展示自己的能力，运用各种感知觉去主动探索周围世界。成人在照料或陪伴他们游戏时，应当随时关注他们的动态，尊重他们秩序敏感期的特点和游戏意愿，为他们提供柔软、安全、无过多限制的场地以及丰富的玩具和游戏材料进行活动，营造温馨、舒适的心理环境。该年龄段的幼儿虽自主意识较强，但自我保护能力较弱，容易受到伤害。在游戏过程中，成人应有意识地让幼儿学习一些必要的自我保护常识，如不把玩具放进嘴
                    <p>此年龄段的幼儿身体动作发展迅速，他们感觉到自己的本领越来越大，并且很希望能有各种机会展示自己的能力，运用各种感知觉去主动探索周围世界。成人在照料或陪伴他们游戏时，应当随时关注他们的动态，尊重他们秩序敏感期的特点和游戏意愿，为他们提供柔软、安全、无过多限制的场地以及丰富的玩具和游戏材料进行活动，营造温馨、舒适的心理环境。该年龄段的幼儿虽自主意识较强，但自我保护能力较弱，容易受到伤害。在游戏过程中，成人应有意识地让幼儿学习一些必要的自我保护常识，如不把玩具放进嘴里、绳子不能套在脖子上、在成人的视线范围内活动、奔跑时不与他人发生冲撞等，增强他们的自我保护意识。
                    </p>
                </div>
            </div>
@@ -843,9 +855,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        里、绳子不能套在脖子上、在成人的视线范围内活动、奔跑时不与他人发生冲撞等，增强他们的自我保护意识。
                    </p>
                    <p>幼儿的游戏伙伴从成人过渡到同伴，从个体活动过渡到集体活动，体现了其游戏活动中认知与社会性发展水平的不断提高。成人应当多为幼儿提供更多与同龄伙伴交往的机会，促进其情绪情感与社会性的发展。当幼儿与同伴交往过程中发生冲突时，成人应当尊重他们的游戏意愿，鼓励和倾听他们表达自己的情绪情感和心理感受，引导帮助他们解决社交过程中遇到的问题。在幼儿缺少玩伴时，成人应积极主动地参与他们的游戏，对于不擅长与婴幼儿互动的家长或教育者来说，最好的办法是尊重他们在秩序敏感期的特点，以他们的反应为导引，追随和模仿他们的行为，当儿童看到成人模仿自己时会感到快乐和满足，这往往会产生一个新的游戏，以延长游戏时间，这样“可怕的两岁”也就不再可怕了。
                    </p>
                    <h4 id="d177">（二）设计目标与内容</h4>
@@ -865,6 +874,9 @@
                    <h5 id="e204">1.游戏主题的选择</h5>
                    <p>此年龄段的幼儿语言得到快速发展，学习与模仿能力较强，对念儿歌和手指游戏很感兴趣，喜欢和他人互动游戏。因此，手指游戏作为一类常见的深受幼儿喜爱且简便、易操作互动的游戏，有助于促进幼儿语言、动作、认知及情绪情感与社会性的综合发展。其中，情绪情感与社会性主要体现为幼儿在与成人或伙伴进行语言和身体互动过程中所感受到的快乐、成就感及同伴情谊。
                    </p>
                    <h5 id="e205">2.发展目标的确立</h5>
                    <p>根据幼儿情绪情感与社会性发展的年龄特点，确立以下目标：①能够理解游戏的内容和简单规则，体验与成人身体互动的乐趣；②乐意模仿手指歌谣和动作，在引导下能够与成人互换角色进行游戏互动；③喜欢互挠痒痒，与他人成为亲密的游戏伙伴。
                    </p>
                </div>
            </div>
        </div>
@@ -880,9 +892,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e205">2.发展目标的确立</h5>
                    <p>根据幼儿情绪情感与社会性发展的年龄特点，确立以下目标：①能够理解游戏的内容和简单规则，体验与成人身体互动的乐趣；②乐意模仿手指歌谣和动作，在引导下能够与成人互换角色进行游戏互动；③喜欢互挠痒痒，与他人成为亲密的游戏伙伴。
                    </p>

                    <h5 id="e206">3.游戏玩法的设计</h5>
                    <p>根据此年龄段幼儿情绪情感与社会性发展的特点和目标，以语言和身体互动为基础设计此手指游戏。在游戏中，幼儿与成人亲密接触，学会倾听与模仿儿歌和动作。在不断反复的过程中，幼儿能够预测会发生什么，在身体接触尤其是最后咯吱咯吱挠痒痒到来之前他们会忍不住笑出来，或是投来紧张与期待的眼神。这增进了成人与幼儿的情感联系。当幼儿和成人互换角色后，他们的自信心与成就感更进一步增强了，他们的情绪体验更加丰富了。
                    </p>
@@ -904,6 +914,9 @@
                    </p>
                    <p>此年龄段的幼儿已经出现各种各样的情绪情感，如嫉妒，性别意识开始萌芽，清楚地知道自己是男孩还是女孩，知道不同性别的显著特征，知道男孩和女孩喜欢玩的玩具有所不同，更喜欢和同性别的同龄伙伴玩耍等。
                    </p>
                    <h5 id="e208">2.情绪情感与社会性发展的需求</h5>
                    <p>此年龄段的幼儿的探索欲望和社交愿望都十分强烈。成人应为他们提供丰富多样的游戏材料且安全、卫生、舒适的游戏环境，尽可能地为其多创造与同龄伙伴交往的机会，尊重其自主游戏意愿，用心观察其情绪情感和社会发展需求，鼓励其与固定玩伴玩游戏，支持他们的假装社交游戏。当游戏过程中发生冲突时，成人应积极倾听他们表达自己的感受和事情发生经过，认同他们的情绪情感，引导他们思考发生冲突的原因并尝试自主解决冲突，帮助他们合理宣泄情绪，促进其在社交过程中解决问题能力的发展。
                    </p>
                </div>
            </div>
        </div>
@@ -918,9 +931,6 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e208">2.情绪情感与社会性发展的需求</h5>
                    <p>此年龄段的幼儿的探索欲望和社交愿望都十分强烈。成人应为他们提供丰富多样的游戏材料且安全、卫生、舒适的游戏环境，尽可能地为其多创造与同龄伙伴交往的机会，尊重其自主游戏意愿，用心观察其情绪情感和社会发展需求，鼓励其与固定玩伴玩游戏，支持他们的假装社交游戏。当游戏过程中发生冲突时，成人应积极倾听他们表达自己的感受和事情发生经过，认同他们的情绪情感，引导他们思考发生冲突的原因并尝试自主解决冲突，帮助他们合理宣泄情绪，促进其在社交过程中解决问题能力的发展。
                    </p>
                    <p>此年龄段的幼儿语言发展迅速，阅读与表达兴趣和欲望强烈。成人应为他们提供丰富且适宜的图书资料，营造良好的阅读环境，引导他们在阅读中学习情绪情感表达的多种方式，提高社会交往兴趣和技能技巧，促进其良好学习品质与分享、合作、移情、亲社会行为的发展。
                    </p>
                    <p>此年龄段的幼儿的自我评价、道德品质、是非观念和性别意识等都有初步发展。成人在与他们交往交流时应当树立正确的是非观念，科学评价他们，认同与鼓励他们在道德品质和行为习惯方面的良好表现，引导他们正确认识和认同自己的性别，不以性别的刻板印象来限制他们探索学习的欲望和范围。
@@ -939,7 +949,13 @@
                        <p>（3）让幼儿或伙伴自己选择角色进行装扮和游戏，非必要时不干扰和打断他们。</p>
                    </div>
                    <h5 id="e209">1.游戏主题的选择</h5>
                    <p>2.5～3岁幼儿的语言表达能力相比以往突飞猛进，象征思维也得到显著发展，模仿与学习能力强。且他们开始有自己的主见，热衷于和成人或伙伴一起玩角色扮演游戏。比如，在扮演收银员时，他们能够理解假装扫码付款的动作，在没有真钱时能理解伙伴从口袋里拿钱出来假装给钱的动作，随后放进收银柜，玩得乐此不疲。因此，当幼儿在玩生活中常见的角色装扮游戏时，成人在角色装扮、道具使用、角色间沟通交流的过
                    <p>2.5～3岁幼儿的语言表达能力相比以往突飞猛进，象征思维也得到显著发展，模仿与学习能力强。且他们开始有自己的主见，热衷于和成人或伙伴一起玩角色扮演游戏。比如，在扮演收银员时，他们能够理解假装扫码付款的动作，在没有真钱时能理解伙伴从口袋里拿钱出来假装给钱的动作，随后放进收银柜，玩得乐此不疲。因此，当幼儿在玩生活中常见的角色装扮游戏时，成人在角色装扮、道具使用、角色间沟通交流的过程中不仅能够为他们提供练习自主穿脱衣服的机会，促进其自理能力的发展，还有助于促进他们语言、动作、认知及情绪情感与社会性等方面的综合发展。
                    </p>
                    <h5 id="e210">2.发展目标的确立</h5>
                    <p>根据幼儿情绪情感与社会性发展的年龄特点，确立以下目标：①能够在成人的适当帮助下自主动手装扮喜欢的角色，体验和伙伴一起装扮的乐趣；②在角色扮演中能够使用简单的日常用语进行交流，表现出初步的分享、合作与规则意识，若游戏中发生同伴冲突能够在成人的引导下顺利解决问题；③游戏结束后，能够在成人的引导下收拾、整理游戏材料。
                    </p>
                    <h5 id="e211">3.游戏玩法的设计</h5>
                    <p>根据此年龄段的幼儿情绪情感与社会性发展的特点和目标，以角色扮演为基础设计此游戏。游戏中让幼儿选择自己喜欢的角色进行装扮，在落地镜前观察和欣赏自己的装扮成果，不仅密切结合了其自理能力发展的需要，也让其充分体验了模仿与装扮的乐趣。扮演角色、操作道具、交往互动的实践过程有助于促进其情绪情感的表达与社会交往技能的学习。
                    </p>
                </div>
            </div>
@@ -956,20 +972,11 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        程中不仅能够为他们提供练习自主穿脱衣服的机会，促进其自理能力的发展，还有助于促进他们语言、动作、认知及情绪情感与社会性等方面的综合发展。
                    </p>
                    <h5 id="e210">2.发展目标的确立</h5>
                    <p>根据幼儿情绪情感与社会性发展的年龄特点，确立以下目标：①能够在成人的适当帮助下自主动手装扮喜欢的角色，体验和伙伴一起装扮的乐趣；②在角色扮演中能够使用简单的日常用语进行交流，表现出初步的分享、合作与规则意识，若游戏中发生同伴冲突能够在成人的引导下顺利解决问题；③游戏结束后，能够在成人的引导下收拾、整理游戏材料。
                    </p>
                    <h5 id="e211">3.游戏玩法的设计</h5>
                    <p>根据此年龄段的幼儿情绪情感与社会性发展的特点和目标，以角色扮演为基础设计此游戏。游戏中让幼儿选择自己喜欢的角色进行装扮，在落地镜前观察和欣赏自己的装扮成果，不仅密切结合了其自理能力发展的需要，也让其充分体验了模仿与装扮的乐趣。扮演角色、操作道具、交往互动的实践过程有助于促进其情绪情感的表达与社会交往技能的学习。
                    </p>
                    <h4 id="d183">（四）指导要点</h4>
                    <p>第一，平常的生活中可以引导幼儿观察常见角色的装扮和主要行为，积累游戏经验。</p>
                    <p>第二，鼓励幼儿和比他们大两三岁的哥哥姐姐玩此角色游戏。他们往往在与哥哥姐姐玩游戏时，分享与合作的意愿和兴趣更高，学习能力更强。</p>
                    <p>第三，随着幼儿生活经验的不断丰富以及对新角色的兴趣和认识，可适当更新服装和道具、增添游戏材料。</p>
                    <div class="bk2 show-after">
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                        <p class="center"><span class="ls2">0～3岁婴幼儿亲社会行为的类型</span></p>
                        <p>同情心、安慰、分享、助人、合作行为等是婴幼儿亲社会行为的主要类型。</p>
@@ -982,7 +989,14 @@
                        <p><b>三、分享行为</b></p>
                        <p>分享行为是指个人把属于自己的物品、情感、智慧、机会等与他人共享，从而使他人能从中得到益处的行为。分享行为的产生往往受分享观念的支配。分享观念是指个体对与他人共同分享资源的正确看法，其对立面是“独占”“多占”。婴幼儿大约从1岁半起就能初步形成分享意识，互惠性是婴幼儿分享行为的主要动机。
                        </p>
                        <p><b>四、助人行为</b></p>
                        <p>助人行为是指个体关心他人并提供帮助的行为，包括助人者、受助者和情境三个要素。婴幼儿很早就出现了助人行为。基本上1岁多幼儿就愿意也能够帮助成人做家务，如会应妈妈的要求去帮忙丢垃圾或拿一张餐巾纸。
                        </p>
                        <p><b>五、合作行为</b></p>
                        <p>合作行为是指两个或两个以上的个体通过相互之间的配合和协调活动以达成共同目标的行为。这种行为往往既有利于自己，又有利于他人。婴幼儿的合作行为通常发生在游戏过程中。有研究显示，18～24个月的幼儿就能够与家长开展合作游戏了。婴幼儿合作行为的出现对其社会化的发展有重要意义。
                        </p>
                    </div>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                </div>
            </div>
        </div>
@@ -997,15 +1011,7 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <div class="bk2">
                        <p><b>四、助人行为</b></p>
                        <p>助人行为是指个体关心他人并提供帮助的行为，包括助人者、受助者和情境三个要素。婴幼儿很早就出现了助人行为。基本上1岁多幼儿就愿意也能够帮助成人做家务，如会应妈妈的要求去帮忙丢垃圾或拿一张餐巾纸。
                        </p>
                        <p><b>五、合作行为</b></p>
                        <p>合作行为是指两个或两个以上的个体通过相互之间的配合和协调活动以达成共同目标的行为。这种行为往往既有利于自己，又有利于他人。婴幼儿的合作行为通常发生在游戏过程中。有研究显示，18～24个月的幼儿就能够与家长开展合作游戏了。婴幼儿合作行为的出现对其社会化的发展有重要意义。
                        </p>
                    </div>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    
                    <p>1.（单选）下列不属于2.5～3岁幼儿情绪情感与社会性游戏设计目标与内容的是（　　）。</p>
                    <p>A.在角色装扮游戏中能初步体验和理解不同角色的情绪情感</p>
                    <p>B.能够区分自己和他人，具备初步的独立意识和自理能力</p>
@@ -1067,6 +1073,18 @@
                    five: "",
                    six: "",
                }
            },
            textQuestionData: {
                one: "",
                two: "",
                three: "",
                four: "",
                five: "",
                six: "",
                seven: "",
                eight: "",
                nine: "",
                ten: "",
            }
        }
    },
@@ -1075,6 +1093,11 @@
        if (bookQuestion) {
            this.tableData = JSON.parse(bookQuestion);
        }

        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter007-textQuestionData");
        if (textQuestionData) {
            this.textQuestionData = JSON.parse(textQuestionData);
        }
    },
    methods: {
        setBookQuestion() {
@@ -1082,6 +1105,12 @@
                "toddleGame-book-chapter07-tableData",
                JSON.stringify(this.tableData)
            );
        },
        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter007-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        }
    }
}

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

@@ -205,7 +205,7 @@
          </p>
          <p>本套丛书的编写得到了北京师范大学出版社的大力支持。在撰写过程中，本套丛书参考和引用了国内外许多研究成果与观点，在此深致谢忱。真诚希望本套丛书的出版能够为托育培训者和管理者、广大托育机构工作者等提供有益的参考与借鉴。
          </p>
          <p class="right fm-kt mt-30"><b>北京师范大学 洪秀敏</b></p>
          <p class="right fm-kt mt-30"><b>北京师范大学　洪秀敏</b></p>
        </div>
      </div>
    </div>
@@ -213,7 +213,7 @@
      <div v-if="showPageList.indexOf(9) > -1">
        <h1 id="a004" class="front" style="padding-left: 3%;"><img class="img-d" alt=""
            src="../../assets/images/qy.jpg" /></h1>
        <div style="padding: 50px 8% 0 10%">
        <div style="padding: 80px 8% 0 10%">
          <p>
            游戏，贯穿在婴幼儿生活的每一个角落，是婴幼儿最重要的学习形式。通过游戏，婴幼儿学会了互动、参与、分享、坚持。在游戏中，婴幼儿的空间知觉、动作技能、语言表达能力、社会交往能力也在逐渐发展。正如皮亚杰所说，新事物是如何产生的？游戏就是这个问题的答案。
          </p>

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

@@ -3,43 +3,26 @@
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
    <div class="page-content" :style="{
        fontSize: fontSize + 'px',
        transform: `scale(${pageZoom})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
      ></chapterOne>
      <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
      ></chapterTwo>
      <chapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
      ></chapterThree>
      <chapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
      ></chapterFour>
      <chapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
      ></chapterFive>
      <chapterSix v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList" >
    }">
      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"></chapterOne>
      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"></chapterTwo>
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"></chapterFour>
      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"></chapterFive>
      <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap">
      </chapterSix>
      <chapterSeven  v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList" >
      <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList">
      </chapterSeven>
    </div>
  </div>
@@ -56,6 +39,8 @@
import chapterSix from "./chapter006.vue";
import chapterSeven from "./chapter007.vue";
import NoteIcon from "@/assets/images/biji.png";
import getQuestionList from "@/assets/methods/examination";
import testData from "../../assets/examinationList";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
@@ -193,9 +178,8 @@

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(3,40);
      this.gotoPage(3, 46);
    }, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
@@ -565,30 +549,30 @@
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionDataMap[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionDataMap[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.questionDataMap[page] = obj;
            //       }
            //       console.log("题目", this.questionDataMap);
            //     }
            //   }
            // }
            if (!this.questionDataMap[page]) {
              if (testData && testData[catalog]) {
                if (testData[catalog][page]) {
                  if (Array.isArray(testData[catalog][page])) {
                    this.questionDataMap[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.questionDataMap[page] = obj;
                  }
                  console.log("题目", this.questionDataMap);
                }
              }
            }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {

 yarn.lock

@@ -24,13 +24,6 @@
    "@jridgewell/gen-mapping" "^0.3.5"
    "@jridgewell/trace-mapping" "^0.3.24"

"@babel/code-frame@7.12.11":
  version "7.12.11"
  resolved "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.12.11.tgz"
  integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==
  dependencies:
    "@babel/highlight" "^7.10.4"

"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.1", "@babel/code-frame@^7.24.2":
  version "7.24.2"
  resolved "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.24.2.tgz"
@@ -39,12 +32,19 @@
    "@babel/highlight" "^7.24.2"
    picocolors "^1.0.0"

"@babel/code-frame@7.12.11":
  version "7.12.11"
  resolved "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.12.11.tgz"
  integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==
  dependencies:
    "@babel/highlight" "^7.10.4"

"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5", "@babel/compat-data@^7.24.4":
  version "7.24.4"
  resolved "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.24.4.tgz"
  integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==

"@babel/core@^7.12.16":
"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.11.0", "@babel/core@^7.12.0", "@babel/core@^7.12.16", "@babel/core@^7.13.0", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0":
  version "7.24.4"
  resolved "https://registry.npmmirror.com/@babel/core/-/core-7.24.4.tgz"
  integrity sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==
@@ -1167,7 +1167,7 @@
    "@nodelib/fs.stat" "2.0.5"
    run-parallel "^1.1.9"

"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
  version "2.0.5"
  resolved "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -1587,7 +1587,7 @@
  resolved "https://registry.npmmirror.com/@vue/cli-plugin-vuex/-/cli-plugin-vuex-5.0.8.tgz"
  integrity sha512-HSYWPqrunRE5ZZs8kVwiY6oWcn95qf/OQabwLfprhdpFWAGtLStShjsGED2aDpSSeGAskQETrtR/5h7VqgIlBA==

"@vue/cli-service@~5.0.0":
"@vue/cli-service@^3.0.0 || ^4.0.0 || ^5.0.0-0", "@vue/cli-service@~5.0.0":
  version "5.0.8"
  resolved "https://registry.npmmirror.com/@vue/cli-service/-/cli-service-5.0.8.tgz"
  integrity sha512-nV7tYQLe7YsTtzFrfOMIHc5N2hp5lHG2rpYr0aNja9rNljdgcPZLyQRb2YRivTHqTv7lI962UXFURcpStHgyFw==
@@ -1685,17 +1685,6 @@
    "@vue/compiler-core" "3.4.23"
    "@vue/shared" "3.4.23"

"@vue/compiler-sfc@2.7.16":
  version "2.7.16"
  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz"
  integrity sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==
  dependencies:
    "@babel/parser" "^7.23.5"
    postcss "^8.4.14"
    source-map "^0.6.1"
  optionalDependencies:
    prettier "^1.18.2 || ^2.0.0"

"@vue/compiler-sfc@^3.4.15":
  version "3.4.23"
  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.4.23.tgz"
@@ -1710,6 +1699,17 @@
    magic-string "^0.30.8"
    postcss "^8.4.38"
    source-map-js "^1.2.0"

"@vue/compiler-sfc@2.7.16":
  version "2.7.16"
  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz"
  integrity sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==
  dependencies:
    "@babel/parser" "^7.23.5"
    postcss "^8.4.14"
    source-map "^0.6.1"
  optionalDependencies:
    prettier "^1.18.2 || ^2.0.0"

"@vue/compiler-ssr@3.4.23":
  version "3.4.23"
@@ -1756,7 +1756,7 @@
  resolved "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz"
  integrity sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==

"@webassemblyjs/ast@1.12.1", "@webassemblyjs/ast@^1.12.1":
"@webassemblyjs/ast@^1.12.1", "@webassemblyjs/ast@1.12.1":
  version "1.12.1"
  resolved "https://registry.npmmirror.com/@webassemblyjs/ast/-/ast-1.12.1.tgz"
  integrity sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==
@@ -1857,7 +1857,7 @@
    "@webassemblyjs/wasm-gen" "1.12.1"
    "@webassemblyjs/wasm-parser" "1.12.1"

"@webassemblyjs/wasm-parser@1.12.1", "@webassemblyjs/wasm-parser@^1.12.1":
"@webassemblyjs/wasm-parser@^1.12.1", "@webassemblyjs/wasm-parser@1.12.1":
  version "1.12.1"
  resolved "https://registry.npmmirror.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz"
  integrity sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==
@@ -1933,15 +1933,20 @@
  resolved "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-8.3.2.tgz"
  integrity sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==

acorn@^7.1.1, acorn@^7.4.0:
"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8, acorn@^8.0.4, acorn@^8.0.5, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
  version "8.11.3"
  resolved "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz"
  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==

acorn@^7.1.1:
  version "7.4.1"
  resolved "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz"
  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==

acorn@^8.0.4, acorn@^8.0.5, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
  version "8.11.3"
  resolved "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz"
  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
acorn@^7.4.0:
  version "7.4.1"
  resolved "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz"
  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==

address@^1.1.2:
  version "1.2.2"
@@ -1974,7 +1979,7 @@
  dependencies:
    fast-deep-equal "^3.1.3"

ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.9.1:
  version "6.12.6"
  resolved "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz"
  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -1984,7 +1989,27 @@
    json-schema-traverse "^0.4.1"
    uri-js "^4.2.2"

ajv@^8.0.0, ajv@^8.0.1, ajv@^8.9.0:
ajv@^8.0.0:
  version "8.12.0"
  resolved "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz"
  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
  dependencies:
    fast-deep-equal "^3.1.1"
    json-schema-traverse "^1.0.0"
    require-from-string "^2.0.2"
    uri-js "^4.2.2"

ajv@^8.0.1:
  version "8.12.0"
  resolved "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz"
  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
  dependencies:
    fast-deep-equal "^3.1.1"
    json-schema-traverse "^1.0.0"
    require-from-string "^2.0.2"
    uri-js "^4.2.2"

ajv@^8.8.2, ajv@^8.9.0:
  version "8.12.0"
  resolved "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz"
  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -2026,7 +2051,14 @@
  dependencies:
    color-convert "^1.9.0"

ansi-styles@^4.0.0, ansi-styles@^4.1.0:
ansi-styles@^4.0.0:
  version "4.3.0"
  resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz"
  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
  dependencies:
    color-convert "^2.0.1"

ansi-styles@^4.1.0:
  version "4.3.0"
  resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz"
  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
@@ -2275,7 +2307,7 @@
  resolved "https://registry.npmmirror.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz"
  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==

browserslist@^4.0.0, browserslist@^4.16.3, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.22.2, browserslist@^4.23.0:
browserslist@^4.0.0, browserslist@^4.16.3, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.22.2, browserslist@^4.23.0, "browserslist@>= 4.21.0":
  version "4.23.0"
  resolved "https://registry.npmmirror.com/browserslist/-/browserslist-4.23.0.tgz"
  integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==
@@ -2357,7 +2389,7 @@
  resolved "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001610.tgz"
  integrity sha512-QFutAY4NgaelojVMjY63o6XlZyORPaLfyMnsl3HgnWdJUcX6K0oaJymHjH8PT5Gk7sTm8rvC/c5COUQKXqmOMA==

canvas@^2.8.0:
canvas@^2.5.0, canvas@^2.8.0:
  version "2.11.2"
  resolved "https://registry.npmmirror.com/canvas/-/canvas-2.11.2.tgz"
  integrity sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==
@@ -2388,7 +2420,23 @@
    ansi-styles "^4.1.0"
    supports-color "^7.1.0"

chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
chalk@^4.0.0:
  version "4.1.2"
  resolved "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz"
  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
  dependencies:
    ansi-styles "^4.1.0"
    supports-color "^7.1.0"

chalk@^4.1.0:
  version "4.1.2"
  resolved "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz"
  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
  dependencies:
    ansi-styles "^4.1.0"
    supports-color "^7.1.0"

chalk@^4.1.2:
  version "4.1.2"
  resolved "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz"
  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -2510,15 +2558,15 @@
  dependencies:
    color-name "~1.1.4"

color-name@1.1.3:
  version "1.1.3"
  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz"
  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==

color-name@~1.1.4:
  version "1.1.4"
  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==

color-name@1.1.3:
  version "1.1.3"
  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz"
  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==

color-support@^1.1.2:
  version "1.1.3"
@@ -2667,7 +2715,7 @@
  resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==

core-js@^3.8.3:
core-js@^3.6.5, core-js@^3.8.3:
  version "3.37.0"
  resolved "https://registry.npmmirror.com/core-js/-/core-js-3.37.0.tgz"
  integrity sha512-fu5vHevQ8ZG4og+LXug8ulUtVxjOcEYvifJr7L5Bfq9GOztVqsKd9/59hUk2ZSbCrS3BqUr3EpaYGIYzq7g3Ug==
@@ -2722,7 +2770,7 @@
  resolved "https://registry.npmmirror.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz"
  integrity sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==

css-loader@^6.5.0:
css-loader@*, css-loader@^6.5.0:
  version "6.11.0"
  resolved "https://registry.npmmirror.com/css-loader/-/css-loader-6.11.0.tgz"
  integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==
@@ -2874,26 +2922,26 @@
  resolved "https://registry.npmmirror.com/debounce/-/debounce-1.2.1.tgz"
  integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==

debug@2.6.9:
  version "2.6.9"
  resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz"
  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
  dependencies:
    ms "2.0.0"

debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2:
  version "4.3.4"
  resolved "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz"
  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
  dependencies:
    ms "2.1.2"

debug@^3.2.7:
  version "3.2.7"
  resolved "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz"
  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
  dependencies:
    ms "^2.1.1"

debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@4:
  version "4.3.4"
  resolved "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz"
  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
  dependencies:
    ms "2.1.2"

debug@2.6.9:
  version "2.6.9"
  resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz"
  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
  dependencies:
    ms "2.0.0"

decimal.js@^10.3.1, decimal.js@^10.4.3:
  version "10.4.3"
@@ -2964,15 +3012,15 @@
  resolved "https://registry.npmmirror.com/delegates/-/delegates-1.0.0.tgz"
  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==

depd@2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz"
  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==

depd@~1.1.2:
  version "1.1.2"
  resolved "https://registry.npmmirror.com/depd/-/depd-1.1.2.tgz"
  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==

depd@2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz"
  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==

destroy@1.2.0:
  version "1.2.0"
@@ -3245,7 +3293,7 @@
    semver "^7.3.5"
    vue-eslint-parser "^8.0.1"

eslint-scope@5.1.1, eslint-scope@^5.1.1:
eslint-scope@^5.1.1, eslint-scope@5.1.1:
  version "5.1.1"
  resolved "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-5.1.1.tgz"
  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -3275,7 +3323,12 @@
  dependencies:
    eslint-visitor-keys "^2.0.0"

eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
eslint-visitor-keys@^1.1.0:
  version "1.3.0"
  resolved "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz"
  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==

eslint-visitor-keys@^1.3.0:
  version "1.3.0"
  resolved "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz"
  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
@@ -3301,7 +3354,7 @@
    normalize-path "^3.0.0"
    schema-utils "^4.0.0"

eslint@^7.32.0:
"eslint@^6.2.0 || ^7.0.0 || ^8.0.0", "eslint@^7.0.0 || ^8.0.0", eslint@^7.32.0, "eslint@^7.5.0 || ^8.0.0", eslint@>=5, eslint@>=6.0.0, eslint@>=7.5.0:
  version "7.32.0"
  resolved "https://registry.npmmirror.com/eslint/-/eslint-7.32.0.tgz"
  integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
@@ -3389,7 +3442,12 @@
  resolved "https://registry.npmmirror.com/estraverse/-/estraverse-4.3.0.tgz"
  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==

estraverse@^5.1.0, estraverse@^5.2.0:
estraverse@^5.1.0:
  version "5.3.0"
  resolved "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz"
  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==

estraverse@^5.2.0:
  version "5.3.0"
  resolved "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz"
  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
@@ -3676,11 +3734,6 @@
  resolved "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz"
  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==

fsevents@~2.3.2:
  version "2.3.3"
  resolved "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==

function-bind@^1.1.2:
  version "1.1.2"
  resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz"
@@ -3744,7 +3797,7 @@
  resolved "https://registry.npmmirror.com/get-stream/-/get-stream-6.0.1.tgz"
  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==

glob-parent@^5.1.2, glob-parent@~5.1.2:
glob-parent@^5.1.2:
  version "5.1.2"
  resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz"
  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -3757,6 +3810,13 @@
  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
  dependencies:
    is-glob "^4.0.3"

glob-parent@~5.1.2:
  version "5.1.2"
  resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz"
  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
  dependencies:
    is-glob "^4.0.1"

glob-to-regexp@^0.4.1:
  version "0.4.1"
@@ -3780,7 +3840,14 @@
  resolved "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz"
  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==

globals@^13.6.0, globals@^13.9.0:
globals@^13.6.0:
  version "13.24.0"
  resolved "https://registry.npmmirror.com/globals/-/globals-13.24.0.tgz"
  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
  dependencies:
    type-fest "^0.20.2"

globals@^13.9.0:
  version "13.24.0"
  resolved "https://registry.npmmirror.com/globals/-/globals-13.24.0.tgz"
  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
@@ -3963,6 +4030,16 @@
  resolved "https://registry.npmmirror.com/http-deceiver/-/http-deceiver-1.2.7.tgz"
  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==

http-errors@~1.6.2:
  version "1.6.3"
  resolved "https://registry.npmmirror.com/http-errors/-/http-errors-1.6.3.tgz"
  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
  dependencies:
    depd "~1.1.2"
    inherits "2.0.3"
    setprototypeof "1.1.0"
    statuses ">= 1.4.0 < 2"

http-errors@2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.0.tgz"
@@ -3973,16 +4050,6 @@
    setprototypeof "1.2.0"
    statuses "2.0.1"
    toidentifier "1.0.1"

http-errors@~1.6.2:
  version "1.6.3"
  resolved "https://registry.npmmirror.com/http-errors/-/http-errors-1.6.3.tgz"
  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
  dependencies:
    depd "~1.1.2"
    inherits "2.0.3"
    setprototypeof "1.1.0"
    statuses ">= 1.4.0 < 2"

http-parser-js@>=0.5.1:
  version "0.5.8"
@@ -4031,6 +4098,13 @@
  resolved "https://registry.npmmirror.com/human-signals/-/human-signals-2.1.0.tgz"
  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==

iconv-lite@^0.6.3:
  version "0.6.3"
  resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz"
  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
  dependencies:
    safer-buffer ">= 2.1.2 < 3.0.0"

iconv-lite@0.4.24:
  version "0.4.24"
  resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz"
@@ -4038,7 +4112,7 @@
  dependencies:
    safer-buffer ">= 2.1.2 < 3"

iconv-lite@0.6.3, iconv-lite@^0.6.3:
iconv-lite@0.6.3:
  version "0.6.3"
  resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz"
  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
@@ -4098,7 +4172,7 @@
    once "^1.3.0"
    wrappy "1"

inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@2, inherits@2.0.4:
  version "2.0.4"
  resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz"
  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -4108,15 +4182,15 @@
  resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.3.tgz"
  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==

ipaddr.js@1.9.1:
  version "1.9.1"
  resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz"
  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==

ipaddr.js@^2.0.1:
  version "2.1.0"
  resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-2.1.0.tgz"
  integrity sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==

ipaddr.js@1.9.1:
  version "1.9.1"
  resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz"
  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==

is-arrayish@^0.2.1:
  version "0.2.1"
@@ -4430,7 +4504,7 @@
  resolved "https://registry.npmjs.org/less-loader/-/less-loader-12.2.0.tgz"
  integrity sha512-MYUxjSQSBUQmowc0l5nPieOYwMzGPUaTzB6inNW/bdPEG9zOL3eAAD1Qw5ZxSPk7we5dMojHwNODYMV1hq4EVg==

less@^4.2.0:
"less@^3.5.0 || ^4.0.0", less@^4.2.0:
  version "4.2.0"
  resolved "https://registry.npmjs.org/less/-/less-4.2.0.tgz"
  integrity sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==
@@ -4564,7 +4638,15 @@
  dependencies:
    tslib "^2.0.3"

lru-cache@^4.0.1, lru-cache@^4.1.2:
lru-cache@^4.0.1:
  version "4.1.5"
  resolved "https://registry.npmmirror.com/lru-cache/-/lru-cache-4.1.5.tgz"
  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
  dependencies:
    pseudomap "^1.0.2"
    yallist "^2.1.2"

lru-cache@^4.1.2:
  version "4.1.5"
  resolved "https://registry.npmmirror.com/lru-cache/-/lru-cache-4.1.5.tgz"
  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
@@ -4667,7 +4749,7 @@
    braces "^3.0.2"
    picomatch "^2.3.1"

mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
"mime-db@>= 1.43.0 < 2", mime-db@1.52.0:
  version "1.52.0"
  resolved "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz"
  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
@@ -4679,7 +4761,7 @@
  dependencies:
    mime-db "1.52.0"

mime@1.6.0, mime@^1.4.1:
mime@^1.4.1, mime@1.6.0:
  version "1.6.0"
  resolved "https://registry.npmmirror.com/mime/-/mime-1.6.0.tgz"
  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
@@ -4771,15 +4853,15 @@
  resolved "https://registry.npmmirror.com/mrmime/-/mrmime-2.0.0.tgz"
  integrity sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==

ms@^2.1.1, ms@2.1.2:
  version "2.1.2"
  resolved "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz"
  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==

ms@2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz"
  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==

ms@2.1.2, ms@^2.1.1:
  version "2.1.2"
  resolved "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz"
  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==

ms@2.1.3:
  version "2.1.3"
@@ -5117,15 +5199,20 @@
  dependencies:
    parse5 "^6.0.1"

parse5@6.0.1, parse5@^6.0.1:
  version "6.0.1"
  resolved "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz"
  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==

parse5@^5.1.1:
  version "5.1.1"
  resolved "https://registry.npmmirror.com/parse5/-/parse5-5.1.1.tgz"
  integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==

parse5@^6.0.1:
  version "6.0.1"
  resolved "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz"
  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==

parse5@6.0.1:
  version "6.0.1"
  resolved "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz"
  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==

parseurl@~1.3.2, parseurl@~1.3.3:
  version "1.3.3"
@@ -5150,7 +5237,12 @@
  resolved "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==

path-key@^2.0.0, path-key@^2.0.1:
path-key@^2.0.0:
  version "2.0.1"
  resolved "https://registry.npmmirror.com/path-key/-/path-key-2.0.1.tgz"
  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==

path-key@^2.0.1:
  version "2.0.1"
  resolved "https://registry.npmmirror.com/path-key/-/path-key-2.0.1.tgz"
  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
@@ -5458,15 +5550,7 @@
  resolved "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==

postcss@^7.0.36:
  version "7.0.39"
  resolved "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
  dependencies:
    picocolors "^0.2.1"
    source-map "^0.6.1"

postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.14, postcss@^8.4.33, postcss@^8.4.38:
"postcss@^7.0.0 || ^8.0.1", postcss@^8.0.9, postcss@^8.1.0, postcss@^8.2.15, postcss@^8.2.2, postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.14, postcss@^8.4.33, postcss@^8.4.38:
  version "8.4.38"
  resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.38.tgz"
  integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
@@ -5474,6 +5558,14 @@
    nanoid "^3.3.7"
    picocolors "^1.0.0"
    source-map-js "^1.2.0"

postcss@^7.0.36:
  version "7.0.39"
  resolved "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
  dependencies:
    picocolors "^0.2.1"
    source-map "^0.6.1"

prelude-ls@^1.2.1:
  version "1.2.1"
@@ -5793,15 +5885,20 @@
  dependencies:
    queue-microtask "^1.2.2"

safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
safe-buffer@^5.1.0, safe-buffer@>=5.1.0, safe-buffer@~5.2.0, safe-buffer@5.2.1:
  version "5.2.1"
  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz"
  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==

safe-buffer@~5.1.0, safe-buffer@~5.1.1:
  version "5.1.2"
  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==

safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
  version "5.2.1"
  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz"
  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
safe-buffer@5.1.2:
  version "5.1.2"
  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==

"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
  version "2.1.2"
@@ -5829,7 +5926,25 @@
    ajv "^6.12.4"
    ajv-keywords "^3.5.2"

schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.2.0:
schema-utils@^3.0.0:
  version "3.3.0"
  resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.3.0.tgz"
  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
  dependencies:
    "@types/json-schema" "^7.0.8"
    ajv "^6.12.5"
    ajv-keywords "^3.5.2"

schema-utils@^3.1.1:
  version "3.3.0"
  resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.3.0.tgz"
  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
  dependencies:
    "@types/json-schema" "^7.0.8"
    ajv "^6.12.5"
    ajv-keywords "^3.5.2"

schema-utils@^3.2.0:
  version "3.3.0"
  resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.3.0.tgz"
  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
@@ -5861,9 +5976,14 @@
    "@types/node-forge" "^1.3.0"
    node-forge "^1"

"semver@2 || 3 || 4 || 5", semver@^5.5.0, semver@^5.6.0:
semver@^5.5.0:
  version "5.7.2"
  resolved "https://registry.npmmirror.com/semver/-/semver-5.7.2.tgz"
  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==

semver@^5.6.0:
  version "5.7.2"
  resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==

semver@^6.0.0, semver@^6.3.1:
@@ -5871,7 +5991,14 @@
  resolved "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==

semver@^7.2.1, semver@^7.3.4, semver@^7.5.4:
semver@^7.2.1:
  version "7.6.0"
  resolved "https://registry.npmmirror.com/semver/-/semver-7.6.0.tgz"
  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
  dependencies:
    lru-cache "^6.0.0"

semver@^7.3.4:
  version "7.6.0"
  resolved "https://registry.npmmirror.com/semver/-/semver-7.6.0.tgz"
  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
@@ -5882,6 +6009,18 @@
  version "7.6.3"
  resolved "https://registry.npmmirror.com/semver/-/semver-7.6.3.tgz"
  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==

semver@^7.5.4:
  version "7.6.0"
  resolved "https://registry.npmmirror.com/semver/-/semver-7.6.0.tgz"
  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
  dependencies:
    lru-cache "^6.0.0"

"semver@2 || 3 || 4 || 5":
  version "5.7.2"
  resolved "https://registry.npmmirror.com/semver/-/semver-5.7.2.tgz"
  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==

send@0.18.0:
  version "0.18.0"
@@ -6160,15 +6299,29 @@
  resolved "https://registry.npmmirror.com/stackframe/-/stackframe-1.3.4.tgz"
  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==

"statuses@>= 1.4.0 < 2":
  version "1.5.0"
  resolved "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz"
  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==

statuses@2.0.1:
  version "2.0.1"
  resolved "https://registry.npmmirror.com/statuses/-/statuses-2.0.1.tgz"
  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==

"statuses@>= 1.4.0 < 2":
  version "1.5.0"
  resolved "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz"
  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
string_decoder@^1.1.1:
  version "1.3.0"
  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz"
  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
  dependencies:
    safe-buffer "~5.2.0"

string_decoder@~1.1.1:
  version "1.1.1"
  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz"
  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
  dependencies:
    safe-buffer "~5.1.0"

"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
  version "4.2.3"
@@ -6186,20 +6339,6 @@
  dependencies:
    is-fullwidth-code-point "^2.0.0"
    strip-ansi "^4.0.0"

string_decoder@^1.1.1:
  version "1.3.0"
  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz"
  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
  dependencies:
    safe-buffer "~5.2.0"

string_decoder@~1.1.1:
  version "1.1.1"
  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz"
  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
  dependencies:
    safe-buffer "~5.1.0"

strip-ansi@^4.0.0:
  version "4.0.0"
@@ -6511,7 +6650,7 @@
  resolved "https://registry.npmmirror.com/universalify/-/universalify-2.0.1.tgz"
  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==

unpipe@1.0.0, unpipe@~1.0.0:
unpipe@~1.0.0, unpipe@1.0.0:
  version "1.0.0"
  resolved "https://registry.npmmirror.com/unpipe/-/unpipe-1.0.0.tgz"
  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
@@ -6609,6 +6748,14 @@
    hash-sum "^2.0.0"
    watchpack "^2.4.0"

vue-mathjax@^0.1.1:
  version "0.1.1"
  resolved "https://registry.npmmirror.com/vue-mathjax/-/vue-mathjax-0.1.1.tgz"
  integrity sha512-bg5PpGPEB42mp+154khmqO1gtq6a/N8TbbLMVCOmaPV37vH96o7mjoAQ3jeQLQw3WMEHGz5zoDzvbcxhDkQKRQ==
  dependencies:
    core-js "^3.6.5"
    vue "^2.6.11"

vue-style-loader@^4.1.0, vue-style-loader@^4.1.3:
  version "4.1.3"
  resolved "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz"
@@ -6617,7 +6764,7 @@
    hash-sum "^1.0.2"
    loader-utils "^1.0.2"

vue-template-compiler@^2.6.14:
vue-template-compiler@^2.0.0, vue-template-compiler@^2.6.14:
  version "2.7.16"
  resolved "https://registry.npmmirror.com/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz"
  integrity sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==
@@ -6630,7 +6777,7 @@
  resolved "https://registry.npmmirror.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz"
  integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==

vue@^2.6.14:
vue@*, "vue@^2 || ^3.2.13", vue@^2.0.0, vue@^2.5.17, vue@^2.6.11, vue@^2.6.14:
  version "2.7.16"
  resolved "https://registry.npmmirror.com/vue/-/vue-2.7.16.tgz"
  integrity sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==
@@ -6771,7 +6918,7 @@
    flat "^5.0.2"
    wildcard "^2.0.0"

webpack-sources@^3.2.3:
webpack-sources@*, webpack-sources@^3.2.3:
  version "3.2.3"
  resolved "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz"
  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
@@ -6781,7 +6928,7 @@
  resolved "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.4.6.tgz"
  integrity sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==

webpack@^5.54.0, webpack@^5.92.0:
"webpack@^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0", "webpack@^3.0.0 || ^4.1.0 || ^5.0.0-0", "webpack@^4.0.0 || ^5.0.0", "webpack@^4.1.0 || ^5.0.0-0", "webpack@^4.27.0 || ^5.0.0", "webpack@^4.37.0 || ^5.0.0", webpack@^5.0.0, webpack@^5.1.0, webpack@^5.20.0, webpack@^5.54.0, webpack@^5.92.0, webpack@>=2:
  version "5.93.0"
  resolved "https://registry.npmmirror.com/webpack/-/webpack-5.93.0.tgz"
  integrity sha512-Y0m5oEY1LRuwly578VqluorkXbvXKh7U3rLoQCEO04M97ScRr44afGVkI0FQFsXzysk5OgFAxjZAb9rsGQVihA==
@@ -6811,7 +6958,7 @@
    watchpack "^2.4.1"
    webpack-sources "^3.2.3"

websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
websocket-driver@^0.7.4, websocket-driver@>=0.5.1:
  version "0.7.4"
  resolved "https://registry.npmmirror.com/websocket-driver/-/websocket-driver-0.7.4.tgz"
  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==