旅游社英语单词组件完成

zhongshujie

2025-05-20 1522cbb7d80fb3b6ab536ea55c935252beff626b

旅游社英语单词组件完成

 .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"
VUE_APP_BOOK_ID = 'aviationPassengerTransport6th'
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'

 src/App.vue

@@ -184,15 +184,8 @@
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "meetingPlanners")
          : "hotelEnglishTrainingBrochure2nd")
      );

      // this.activeBook = await this.config.getBookConfig(
      //   'https://jsek.bnuic.com/books/resource/'+
      //   (process.env.VUE_APP_ENV == "product"
      //     ? process.env.VUE_APP_BOOK_ID
      //     : "meetingPlanners")
      // );

      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

 src/books/hotelEnglishTrainingBrochure2nd/assets/englishKeyWords.js

New file
@@ -0,0 +1,375 @@
const 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: "当面服务",
  },
];

export default keyWordData;

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

@@ -460,9 +460,9 @@
            <p class="content">
              <img class="img-k" src="../../assets/images/a2.jpg" alt="" />
              Here are commonly accepted international credit cards:
              <span class="ts-word">American Express (AE/AX)</span>, <span class="ts-word">MasterCard(MC)</span>, <span
                class="ts-word">Visa(VS)</span>, <span class="ts-word">enRoute(ER)</span>
              ,<span class="ts-word">Eurocard(EC)</span>, <span class="ts-word">International Great Wall</span>,<span
              <span class="ts-word">American Express (AE/AX)</span>, <span class="ts-word">MasterCard (MC)</span>, <span
                class="ts-word">Visa (VS)</span>, <span class="ts-word">enRoute (ER)</span>
              ,<span class="ts-word">Eurocard (EC)</span>, <span class="ts-word">International Great Wall</span>,<span
                class="ts-word">International Diner's Club</span>,<span class="ts-word">Federal Card</span>.
            </p>
            <p class="content">
@@ -473,7 +473,7 @@
            <p class="content">
              <img class="img-k" src="../../assets/images/a2.jpg" alt="" />
              Check if the total amount on the bill goes beyond the
              <span class="ts-word">authorized credit limit</span> set by the
              <span class="ts-word">authorized</span>&ensp;<span class="ts-word">credit limit</span> set by the
              credit card offi ce. If it is beyond the limit, you may ask the
              guest if he/she would like to pay in cash to settle the
              difference.
@@ -501,7 +501,7 @@
            <p class="content">
              <img class="img-k" src="../../assets/images/a2.jpg" alt="" />
              Check if the total amount on the bill goes beyond the
              <span class="ts-word">authorized credit limit</span> set by the
              <span class="ts-word">authorized</span>&ensp;<span class="ts-word">credit limit</span> set by the
              credit card offi ce. If it is beyond the limit, you may ask the
              guest if he/she would like to pay in cash to settle the
              difference.
@@ -1129,7 +1129,7 @@
          <p class="quotation fm-kt">我们接受美国运通卡、万事达卡和维萨卡。</p>
          <p class="content">
            (29) I'm sorry but we are not allowed to accept
            <span class="ts-word">personal checks.</span>
            <span class="ts-word">personal checks</span>.
          </p>
          <p class="quotation fm-kt">对不起，我们不能接受个人支票。</p>
          <p class="content">
@@ -1142,7 +1142,7 @@
          </p>
          <p class="quotation fm-kt">您用现金补差额可以吗？</p>
          <p class="content">
            (32) Here is your <span class="ts-word">change/</span>receipt/<span class="ts-word">invoice</span>.
            (32) Here is your <span class="ts-word">change</span>/receipt/<span class="ts-word">invoice</span>.
          </p>
          <p class="quotation fm-kt">这是您的零钱/收据/发票。</p>
          <p class="content">(33) Wish you a pleasant journey.</p>

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

@@ -29,7 +29,8 @@
              :interfaceQuestion="questionDataMap"
            ></chapterFive>  -->
    </div>
    <translateWord :pageX="pageX" :pageY="pageY" :showWord="showWord" v-if="showWord" />
    <translateWord :pageX="pageX" :pageY="pageY" :showWord="showWord" :IPA="IPA" :prototype="prototype"
      :translate="translate" v-if="showWord" />
  </div>
</template>

@@ -44,6 +45,7 @@
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 _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
@@ -71,6 +73,10 @@
      pageX: 0,
      pageY: 0,
      showWord: "",
      prototype: "",
      IPA: "",
      translate: "",
      keywordList: keyWordData
    };
  },
  computed: {
@@ -184,9 +190,9 @@
    }, 500);

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

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
@@ -960,8 +966,14 @@
            const rect = dom.getBoundingClientRect();
            this.pageX = rect.left;
            this.pageY = rect.top + rect.height;
            this.showWord = event.target.innerText;
            console.log(rect);
            this.keywordList.forEach((item) => {
              if (item.name == event.target.innerText) {
                this.showWord = item.name
                this.prototype = item.prototype
                this.IPA = item.IPA
                this.translate = item.translate
              }
            });
          }
        };
        dom.onmouseleave = (event) => {

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

 src/books/toddlerGameImplementation/assets/main.less

@@ -48,6 +48,10 @@
    margin-left: 20px;
  }

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

  .ml-2e {
    margin-left: 2em;
  }
@@ -154,7 +158,11 @@
    font-family: "方正兰亭刊黑";
  }

  .fm-方正书宋{
  .fm-fzfs {
    font-family: "方正仿宋";
  }

  .fm-方正书宋 {
    font-family: "方正书宋";
  }

@@ -173,10 +181,6 @@
  .td-0 {
    text-indent: 0em !important;
  }

  // .td-{

  // }

  .td-1 {
    text-indent: 1em !important;
@@ -574,7 +578,7 @@
    cursor: pointer;
  }

  sup{
  sup {
    cursor: pointer;
  }

@@ -1273,7 +1277,7 @@


  p {
    font-family: '方正仿宋';
    font-family: '方正新报宋';
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-indent: 2em;
@@ -1707,12 +1711,12 @@
  div.bk2 {
    background: #E2F4FE;
    border: 2px solid #3EC9F4;
    padding: 10px 10px 20px 10px;
    padding: 15px 10px 5px 10px;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;

    p{
    p {
      font-family: "方正兰亭刊黑";
      font-size: 13.5px;
    }
@@ -1785,7 +1789,7 @@
    margin-left: 0.6em;
    box-shadow: 0 0 30px rgba(135 209 243);

    p{
    p {
      font-family: "方正兰亭刊黑";
    }
  }
@@ -1803,7 +1807,7 @@
    position: absolute;
    width: 260px;
    height: 45px;
    background-color: #9adbf9;
    background-color: #b9e5fa;
    border-radius: 1.5em;
    top: 8px;
    mix-blend-mode: multiply;
@@ -1840,7 +1844,7 @@
    position: absolute;
    width: 100%;
    height: 85px;
    background-color: #C7EAFD;
    background-color: #c6eafa;
    border-radius: 1em;
  }

@@ -2172,6 +2176,11 @@
}


.textarea-question {
  border-color: #6bcff6 !important;
}



// 隐藏页面
.hidePage {

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

@@ -1,8 +1,8 @@
<template>
    <div class="chapter" num="2">
        <!-- 1页 -->
        <div class="page-box" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <div style="display: flex;">
                    <div class="img-0">
                        <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/0013-1.jpg" /></p>
                        <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0013-1.jpg" /></p>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
                        <p class="fm-KH">游戏是孩子整个的生活。孩子两三个月大时就在床上不停地动手踢脚，独自地玩。到了五六个月的时候，看见东西就要抓；再大一点就这里推推、那里拉拉，还会不停地爬来爬去、走来走去；到了三四岁的时候，游戏的种类更加繁多。你认为游戏对婴幼儿发展的意义是什么？照护者在0～3岁婴幼儿游戏中的作用是什么？婴幼儿的发展与其游戏之间有怎样的关系呢？
                        <p class="fm-KH">
                            游戏是孩子整个的生活。孩子两三个月大时就在床上不停地动手踢脚，独自地玩。到了五六个月的时候，看见东西就要抓；再大一点就这里推推、那里拉拉，还会不停地爬来爬去、走来走去；到了三四岁的时候，游戏的种类更加繁多。你认为游戏对婴幼儿发展的意义是什么？照护者在0～3岁婴幼儿游戏中的作用是什么？婴幼儿的发展与其游戏之间有怎样的关系呢？
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 2页 -->
        <div class="page-box" page="10">
            <div v-if="showPageList.indexOf(10) > -1">
        <div class="page-box" page="12">
            <div v-if="showPageList.indexOf(12) > -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="">
@@ -44,7 +45,7 @@
                <div class="bodystyle">
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
                        <tr class="table-th-bc">
                            <td class="center">项目</td>
                            <td class="center">内容</td>
@@ -99,8 +100,8 @@
            </div>
        </div>
        <!-- 3页 -->
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -111,15 +112,26 @@
                </ul>
                <div class="bodystyle">
                    <p class="mb-10"><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.为什么6个月左右的孩子没有对藏找游戏产生兴趣？</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="c001">一、0～1岁婴儿的发展概况</h3>
                    <h4 id="d001">（一）0～3个月婴儿的发展概况</h4>
                    <p>0～3个月婴儿已经准备好迎接世界。在他们的五大感觉发展中，味觉和嗅觉成熟得相对较早。例如，他们能用微笑、皱眉和伸舌头来表示对甜、咸、苦的好恶。新生儿只有20厘米左右的视程，而且看不清楚细节。到3个月时，婴儿不仅能仔细观察近物，还能视觉追物。这个阶段婴儿的动作发展主要表现为小手从握拳到松开，有意识地尝试着去抓东西；颈部肌肉从无力支撑头部到俯卧时抬头45°；四肢从随机、无控制发展到有意识地抬臂、踢腿。他们会运用感官和动作探索世界。<sup title="李营：《0～3岁婴幼儿玩教具推荐及游戏指导》视频指导版，2页，北京，人民邮电出版社，2019。">①</sup>
                    <p>0～3个月婴儿已经准备好迎接世界。在他们的五大感觉发展中，味觉和嗅觉成熟得相对较早。例如，他们能用微笑、皱眉和伸舌头来表示对甜、咸、苦的好恶。新生儿只有20厘米左右的视程，而且看不清楚细节。到3个月时，婴儿不仅能仔细观察近物，还能视觉追物。这个阶段婴儿的动作发展主要表现为小手从握拳到松开，有意识地尝试着去抓东西；颈部肌肉从无力支撑头部到俯卧时抬头45°；四肢从随机、无控制发展到有意识地抬臂、踢腿。他们会运用感官和动作探索世界。<sup
                            title="李营：《0～3岁婴幼儿玩教具推荐及游戏指导》视频指导版，2页，北京，人民邮电出版社，2019。">①</sup>
                    </p>
                    <p>这个阶段的婴儿的情绪、情感发展主要表现为哭声的分化和社会性微笑的产生。比起关注物体，他们更喜欢关注人，从最初的喜欢看人脸、喜欢听人说话，发展到喜欢与人交流、玩耍。尤其是对亲近的主要教养人，婴儿已发展出对其的整体感知，渐渐依恋上这个值得信赖的人，并期待与之发生社会互动。关注彼此是令他们愉悦的。很快，婴儿就会对他人（主要教养人）的微笑或低语做出相似的回应，构建有来有往的互动循环。这是一种更复杂的游戏形式。
                    </p>
@@ -128,18 +140,16 @@
                    </p>
                    <p>随着颈部及腿部肌肉力量的增强，这个阶段的婴儿可以自主进行两侧翻身，开始学习匍匐前进，从被动移动转向自主移动。随着身体协调能力与肌肉力量的增强，婴儿的视野随之拓宽，对外界的控制能力也逐步增强。
                    </p>
                    <p>这个阶段的婴儿的积极情绪体验增多，他们更容易被逗笑，也会用自己的面部表情和身体动作发出信号，但并非对所有人都这样，只对身边亲近的人才会这样。陌生人的出现和靠近反而会使这一阶段的婴儿高度警惕，甚至感到惊慌、害怕而哭闹。这种现象源于婴儿的陌生人焦虑，认生现象也在这一阶段开始出现。
                    </p>
                    <p><br></p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1" >①</a>&emsp;李营：《0～3岁婴幼儿玩教具推荐及游戏指导》视频指导版，2页，北京，人民邮电出版社，2019。</p>
                            id="m1">①</a>&emsp;李营：《0～3岁婴幼儿玩教具推荐及游戏指导》视频指导版，2页，北京，人民邮电出版社，2019。</p>
                </div>
            </div>
        </div>
        <!-- 4页 -->
        <div class="page-box" page="12">
            <div v-if="showPageList.indexOf(12) > -1">
        <div class="page-box" page="14">
            <div v-if="showPageList.indexOf(14) > -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="">
@@ -148,7 +158,8 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p>这个阶段的婴儿的发音逐渐增多，如声母、韵母陆续出现，连续音节也频繁出现，并且开始意识到通过发声可以展开交流。</p>
                    <p>这个阶段的婴儿的积极情绪体验增多，他们更容易被逗笑，也会用自己的面部表情和身体动作发出信号，但并非对所有人都这样，只对身边亲近的人才会这样。陌生人的出现和靠近反而会使这一阶段的婴儿高度警惕，甚至感到惊慌、害怕而哭闹。这种现象源于婴儿的陌生人焦虑，认生现象也在这一阶段开始出现。这个阶段的婴儿的发音逐渐增多，如声母、韵母陆续出现，连续音节也频繁出现，并且开始意识到通过发声可以展开交流。
                    </p>
                    <h4 id="d003">（三）7～9个月婴儿的发展概况</h4>
                    <p>在动作发展方面，7～9个月婴儿能自如地独坐，开始了手膝爬，爬行距离增加且速度变快。他们的五指初步分化，能够用拇指和其余四指配合捏取物品。同时，他们的单手操作物品和双手合作的能力也在提高。他们会摇晃、投掷、扔东西，会灵活地用双手交换物品，会对击敲东西。
                    </p>
@@ -170,14 +181,12 @@
                    </p>
                    <p>这个阶段的幼儿是娴熟的行动者。他们已学会熟练地行走、上下楼梯，尝试着跑步、踢球等，小手也开始有更多的功能性动作，即按照事物的特点去操作，如搭积木、涂鸦、翻书等。</p>
                    <p>这个阶段的幼儿进入真正的语言发展期，能够用手势、面部表情和词语与他人交流。虽然只是单个的名词或动词，但表达的是一句完整的话。这个阶段的幼儿还喜欢翻阅图书，能够说出书上图片的名称。</p>
                    <p>这个阶段的幼儿独立意识开始萌芽，能更加明确地意识到自己与他人的不同，并且很有自己的想法。他们开始对外界的人、事、物有更清晰的情绪和情感回应，在短时间内情绪变化会很强烈。尤其是当外界与他
                    </p>
                </div>
            </div>
        </div>
        <!-- 5页 -->
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
        <div class="page-box" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -187,8 +196,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        们自身的心理状态和需求不符，如受挫时，他们就会发脾气。但与此同时，幼儿也在发展新的积极情感，如同情。1岁以后，幼儿虽然以独自游戏为主，但已经开始长时间地观察同龄人的游戏，有时候在成人的引导下能够参与到小组活动中。
                    <p>这个阶段的幼儿独立意识开始萌芽，能更加明确地意识到自己与他人的不同，并且很有自己的想法。他们开始对外界的人、事、物有更清晰的情绪和情感回应，在短时间内情绪变化会很强烈。尤其是当外界与他们自身的心理状态和需求不符，如受挫时，他们就会发脾气。但与此同时，幼儿也在发展新的积极情感，如同情。1岁以后，幼儿虽然以独自游戏为主，但已经开始长时间地观察同龄人的游戏，有时候在成人的引导下能够参与到小组活动中。
                    </p>
                    <p>在自我服务活动方面，这个阶段的幼儿会配合成人穿脱衣服、洗手、洗脸，会自己用杯子喝水、用勺子吃饭，甚至会自己刷牙。他们已经具备了基本的生活自理能力，尽管还不够熟练，但这是走出家庭、适应集体生活的重要一步。
                    </p>
@@ -202,7 +210,8 @@
                    <p>在自我服务活动方面，这个阶段的幼儿可以培养初步的用餐习惯，如安静、愉快地进餐，不挑食、不偏食，不贪吃零食等。幼儿对进餐规则的掌握和相应技能的熟练化，使家长的养育工作逐步轻松起来。</p>
                    <h3 id="c003">三、2～3岁幼儿的发展概况</h3>
                    <h4 id="d007">（一）25～30个月幼儿的发展概况</h4>
                    <p>随着年龄的增长，这个阶段的幼儿已表现出“小大人”的特质，他们对物品所有权、常规活动、吃饭时间以及游戏活动都有自己的主见，在整体的社会适应方面已经娴熟了许多。<sup title="［美］Julia Luckenbill、［美］AartiSubramaniam、［美］Janet Thompson：《0-3岁婴幼儿游戏：适宜的环境创设与师幼互动》，张和颐、尹雪力译，83页，北京，中国轻工业出版社，2022。">①</sup>他们的认知发展正式进入前运算阶段，能够借助表象进行思考，从而认识更抽象的符号体系，如数的概念、用实物或图形表征社会现实等。新的思维能力也带动幼儿对社会事件的理解和记忆力的发展。他们能记住自己的姓名、性别，能回忆起不久前亲身经历的事件。这一阶段的幼儿的思维容量明显增加，思维的抽象水平也比上一阶段有很大提高。
                    <p>随着年龄的增长，这个阶段的幼儿已表现出“小大人”的特质，他们对物品所有权、常规活动、吃饭时间以及游戏活动都有自己的主见，在整体的社会适应方面已经娴熟了许多。<sup
                            title="［美］Julia Luckenbill、［美］AartiSubramaniam、［美］Janet Thompson：《0-3岁婴幼儿游戏：适宜的环境创设与师幼互动》，张和颐、尹雪力译，83页，北京，中国轻工业出版社，2022。">①</sup>他们的认知发展正式进入前运算阶段，能够借助表象进行思考，从而认识更抽象的符号体系，如数的概念、用实物或图形表征社会现实等。新的思维能力也带动幼儿对社会事件的理解和记忆力的发展。他们能记住自己的姓名、性别，能回忆起不久前亲身经历的事件。这一阶段的幼儿的思维容量明显增加，思维的抽象水平也比上一阶段有很大提高。
                    </p>
                    <p>这个阶段的幼儿的动作开始变得更加复杂，他们的抓握能力、平衡能力和手眼协调能力都在增强，其技巧性也开始表现出来。这一阶段形成的动作技能主要服务于日常生活及游戏中一些特定的时机与场合，特点是灵活自如、平衡性强，如倒退走、迈过障碍物、独脚站片刻等。工具使用的熟练化也是这一阶段的突出特点：骑小三轮脚踏车，旋转门把手，用大蜡笔画水平与垂直线。日益复杂的动作为他们适应集体生活及参与各类学习活动做好了准备。
                    </p>
@@ -215,8 +224,8 @@
            </div>
        </div>
        <!-- 6页 -->
        <div class="page-box" page="14">
            <div v-if="showPageList.indexOf(14) > -1">
        <div class="page-box" page="16">
            <div v-if="showPageList.indexOf(16) > -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="">
@@ -278,7 +287,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -301,8 +310,8 @@
            </div>
        </div>
        <!-- 7页 -->
        <div class="page-box" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
        <div class="page-box" page="17">
            <div v-if="showPageList.indexOf(17) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -327,7 +336,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -346,14 +355,40 @@
                            </span>
                        </li>
                    </ul>
                    <p>5.你会为19～24个月幼儿设计哪些有利于其精细动作发展的游戏？</p>
                    <textarea v-model="unitQuestion.textOne" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
                        @change="saveUnitOne"></textarea>
                    <p>6.根据31～36个月幼儿的发展特点，你会设计哪些有利于促进其粗大动作发展的游戏？</p>
                    <textarea v-model="unitQuestion.textTwo" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
                        @change="saveUnitOne"></textarea>
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="index">
                        <li>
                            {{ index + 5 }}.（多选）{{ item.txt }}。
                        </li>
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                                <input type="checkbox" :disabled="unitQuestion.isComplete" :name="item.txt"
                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestion.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案：{{ item.answer.join(',') }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.userAnswer.length ? item.userAnswer.join(',') : ''
                            }}</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.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="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">
@@ -375,12 +410,17 @@
                            </li>
                        </ul>
                    </div>
                    <p><img class="rwmb-1" src="../../assets/images/0019_01.jpg" alt="" /></p>
                    <p>
                        生长发育正常是健康的重要标志，这种发育是有一定规律的，既是连续的，又有阶段性，即在不同年龄阶段，有着不同的发育标志。以下二维码中呈现了教育部与联合国儿童基金会共同推广的0～6岁儿童的发展里程碑，有助于你了解和关注婴幼儿的早期成长。
                    </p>

                </div>
            </div>
        </div>
        <!-- 8页 -->
        <div class="page-box" page="16">
            <div v-if="showPageList.indexOf(16) > -1">
        <div class="page-box" page="18">
            <div v-if="showPageList.indexOf(18) > -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="">
@@ -399,7 +439,7 @@
                <div class="bodystyle">
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
                        <tr class="table-th-bc">
                            <td class="center">项目</td>
                            <td class="center">内容</td>
@@ -453,8 +493,8 @@
            </div>
        </div>
        <!-- 9页 -->
        <div class="page-box" page="17">
            <div v-if="showPageList.indexOf(17) > -1">
        <div class="page-box" page="19">
            <div v-if="showPageList.indexOf(19) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -465,20 +505,21 @@
                </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>1.为什么研究者对于游戏的认识各有不同？</p>
                    <textarea v-model="questionData.unitOne.one" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                        @change="setQuestionData"></textarea>
                    <p>2.面对各种不同的游戏观点，我们应该树立怎样的态度？</p>
                    <textarea v-model="questionData.unitOne.two" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                        @change="setQuestionData"></textarea>
                    <p>3.基于这些观点，我们如何理解游戏的本质及对婴幼儿的发展价值？</p>
                    <textarea v-model="questionData.unitOne.three" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                        @change="setQuestionData"></textarea>
                    <h3 id="c004">一、剩余精力说</h3>
                    <p>剩余精力说是较早出现的游戏理论之一，该游戏理论的代表人物有席勒和斯宾塞。该游戏理论认为，游戏是机体的基本生存需要满足后仍有富裕的精力的产物，即游戏的动力来自“剩余精力”。这一游戏思想初见于18世纪席勒的著作中，后经19世纪斯宾塞发展并形成。
@@ -493,8 +534,7 @@
                        <p class="center text">
                            <video :src="videoPathOne" 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>
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：剩余精力说 </span>
@@ -509,8 +549,8 @@
            </div>
        </div>
        <!-- 10页 -->
        <div class="page-box" page="18">
            <div v-if="showPageList.indexOf(18) > -1">
        <div class="page-box" page="20">
            <div v-if="showPageList.indexOf(20) > -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="">
@@ -526,7 +566,7 @@
                            </div>
                            <p>依据剩余精力说，婴幼儿游戏的动力来源于哪里？如何看待这种动力？</p>
                            <textarea v-model="questionData.unitOne.four" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-main"
                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question"
                                @change="setQuestionData"></textarea>
                        </div>
                    </div>
@@ -544,8 +584,7 @@
                            <p class="center text">
                                <video :src="videoPathTwo" 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>
                                    x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                            </p>
                            <p class="center videoname">
                                <span>视频：生活准备说</span>
@@ -573,7 +612,7 @@
                                    <span class="c-g"> 答案：{{ item.answer }}</span>
                                    <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                        item.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"
@@ -616,15 +655,15 @@
                            </div>
                        </div>
                        <h3 id="c006">三、复演说</h3>
                        <p>复演说的主要倡导者是美国心理学家霍尔。在他看来，儿童的游戏是对人类祖先生活的“回忆”重视。霍尔对格鲁斯的游戏理论是不认同的，他认为格鲁斯关于游戏是对未来成人活动的练习的观点是非常片面的、表面的和错误的，因为它忽视了过去。霍尔认为，胎儿在胎内的发展重演了动物进化的过程（从原生物到人），儿童时期的发展则重演了人类进化的过程（从猿到人）。从儿童的身上可以找到与之相应的游戏行为表现，这是人类祖先行为的反映。儿童的游戏就是祖先的“工作”，原始人的打猎、追逐等构成了现代儿童游戏的基本内容。由于这些活动已经成为人的本能，因此儿童做起来不需要花费力气，并且游戏的快乐也
                        <p>复演说的主要倡导者是美国心理学家霍尔。在他看来，儿童的游戏是对人类祖先生活的“回忆”重视。霍尔对格鲁斯的游戏理论是不认同的，他认为格鲁斯关于游戏是对未来成人活动的练习的观点是非常片面的、表面的和错误的，因为它忽视了过去。霍尔认为，胎儿在胎内的发展重演了动物进化的过程（从原生物到人），儿童时期的发展则重演了人类进化的过程（从猿到人）。从儿童的身上可以找到与之相应的游戏行为表现，这是人类祖先行为的反映。儿童的游戏就是祖先的“工作”，原始人的打猎、追逐等构成了现代儿童游戏的基本内容。由于这些活动已经成为人的本能，因此儿童做起来不需要花费力气，并且游戏的快乐也总是直接与遗传趋势的方向和力量成比例的。现代生活中是找不到任何对于游戏快乐的解释，只有回溯“过去”才能发现游戏的深远意义。许多现代的活动都是原始人生存斗争的复演。此外，儿童在游戏中既能感受到快乐，也能进行情感的宣泄。
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 11页 -->
        <div class="page-box" page="19">
            <div v-if="showPageList.indexOf(19) > -1">
        <div class="page-box" page="21">
            <div v-if="showPageList.indexOf(21) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -634,17 +673,13 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        总是直接与遗传趋势的方向和力量成比例的。现代生活中是找不到任何对于游戏快乐的解释，只有回溯“过去”才能发现游戏的深远意义。许多现代的活动都是原始人生存斗争的复演。此外，儿童在游戏中既能感受到快乐，也能进行情感的宣泄。
                    </p>
                    <p>霍尔的游戏理论在某种程度上反映了儿童游戏内容的社会历史性：社会环境不同，儿童游戏内容不同。他没有就这种现象做出正确的解释。虽然他没能完成这一任务，但其思想也能给予后人的研究一些新的启示。它给教育的启示是，关注游戏给予儿童的快乐情感体验；重视社会历史对儿童发展的影响，也可从社会历史中发现丰富的和可借鉴的游戏形式和素材。
                    </p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathThree" 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>
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：复演说</span>
@@ -666,8 +701,7 @@
                        <p class="center text">
                            <video :src="videoPathFour" 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>
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：松弛说</span>
@@ -683,14 +717,12 @@
                    </p>
                    <p>奥地利医生弗洛伊德是精神分析学派的创始人。在其人格构成学说的基础上，他认为儿童的游戏对于人格的正常发展具有重要的作用；游戏可以帮助儿童释放因内驱力受社会压制而产生的紧张和压力，帮助儿童处理适应不良的经验，因而具有“治疗”的作用；游戏为儿童提供了一个安全的环境，可以让儿童在现实生活中不能实现的愿望在想象中得到实现；游戏作为一种想象或假装的行动，可以使儿童以自己的方式来处理现实生活那些超出他们的能力但对于他们具有特殊意义的事情。当然，游戏不一定全是愉快的体验，也可能是不愉快的体验。
                    </p>
                    <p>在弗洛伊德的基础上，另一位理论家埃里克森在其基础上进一步丰富、充实了关于游戏的观点。埃里克森认为游戏可以减少焦虑情绪、补偿性地满足儿童的愿望、在儿童人格的发展中有积极的作用。同样，埃里克森在其建构的人格发展理论中进一步阐述了对游戏的认识。他认为，儿童在早期的婴幼儿阶段是相对软弱无能的，完全依赖他人的养育和保护；婴幼儿需要从生理需要的满足中，体验到身体的康宁与环境的安全，
                    </p>
                </div>
            </div>
        </div>
        <!-- 12页 -->
        <div class="page-box" page="20">
            <div v-if="showPageList.indexOf(20) > -1">
        <div class="page-box" page="22">
            <div v-if="showPageList.indexOf(22) > -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="">
@@ -699,15 +731,13 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        从而建立对周围环境的信任感；游戏对于母子关系的形成和信任感的产生具有重要的意义。这一阶段的婴幼儿往往与母亲相互凝视，这种视觉的相互作用必然带有某种游戏性。母亲的眼神不仅传递着爱的信息，也含有游戏性的鼓励。埃里克森还认为，游戏可以通过创造特定情境，并在角色扮演中化解各阶段人格的危机，让儿童获得成长；此外，儿童的游戏有着明显的性别差异。
                    <p>在弗洛伊德的基础上，另一位理论家埃里克森在其基础上进一步丰富、充实了关于游戏的观点。埃里克森认为游戏可以减少焦虑情绪、补偿性地满足儿童的愿望、在儿童人格的发展中有积极的作用。同样，埃里克森在其建构的人格发展理论中进一步阐述了对游戏的认识。他认为，儿童在早期的婴幼儿阶段是相对软弱无能的，完全依赖他人的养育和保护；婴幼儿需要从生理需要的满足中，体验到身体的康宁与环境的安全，从而建立对周围环境的信任感；游戏对于母子关系的形成和信任感的产生具有重要的意义。这一阶段的婴幼儿往往与母亲相互凝视，这种视觉的相互作用必然带有某种游戏性。母亲的眼神不仅传递着爱的信息，也含有游戏性的鼓励。埃里克森还认为，游戏可以通过创造特定情境，并在角色扮演中化解各阶段人格的危机，让儿童获得成长；此外，儿童的游戏有着明显的性别差异。
                    </p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathFive" 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>
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：精神分析学派的游戏理论</span>
@@ -737,8 +767,8 @@
            </div>
        </div>
        <!-- 13页 -->
        <div class="page-box" page="21">
            <div v-if="showPageList.indexOf(21) > -1">
        <div class="page-box" page="23">
            <div v-if="showPageList.indexOf(23) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -757,8 +787,7 @@
                        <p class="center text">
                            <video :src="videoPathSix" 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>
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：认知发展学派的游戏理论</span>
@@ -793,7 +822,7 @@
                                <span class="c-g"> 答案：{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                    item.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"
@@ -838,8 +867,8 @@
            </div>
        </div>
        <!-- 14页 -->
        <div class="page-box" page="22">
            <div v-if="showPageList.indexOf(22) > -1">
        <div class="page-box" page="24">
            <div v-if="showPageList.indexOf(24) > -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="">
@@ -877,8 +906,7 @@
                        <p class="center text">
                            <video :src="videoPathSeven" 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>
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：社会文化历史学派的游戏理论</span>
@@ -898,8 +926,8 @@
            </div>
        </div>
        <!-- 15页 -->
        <div class="page-box" page="23">
            <div v-if="showPageList.indexOf(23) > -1">
        <div class="page-box" page="25">
            <div v-if="showPageList.indexOf(25) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -916,7 +944,7 @@
                            </div>
                            <p>如何帮助维持儿童的唤醒处于中等水平？</p>
                            <textarea v-model="questionData.unitOne.five" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-main"
                                style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-question"
                                @change="setQuestionData"></textarea>
                        </div>
                    </div>
@@ -949,7 +977,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -972,8 +1000,8 @@
            </div>
        </div>
        <!-- 16页 -->
        <div class="page-box" page="24">
            <div v-if="showPageList.indexOf(24) > -1">
        <div class="page-box" page="26">
            <div v-if="showPageList.indexOf(26) > -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="">
@@ -997,7 +1025,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -1051,14 +1079,6 @@
                            </span>
                        </li>
                    </ul>
                    <p>8.简述皮亚杰游戏理论对游戏本质的理解及其局限性。</p>
                    <textarea v-model="unitQuestionOne.textOne" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
                        @change="saveUnitTwo"></textarea>
                    <p>9.结合当下婴幼儿游戏发展，谈谈游戏理论对婴幼儿游戏开展的启示。</p>
                    <textarea v-model="unitQuestionOne.textTwo" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
                        @change="saveUnitTwo"></textarea>
                    <!-- 提交按钮 -->
                    <div class="w100 fl ju-cn">
                        <ul class="fl ju-ev w80 choice">
@@ -1084,8 +1104,8 @@
            </div>
        </div>
        <!-- 17页 -->
        <div class="page-box" page="25">
            <div v-if="showPageList.indexOf(25) > -1">
        <div class="page-box" page="27">
            <div v-if="showPageList.indexOf(27) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -1105,7 +1125,7 @@
                <div class="bodystyle">
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
                        <tr class="table-th-bc">
                            <td class="center">项目</td>
                            <td class="center">内容</td>
@@ -1160,8 +1180,8 @@
            </div>
        </div>
        <!-- 18页 -->
        <div class="page-box" page="26">
            <div v-if="showPageList.indexOf(26) > -1">
        <div class="page-box" page="28">
            <div v-if="showPageList.indexOf(28) > -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="">
@@ -1171,12 +1191,22 @@
                </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="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">2.游戏对于婴幼儿的发展价值有哪些？</p>
                    <textarea v-model="textQuestionData.five" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                        @change="saveTextQuestionData"></textarea>
                    <p class="fm-kt">3.怎样能够促使家长更多地接受婴幼儿的游戏并参与其中？</p>
                    <textarea v-model="textQuestionData.six" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-question"
                        @change="saveTextQuestionData"></textarea>
                    <h3 id="c011">一、婴幼儿游戏的价值</h3>
                    <p>每个婴幼儿的童年都离不开游戏的点缀。可以说，游戏在婴幼儿的成长道路上占据了十分重要的地位。它不仅是婴幼儿生活的方式，也是婴幼儿学习知识、积累技能的主要手段，对于婴幼儿的发展价值是不言而喻的。
                    </p>
@@ -1195,13 +1225,12 @@
                    </div>
                    <h4 id="d013">（二）游戏对婴幼儿认知发展的作用</h4>
                    <p>认知发展是人类发展的重要组成部分。受皮亚杰理论的影响，人们在研究儿童的游戏时，常常用“解决问题”“创造性”“守恒”“去自我中心”等概念阐述游戏对认知发展的重要性。</p>
                    <p>游戏是婴幼儿认识外部世界的主要途径。在游戏中，婴幼儿通过游戏的方式积累游戏经验，从而逐渐建构自己的认知结构。在人生最初的两年里，感知觉与动作是婴幼儿认识世界与自我的重要手段，感知运动游</p>
                </div>
            </div>
        </div>
        <!-- 19页 -->
        <div class="page-box" page="27">
            <div v-if="showPageList.indexOf(27) > -1">
        <div class="page-box" page="29">
            <div v-if="showPageList.indexOf(29) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -1211,8 +1240,9 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        戏是他们与环境相互作用的基本形式。比如，某些物体可以抓握、可以放嘴里或可以扔着玩。通过与物体的接触，他们逐渐认识到物体的各种属性。随着接触的物体的增多，他们通过知觉对物体的相似性进行了概括。这便是最初的知觉概念。此外，婴幼儿在游戏中逐渐形成了最初的客体概念和自我概念，游戏经验的积累也让他们逐渐具备了解决问题的能力。思维的活跃性与日俱增，使婴幼儿的认知发展逐渐成熟。婴幼儿在游戏中的诸多收获说明了游戏在儿童早期教育中发挥的作用。儿童早期是奠定智力发展的基础的令人兴奋的、有效的时期。游戏的过程正是智力发生的非同一般的、特殊的过程。<sup title="［美］B.D.戴伊：《游戏在儿童早期教育中的价值》，刘焱译，载《外国教育动态》，1984（3）。">①</sup>
                    <p class="">
                        游戏是婴幼儿认识外部世界的主要途径。在游戏中，婴幼儿通过游戏的方式积累游戏经验，从而逐渐建构自己的认知结构。在人生最初的两年里，感知觉与动作是婴幼儿认识世界与自我的重要手段，感知运动游戏是他们与环境相互作用的基本形式。比如，某些物体可以抓握、可以放嘴里或可以扔着玩。通过与物体的接触，他们逐渐认识到物体的各种属性。随着接触的物体的增多，他们通过知觉对物体的相似性进行了概括。这便是最初的知觉概念。此外，婴幼儿在游戏中逐渐形成了最初的客体概念和自我概念，游戏经验的积累也让他们逐渐具备了解决问题的能力。思维的活跃性与日俱增，使婴幼儿的认知发展逐渐成熟。婴幼儿在游戏中的诸多收获说明了游戏在儿童早期教育中发挥的作用。儿童早期是奠定智力发展的基础的令人兴奋的、有效的时期。游戏的过程正是智力发生的非同一般的、特殊的过程。<sup
                            title="［美］B.D.戴伊：《游戏在儿童早期教育中的价值》，刘焱译，载《外国教育动态》，1984（3）。">①</sup>
                    </p>
                    <h4 id="d014">（三）游戏对婴幼儿社会性发展的作用</h4>
                    <p>游戏是婴幼儿社会交往的主要形式，也是婴幼儿社会性发展的重要途径。在游戏的过程中，婴幼儿不可避免地需要与“玩伴”交流，不得不去理解“玩伴”的情感与观点，也就促使婴幼儿不得不去学会与他人的相处。对于婴幼儿来说，最先学会的是与身边亲人，如父亲、母亲等的相处。在出生后的两年中，亲子游戏是其主要的游戏形式。社会性游戏是以人际交往为基础，蕴含着促进婴幼儿社会性发展的机会与条件的活动。在这些游戏中，婴幼儿可以体验“合作”“分享”“等待”等社会交往，增强归属感，了解和理解他人的想法、情绪情感，在积累交往经验的同时形成和发展与他人相处的能力。
@@ -1234,14 +1264,14 @@
                    <p><br></p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1" >①</a>&emsp;［美］B.D.戴伊：《游戏在儿童早期教育中的价值》，刘焱译，载《外国教育动态》，1984（3）。</p>
                            id="m1">①</a>&emsp;［美］B.D.戴伊：《游戏在儿童早期教育中的价值》，刘焱译，载《外国教育动态》，1984（3）。</p>

                </div>
            </div>
        </div>
        <!-- 20页 -->
        <div class="page-box" page="28">
            <div v-if="showPageList.indexOf(28) > -1">
        <div class="page-box" page="30">
            <div v-if="showPageList.indexOf(30) > -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="">
@@ -1267,14 +1297,14 @@
                    <p>早期的亲子游戏的发展趋势为：婴幼儿从被动到主动。刚开始时，多数是由成人逗弄婴幼儿，吸引他们加入与成人的共同游戏；直到12个月时，他们开始带着成人玩。此时他们是主动的游戏者，如他们能够把毛巾从自己的脸上或母亲的脸上挪开。随着婴幼儿日渐长大，成人逐渐从游戏的主要参与者和协同者转变为旁观者和引导者。
                    </p>
                    <h5 id="e002">2.玩物游戏</h5>
                    <p>随着小肌肉动作能力和手眼协调能力的发展，婴幼儿逐渐能够抓握和摆弄物体。在活动中，婴幼儿学习
                    <p>随着小肌肉动作能力和手眼协调能力的发展，婴幼儿逐渐能够抓握和摆弄物体。在活动中，婴幼儿学习 把物品当作“工具”来看待，在摆弄物品中逐渐认识和掌握社会性地使用工具的用途和方法。这便是玩物游戏。
                    </p>
                </div>
            </div>
        </div>
        <!-- 21页 -->
        <div class="page-box" page="29">
            <div v-if="showPageList.indexOf(29) > -1">
        <div class="page-box" page="31">
            <div v-if="showPageList.indexOf(31) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -1284,11 +1314,8 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        把物品当作“工具”来看待，在摆弄物品中逐渐认识和掌握社会性地使用工具的用途和方法。这便是玩物游戏。
                    </p>
                    <p>在出生后最初的两年，相对周围物品，婴幼儿对与家长的互动明显更感兴趣。但随着感觉运动技能的发展与协调，婴幼儿探索物体的游戏动作越来越多，逐渐呈现以下趋势：①从最初的未分化的和重复的动作，逐渐发展成有组织、有顺序的动作模式；②从最初受物体的支配到控制发展再到逐渐能控制物体，并进一步概括化把它运用到其他物体上；③从对物体的物理性质的探索和物理关系的掌握过渡到对物体的社会性特性和象征性关系的探索和掌握。<a
                            id="w2"></a><a href="chapter004.html#m2"><sup>[2]</sup></a></p>
                    <p>在出生后最初的两年，相对周围物品，婴幼儿对与家长的互动明显更感兴趣。但随着感觉运动技能的发展与协调，婴幼儿探索物体的游戏动作越来越多，逐渐呈现以下趋势：①从最初的未分化的和重复的动作，逐渐发展成有组织、有顺序的动作模式；②从最初受物体的支配到控制发展再到逐渐能控制物体，并进一步概括化把它运用到其他物体上；③从对物体的物理性质的探索和物理关系的掌握过渡到对物体的社会性特性和象征性关系的探索和掌握。<sup
                            title="刘焱:《儿童游戏通论》,289页,福州,福建人民出版社,2015。">①</sup></p>
                    <p>成人和婴幼儿的协同活动是婴幼儿玩物游戏的重要特征。成人在婴幼儿游戏中扮演着婴幼儿与物质之间的中介角色。成人不仅影响婴幼儿的游戏环境，还能对其所接触的玩具或物体直接发挥作用。可以说，最初婴幼儿接触的物体或玩具基本上是由成人所提供的。成人提供的玩具需要引导婴幼儿进行探索，需要满足婴幼儿的多样化需求。除此之外，成人在玩物游戏中还扮演着社会文化经验的传递者的身份。成人向婴幼儿介绍玩物的基本信息和使用方法，向婴幼儿传递着积淀在玩具中的社会文化。成人无时无刻不在发挥着自己的积极作用，如鼓励与支持等是有利于婴幼儿游戏的。
                    </p>
                    <h5 id="e003">3.伙伴游戏</h5>
@@ -1300,12 +1327,23 @@
                    <h5 id="e004">1.感觉运动游戏</h5>
                    <p>处于人生最初阶段的婴幼儿的身心活动表现出感觉运动性的特点，其最初的游戏形式是机能性游戏，即感觉运动游戏。该类游戏是以感知动作为主要活动方式的游戏类型，引导婴幼儿在游戏中练习动作技能，从而学习控制自己的身体。婴幼儿最初以感知觉来认识自我和周围世界，通过游戏与客体发生相互作用，逐渐发展对于事物与现象的因果关系的直觉与理解，从而获得逻辑经验及形成最初的自我意识。与此同时，婴幼儿也可以进行大肌肉动作和小肌肉动作的练习，从而有效促进身体机能的发展。
                    </p>
                    <p><br></p>
                    <p><br></p>
                    <p><br></p>
                    <p><br></p>
                    <p><br></p>
                    <p><br></p>
                    <p><br></p>
                    <p><br></p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">①</a>&emsp;刘焱:《儿童游戏通论》,289页,福州,福建人民出版社,2015。</p>

                </div>
            </div>
        </div>
        <!-- 22页 -->
        <div class="page-box" page="30">
            <div v-if="showPageList.indexOf(30) > -1">
        <div class="page-box" page="32">
            <div v-if="showPageList.indexOf(32) > -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="">
@@ -1338,8 +1376,8 @@
            </div>
        </div>
        <!-- 23页 -->
        <div class="page-box" page="31">
            <div v-if="showPageList.indexOf(31) > -1">
        <div class="page-box" page="33">
            <div v-if="showPageList.indexOf(33) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -1387,15 +1425,13 @@
                        <h4 id="d019">（二）游戏内容的情感性、生活化</h4>
                        <p>无论是游戏的发生还是维持，婴幼儿都依赖外界给予的刺激。这个刺激往往是成人融入情感、费了心力设计的情境。婴幼儿早期最先接触的游戏就是亲子游戏，这一游戏类型带有浓厚的感情色彩。在亲子交流中，充满柔情的身体接触与充满善意的言语交流都凝聚着家长的爱，使婴幼儿感受到爱与关注。这不仅能促进亲子间感情的瞬间升温，还有利于婴幼儿个性的发展。
                        </p>
                        <p>由于婴幼儿的身心发展水平低，具备的经验有限，因此对于婴幼儿来说，生活就
                        </p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 24页 -->
        <div class="page-box" page="32">
            <div v-if="showPageList.indexOf(32) > -1">
        <div class="page-box" page="34">
            <div v-if="showPageList.indexOf(34) > -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="">
@@ -1404,8 +1440,8 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        是游戏，游戏就是生活。他们的游戏行为充斥在整个生活中，他们的生活离不开游戏的浸润。游戏的内容也多与婴幼儿的生活相关。
                    <p>
                        由于婴幼儿的身心发展水平低，具备的经验有限，因此对于婴幼儿来说，生活就是游戏，游戏就是生活。他们的游戏行为充斥在整个生活中，他们的生活离不开游戏的浸润。游戏的内容也多与婴幼儿的生活相关。
                    </p>
                    <h4 id="d020">（三）游戏发展的迅速性、整体化</h4>
                    <p>婴幼儿游戏发展的迅速性与其身心发展的速度直接相关。在婴幼儿成长的短短这几年，他们的各项能力发展十分迅速，特别是动作的发展。在出生后短短几个月的时间内，婴幼儿就学会了抬头、翻身、坐立、爬行、站立、行走等一系列动作。除此之外，婴幼儿在操作物体的发展上也表现出较快的速度。在一年左右的时间，婴幼儿就从随意的、重复的摆弄，逐渐发展成有序的、有组织的玩耍动作，并且伴随着思维能力的发展，对于事物间关联性的理解也有了一定的发展。
@@ -1448,19 +1484,13 @@
                    <p>B.促进认知发展</p>
                    <p>C.促进社会性发展</p>
                    <p>D.促进个性发展</p>
                    <p>8.举例说明家长和教师在不同类别的游戏中的行为方式需要有哪些不同的侧重点。</p>
                    <p>9.如何理解婴幼儿游戏的特殊性？</p>
                    <p>10.案例分析。</p>
                    <p style="font-weight: bold;">案例描述：</p>
                    <p class="f-kai">我家孩子年龄稍大的时候，“你我”依然分不清。你如果问他“你吃吗”，他会回答“你吃”。（其实是说自己吃。）你如果问他“可以给我吗”，他会回答“不给我”。（其实是不给对方。）</p>
                    <p class="f-kai">后来，我就时不时地和他玩分食物的游戏。</p>
                    <p class="f-kai">游戏是这样的：准备一些小零食，一部分是孩子爱吃的，另一部分是他不爱吃的。一般是一些坚果、饼干等比较小的食物，因为小的食物吃下去不会占用太多时间，也不会一下子吃饱。</p>

                </div>
            </div>
        </div>
        <!-- 25页 -->
        <div class="page-box" page="33">
            <div v-if="showPageList.indexOf(33) > -1">
        <div class="page-box" page="35">
            <div v-if="showPageList.indexOf(35) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
@@ -1470,21 +1500,12 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="f-kai">然后，我先创建一个故事的场景。</p>
                    <p class="f-kai">我会说，小兔子（这里可以是孩子喜欢的元素，如恐龙、鲸鱼等）去超市买了好多好吃的，他要分给我们吃，可是他不知道怎么分。所以，你来帮他分一下好吗？（然后带孩子坐到餐桌旁。等孩子坐好后，我坐到他对面，保证我们有目光的正面接触。）
                    </p>
                    <p class="f-kai">我先拿一个孩子喜欢吃的东西，然后问：这个给谁吃啊？</p>
                    <p class="f-kai">孩子如果回答“我”，就把食物给孩子；如果孩子回答“你”，我就直接吃掉了。（我每次在他选择完之后，还会加上一句“好的，你吃”或者“好的，我吃”。）</p>
                    <p class="f-kai">这样孩子就会理解，“我”指代自己，而“你”指代对方。</p>
                    <p class="f-kai">如果孩子不能准确地使用“你我”，就会分到自己不喜欢的食物。所以，孩子在回答时会格外小心，仔细思考。</p>
                    <p class="f-kai">在这个游戏中，孩子始终维持自己的注意力，而且没有厌烦和抗拒的心理，所以学习效果非常好。</p>
                    <p class="f-kai">请结合以上案例，试析家长做法的可取之处，并讨论游戏对婴幼儿成长的价值。</p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
                    <p><span class="ls1">关于认识婴幼儿游戏的书籍：</span></p>
                    <p><span class="ls1 fm-fzfs">关于认识婴幼儿游戏的书籍：</span></p>
                    <p>1.刘焱：《儿童游戏通论》，北京，北京师范大学出版社，2004。</p>
                    <p>2.［英］珍妮特·莫伊蕾斯：《仅仅是游戏吗——游戏在早期儿童教育中的作用与地位》，刘焱、刘峰峰、雷美琴译，北京，北京师范大学出版社，2010。</p>
                    <p>3.［美］托尼·W.林德：《在游戏中发展儿童——以游戏为基础的跨学科儿童干预法》，陈学峰、江泽菲等译，上海，华东师范大学出版社，2008。</p>
                    <p><span class="ls1">关于婴幼儿发展关键期的书籍：</span></p>
                    <p><span class="ls1 fm-fzfs">关于婴幼儿发展关键期的书籍：</span></p>
                    <p>1.冯国强：《0～6岁身心智发展实用全典：婴幼儿关键期P.E.D早教法》，北京，中国妇女出版社，2016。</p>
                    <p>2.韩棣华：《0～3岁：孩子成长的关键期》，北京，北京出版社，2004。</p>
                </div>
@@ -1522,6 +1543,17 @@
                isCollectVideo05: false,
                isCollectVideo06: false,
            },
            textQuestionData: {
                one: "",
                two: "",
                three: "",
                four: "",
                five: "",
                six: "",
                seven: "",
                eight: "",
            },

            questionData: {
                unitOne: {
                    one: "",
@@ -1644,9 +1676,32 @@
                            },
                        ]
                    },
                    {
                        txt: "依据31~36个月婴幼儿发展特点，以下哪些游戏是适宜的？（　　）",
                        type: "checkbox",
                        isRight: null,
                        answer: ["A", "B", "C", "D"],
                        userAnswer: [],
                        option: [
                            {
                                txt: "抛接球",
                                value: "A"
                            },
                            {
                                txt: "过家家",
                                value: "B"
                            },
                            {
                                txt: "搭积木",
                                value: "C"
                            },
                            {
                                txt: "绘本阅读",
                                value: "D"
                            },
                        ]
                    },
                ],
                textOne: "",
                textTwo: "",
            },
            unitQuestionOne: {
                isComplete: false,
@@ -1679,7 +1734,7 @@
                    {
                        txt: "提出生活准备说的代表人物是（　　）",
                        isRight: null,
                        answer: "C",
                        answer: "B",
                        userAnswer: "",
                        option: [
                            {
@@ -1751,7 +1806,7 @@
                    {
                        txt: "游戏的唤醒理论告诉我们，组织和创设托幼机构的环境应注意（　　）",
                        isRight: null,
                        answer: "A",
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
@@ -1777,7 +1832,7 @@
                    {
                        txt: "以下游戏理论中属于经典游戏理论的有（　　）",
                        isRight: null,
                        answer: ["A", "B", "C"],
                        answer: ["A", "C", "D"],
                        userAnswer: [],
                        option: [
                            {
@@ -1799,9 +1854,9 @@
                        ]
                    },
                    {
                        txt: "提出生活准备说的代表人物是（　　）",
                        txt: "以下属于精神分析学派的代表人物有（　　）",
                        isRight: null,
                        answer: ["A", "B", "C"],
                        answer: ["A", "B"],
                        userAnswer: [],
                        option: [
                            {
@@ -1823,8 +1878,6 @@
                        ]
                    },
                ],
                textOne: "",
                textTwo: "",
            },
            exampleOne: {
                isComplete: false,
@@ -1917,6 +1970,11 @@
        const exampleTwo = localStorage.getItem("toddleGame-book-chapter01-exampleTwo");
        if (exampleTwo) {
            this.exampleTwo = JSON.parse(exampleTwo);
        }

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

        this.getVidoePath()
@@ -2014,10 +2072,19 @@
        goCheckJudge() {
            for (let index = 0; index < this.unitQuestion.unitOne.length; index++) {
                const item = this.unitQuestion.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                if (item.type == 'checkbox') {
                    const sortedArr1 = item.answer.slice().sort();
                    const sortedArr2 = item.userAnswer.slice().sort();
                    const isRight = sortedArr1.every(
                        (value, index) => value === sortedArr2[index]
                    );
                    item.isRight = isRight
                } else {
                    item.isRight = false
                    if (item.userAnswer == item.answer) {
                        item.isRight = true
                    } else {
                        item.isRight = false
                    }
                }
            }
            this.unitQuestion.isComplete = true
@@ -2027,13 +2094,17 @@
            localStorage.removeItem("toddleGame-book-chapter01-UnitOne")
            for (let index = 0; index < this.unitQuestion.unitOne.length; index++) {
                const item = this.unitQuestion.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
                if (item.type == 'checkbox') {
                    item.userAnswer = []
                    item.isRight = null
                } else {
                    item.userAnswer = ""
                    item.isRight = null
                }

            }
            this.unitQuestion.isComplete = false
            this.unitQuestion.isShowAnswer = false
            this.unitQuestion.textOne = ""
            this.unitQuestion.textTwo = ""
        },

        goUnitTwo() {
@@ -2127,6 +2198,13 @@
            this.exampleTwo.isComplete = false
            this.exampleTwo.isShowAnswer = false
        },

        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter001-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        }
        //打开思维导图
        // showMindMapDialog() {
        //     this.mindMapDialog = true

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

@@ -1,8 +1,8 @@
<template>
    <div class="chapter" num="3">
        <!-- 26页 -->
        <div class="page-box" page="34">
            <div v-if="showPageList.indexOf(34) > -1">
        <div class="page-box" page="36">
            <div v-if="showPageList.indexOf(36) > -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,7 +18,7 @@
                        <p>
                            <img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" />
                        </p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="w80" alt="" src="../../assets/images/0038-1.jpg" />
                        </p>
                        <p>
@@ -55,7 +55,7 @@
                        <img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" />
                    </p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
                        <tr class="table-th-bc">
                            <td class="center">项目</td>
                            <td class="center">内容</td>
@@ -125,7 +125,7 @@
                    <p>
                        <img class="rwmb-2" alt="" src="../../assets/images/aldr.png" />
                    </p>
                    <p>
                    <p class="fm-fzfs">
                        大多数孩子都喜欢玩水，只是玩水有点儿单调。很多家长在孩子洗澡的时候都会给孩子添置一些戏水的玩具。一位母亲像往常一样让儿子坐在浴缸里洗澡，水里一般都会放入几只玩具鸭。但在当晚，她发现孩子的眼睛有点红。起初她并没在意，以为是洗发水进入眼部导致的。第二天醒来之后，孩子肿胀的双眼让她开始害怕。在去医院进行检查之后，医生告知家长，孩子的蜂窝织炎很严重，已经扩散到整个面部，可能有视力变差甚至失明的危险。经过一个月的治疗，十分庆幸的是小男孩已经康复。但玩具鸭的安全隐患给我们敲响了警钟。
                    </p>
                    <p><b>分析：</b></p>
@@ -152,11 +152,6 @@
                    <p>
                        为了研究的方便，不同的研究者对玩具有不同的分类。根据玩具的性质、功能、内部结构和原材料，玩具可以分为以下一些类型。
                    </p>
                    <h5 id="e010">1.按照玩具的性质分类</h5>
                    <p>（1）成型玩具</p>
                    <p>
                        成型玩具又称专门化玩具，是指经过精心设计和专门制作而形成各种物象的玩具。玩具汽车、娃娃、玩具餐具等都属于成型玩具。它们一般形象逼真，可以直接用来代替或模拟其他物体进行游戏。供各类游戏选用的成型玩具可分为以下几种。①主题玩具。它主要有交通工具玩具、娃娃家玩具等。②表演游戏玩具。它
                    </p>
                </div>
            </div>
        </div>
@@ -172,8 +167,10 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        主要有服装、头饰、背景及其他用品。③结构游戏玩具。它主要有积木、积塑，装拆建造玩具，玩沙、玩水使用工具等。④智力游戏玩具。它主要有各种套、装、镶嵌的玩具，图片型智力玩具，实用型智力玩具，各种棋类和竞赛性质智力玩具。⑤体育游戏玩具。它主要有荡船、滑梯、转椅、爬梯、秋千、攀登架、平衡木、脚踏滚筒等大型体育设备；儿童步行车、滑板车、平衡车、木马、拱形圈、地上垫等中型玩具；套圈、球、绳、沙包、哑铃、投掷环、小拉车、小推车等小型玩具。⑥音乐游戏玩具。它主要有小铃铛、小喇叭、玩具钢琴等发音玩具以及其他儿童乐器。⑦娱乐游戏玩具。它主要有游戏棒、滑稽造型的动物、人物玩具、球类玩具等。⑧技术玩具。它主要指借助发条、电、惯性动力或遥控的玩具。
                    <h5 id="e010">1.按照玩具的性质分类</h5>
                    <p>（1）成型玩具</p>
                    <p>
                        成型玩具又称专门化玩具，是指经过精心设计和专门制作而形成各种物象的玩具。玩具汽车、娃娃、玩具餐具等都属于成型玩具。它们一般形象逼真，可以直接用来代替或模拟其他物体进行游戏。供各类游戏选用的成型玩具可分为以下几种。①主题玩具。它主要有交通工具玩具、娃娃家玩具等。②表演游戏玩具。它主要有服装、头饰、背景及其他用品。③结构游戏玩具。它主要有积木、积塑，装拆建造玩具，玩沙、玩水使用工具等。④智力游戏玩具。它主要有各种套、装、镶嵌的玩具，图片型智力玩具，实用型智力玩具，各种棋类和竞赛性质智力玩具。⑤体育游戏玩具。它主要有荡船、滑梯、转椅、爬梯、秋千、攀登架、平衡木、脚踏滚筒等大型体育设备；儿童步行车、滑板车、平衡车、木马、拱形圈、地上垫等中型玩具；套圈、球、绳、沙包、哑铃、投掷环、小拉车、小推车等小型玩具。⑥音乐游戏玩具。它主要有小铃铛、小喇叭、玩具钢琴等发音玩具以及其他儿童乐器。⑦娱乐游戏玩具。它主要有游戏棒、滑稽造型的动物、人物玩具、球类玩具等。⑧技术玩具。它主要指借助发条、电、惯性动力或遥控的玩具。
                    </p>
                    <div class="bk">
                        <div class="bk1">
@@ -365,11 +362,11 @@
                        </p>
                        <p>按年龄组推荐的玩具子类别如表2-1至表2-6所示。</p>
                        <p class="img">表2-1 从出生到小于4个月的儿童使用的玩具子类别</p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="img-0" alt="" src="../../assets/images/0044-1.jpg" />
                        </p>
                        <p class="img">表2-2 从4个月到小于8个月的儿童使用的玩具子类别</p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="img-0" alt="" src="../../assets/images/0044-2.jpg" />
                        </p>
                    </div>
@@ -390,15 +387,15 @@
                <div class="bodystyle">
                    <div class="bk2 show-after">
                        <p class="img">表2-3 从8个月到小于12个月的儿童使用的玩具子类别</p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="img-0" alt="" src="../../assets/images/0045-1.jpg" />
                        </p>
                        <p class="img">表2-4 从12个月到小于18个月的儿童使用的玩具子类别</p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="img-0" alt="" src="../../assets/images/0045-2.jpg" />
                        </p>
                        <p class="img">表2-5 从18个月到小于24个月的儿童使用的玩具子类别</p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="img-0" alt="" src="../../assets/images/0045-3-1.jpg" />
                        </p>
                    </div>
@@ -418,11 +415,11 @@
                <div class="bodystyle">
                    <div class="bk2 show-after">
                        <p class="continued fz-14">续表</p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="img-0" alt="" src="../../assets/images/0045-3-2.jpg" />
                        </p>
                        <p class="img">表2-6 从24个月到小于36个月的儿童使用的玩具子类别</p>
                        <p class="center">
                        <p class="center openImgBox">
                            <img class="img-0" alt="" src="../../assets/images/0046-1-1.jpg" />
                        </p>
                    </div>
@@ -443,7 +440,7 @@
                <div class="bodystyle">
                    <div class="bk2">
                        <p class="continued fz-14">续表</p>
                        <p class="center">
                        <p class="center openImgBox mb-10">
                            <img class="img-0" alt="" src="../../assets/images/0046-1-2.jpg" />
                        </p>
                    </div>
@@ -645,7 +642,7 @@
                        <img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" />
                    </p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                        style="border-color: #00aeef; border-collapse: collapse" class="fz-15 img-0">
                        <tr class="table-th-bc">
                            <td class="center">项目</td>
                            <td class="center">内容</td>

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

@@ -79,25 +79,26 @@
        <div style="background-color: #c6eafa;">
          <div class="fz-16" style="margin: 0 13%; padding: 30% 12%; background-color: #fff;">
            <div class="title">
            <div class="bj3">
              <div class="bj2">
              <div class="bj3">
                <div class="bj2">
                </div>
                <div class="frontOne">编委会</div>
              </div>
              <div class="frontOne">编委会</div>
            </div>
          </div>
            <p class="td-0 mt-20"><b class="tal-j">丛书主编：</b>　洪秀敏</p>
            <p class="td-0">
              <b class="tal-j">丛书副主编：</b>　张根健　商传辉
            <p class="td-0 mt-20 fm-fzfs"><b class="tal-j">丛书主编：</b>洪秀敏</p>
            <p class="td-0 fm-fzfs">
              <b class="tal-j ">丛书副主编：</b>张根健　商传辉
            </p>
            <p class="td-0">
              <b class="tal-j">本 书 主 编：</b>　赖莎莉　李　晶
            <p class="td-0 fm-fzfs">
              <b class="tal-j">本 书 主 编：</b>赖莎莉　李　晶
            </p>
            <p class="td-0">
              <b class="tal-j">本书副主编：</b>　罗　萌　李　香　鲁　双
            <p class="td-0 fm-fzfs">
              <b class="tal-j">本书副主编：</b>罗　萌　李　香　鲁　双
            </p>
            <p class="td-0">
              <b class="tal-j">本书参编作者：</b>　彭　萍　冯羽茜　李俊彦　董硕灵
            <p class="td-0 fm-fzfs">
              <b class="tal-j">本书参编作者：</b>彭　萍　冯羽茜　李俊彦　董硕灵
            </p>
            <p class="td-0 fm-fzfs">　　　　　　　&ensp;胡佳怡　张　艺</p>
            <p><br></p>
            <p><br></p>
            <p><br></p>
@@ -125,30 +126,46 @@
          <p><span class="ls2">一、教材框架</span></p>
          <p>（一）模块化</p>
          <p>
            本教材围绕居家和托育机构保育人员的岗位要求，重构并序化课程结构，按照婴幼儿游戏与指导内容划分为七个学习模块，分别为婴幼儿游戏概述、婴幼儿玩具选择与游戏环境创设、婴幼儿游戏设计与指导、婴幼儿动作游戏设计与指导、婴幼儿认知游戏设计与指导、婴幼儿语言游戏设计与指导、婴幼儿情绪情感与社会性游戏设计与指导。本教材遵循婴幼儿的成长规律，考虑学生的学习兴趣，采用模块化结构进行编写，不仅能将理论知识、操作技能、实践经验集中展开，还能完成三者与活动方式、方法、方案同步式一体化，以实现提高职业能力和职业素养的人才培养目标。
            《婴幼儿游戏活动实施》是高职院校婴幼儿托育服务与管理专业的核心课程之一。本教材围绕居家和托育机构保育人员的岗位要求，重构并序化课程结构，按照婴幼儿游戏与指导内容划分为七个学习模块，分别为婴幼儿游戏概述、婴幼儿玩具选择与游戏环境创设、婴幼儿游戏设计与指导、婴幼儿动作游戏设计与指导、婴幼儿认知游戏设计与指导、婴幼儿语言游戏设计与指导、婴幼儿情绪情感与社会性游戏设计与指导。本教材遵循婴幼儿的成长规律，考虑学生的学习兴趣，采用模块化结构进行编写，不仅能将理论知识、操作技能、实践经验集中展开，还能完成三者与活动方式、方法、方案同步式一体化，以实现提高职业能力和职业素养的人才培养目标。
          </p>
          <p>（二）任务式</p>
          <p>每个学习模块都设计了若干学习任务，各学习任务之间具有一定的逻辑关系。任务式编写模式不仅可以很好地反映婴幼儿托育照护人员工作流程中的工作内容和工作方式，还有助于学生逐步提升自己的职业能力。</p>
          <p>（三）信息化资源</p>
          <p>本教材配有微课、教学课件、试题库等，同时每个学习任务还根据学生学习和内容安排配有随文的配套资源。本教材的配套资源可直接扫描书中的二维码获得，其他资源可使用“京师乐学”微信小程序获取。</p>
          <p><span class="ls2">二、教材使用方法</span></p>
          <p>为适应并满足职业教育模块化学习的要求，本教材十分注重以典型工作任务、典型案例等为载体进行教学单元的组织，以融媒体的形式来建设，方便高等职业院校婴幼儿托育相关专业学生及工作者参考学习。</p>
          <p>为适应并满足职业教育模块化学习的要求，本教材十分注重以典型工作任务、典型案例等为载体进行教学单元的组织，以融媒体的形式来建设，方便高等职业院校婴幼儿托育相关专业学生及工作者参考学习。
          </p>
          <p>“学习初体验”部分介绍与本学习模块相关的实践体验活动，引发学习者思考和讨论。</p>
          <p>“学习任务单”部分简要介绍本学习任务的学习目标及学习要点等，并给学习者提出学习前、学习中、学习后的相关建议。</p>
          <p>“案例导入”部分介绍与学习任务相关的案例或情境故事以导入学习，激发学生学习的兴趣并引发学习者深入思考。学习本任务后，学生可以再次分析该案例，将所学内容应用于实践场景。</p>
          <p>
            正文部分主要呈现与对应学习任务相关的政策文件、系统理论、实践方法等。阐述内容的同时穿插“想一想”“实践拓展”“拓展阅读”等多样化板块，目的就是力求多维度引导学习者将相关理论知识与托育机构工作实践相结合，提升专业能力。
          </p>
          <p>“备考指南”部分主要链接育婴员、保育师、幼儿照护和早教国赛试题。</p>
          <p>“学习效果检测”部分主要设计与本学习任务相关的思考题、运用题等，通过多样化的题型帮助学生检测知识掌握情况。</p>
          <p>“延伸阅读”部分推荐与学习任务相关的图书、论文等，让学生进行学习与拓展。</p>
          <p><span class="ls2">三、课时分配</span></p>
          <p>本教材对应的教学时间为32学时，计2学分。每周安排一次课。</p>
          <p>“备考指南”板块主要链接育婴员、保育师、幼儿照护和早教国赛试题，助力学习者了解本行业各类职业技能考核要点和竞赛动向，明晰职业方向。</p>
          <p>“学习效果检测”部分主要设计与本学习任务相关的思考题、运用题等，通过多样化的题型帮助学习者检测知识掌握情况。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -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>2</span>
          </li>
          <li class="header-left-text">婴幼儿游戏活动实施</li>
        </ul>
        <div style="padding: 0px 10% 0 8%">
          <p>
            “岗位实训任务”板块主要将真实工作场景中的典型任务拆解、提炼，精心设计成一系列实训项目，帮助学习者亲身体验岗位工作的各个环节，深度掌握岗位所需的关键技能，实现从理论学习到实际工作的无缝对接。</p>
          <p>“延伸阅读”板块精心筛选并推荐与学习任务紧密相关的书籍、学术论文及各类优质阅读资料，旨在引导学习者开展自主学习，实现知识的有效拓展与深化。</p>
          <p><span class="ls2">三、课时分配</span></p>
          <p>本教材对应的教学时间为32学时，计2学分。每周安排一次课。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/csx.jpg" /></h1>
        <div style="padding: 8% 8% 0 10%">
          <p>
@@ -163,18 +180,21 @@
          </p>
          <p><span class="ls2">二、坚持学生为本，遵循学生学习规律与发展需求</span></p>
          <p>
            本套丛书编写坚持以学生为中心的理念，深入研究托育相关专业人才成长规律和学生认知特点，遵循职业教育学生学习的特点、规律和需求，增强教材对学生专业学习与发展的适切性。在编写过程中，编写团队努力以学习成果为导向设计教材结构和内容，注重托育机构工作场景、典型保育工作任务、案例分析等模块化课程和项目化学习成果设计，创新教材呈现形式，通过生活化、情景化、动态化、形象化的案例场景，积极开发具有补充性、更新性和延伸性的学习资源，遵循理论知识与实践技能相统一、从简单到复杂、从单一到综合的学习规律与职业成长规律，注重通过通俗易懂的文字论述和丰富的案例材料，最大限度地激发学生的学习兴趣和探究行为，满足学生多样化、个性化和实用化的学习需求与专业发展需求，提高他们对婴幼儿
            本套丛书编写坚持以学生为中心的理念，深入研究托育相关专业人才成长规律和学生认知特点，遵循职业教育学生学习的特点、规律和需求，增强教材对学生专业学习与发展的适切性。在编写过程中，编写团队努力以学习成果为导向设计教材结构和内容，注重托育机构工作场景、典型保育工作任务、案例分析等模块化课程和项目化学习成果设计，创新教材呈现形式，通过生活化、情景化、动态化、形象化的案例场景，积极开发具有补充性、更新性和延伸性的学习资源，遵循理论知识与实践技能相统一、从简单到复杂、从单一到综合的学习规律与职业成长规律，注重通过通俗易懂的文字论述和丰富的案例材料，最大限度地激发学生的学习兴趣和探究行为，满足学生多样化、个性化和实用化的学习需求与专业发展需求，提高他们对婴幼儿托育的专业认知、专业情感、专业态度和专业精神等专业素养。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/csx.jpg" /></h1>
        <div style="padding: 50px 8% 0 10%">
          <p class="td-0">
            托育的专业认知、专业情感、专业态度和专业精神等专业素养。
          </p>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -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>2</span>
          </li>
          <li class="header-left-text">婴幼儿游戏活动实施</li>
        </ul>
        <div style="padding: 0px 8% 0 10%">
          <p><span class="ls2">三、坚持研究为要，反映托育领域最新政策、研究与实践</span></p>
          <p>
            托育相关专业是涉及多学科、综合性强的新专业，目前可直接参考借鉴的资源不多，教材编写难度大。为此，编写团队主要从以下方面入手：一是注重对国家托育改革创新实践与最新政策的动态关注，认真学习并全面贯彻我国托育服务相关政策与法规的最新要求，在教材编写中力求及时反映托育政策和事业改革发展的新要求、新理念和新规范；二是全面对标托育相关专业的教学标准和保育师国家职业技能标准，持续追踪婴幼儿发展与托育研究的动态，深入了解婴幼儿生理与心理发展、营养与喂养、学习与发展、卫生与保健、常见病和伤害预防与处理等领域的专业知识与最新研究进展，及时吸纳新方法和新成果，尽可能体现出先进性、引领性和科学性；三是为充分体现职业教育的实用性与实践性特点，坚持深入调研了解行业企业和托育机构的现状与需求，跟进了解行业企业发展与院校培养的最新动态，努力反映托育行业的新探索、新实践和新经验。
@@ -185,29 +205,45 @@
          </p>
          <p>本套丛书的编写得到了北京师范大学出版社的大力支持。在撰写过程中，本套丛书参考和引用了国内外许多研究成果与观点，在此深致谢忱。真诚希望本套丛书的出版能够为托育培训者和管理者、广大托育机构工作者等提供有益的参考与借鉴。
          </p>
          <p class="right fm-kt"><b>北京师范大学 洪秀敏</b></p>
          <p class="right fm-kt mt-30"><b>北京师范大学 洪秀敏</b></p>
        </div>
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <h1 id="a004" class="front" style="padding-left: 3%;"><img class="img-d" alt="" src="../../assets/images/qy.jpg" /></h1>
    <div class="page-box" page="9">
      <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%">
          <p>
            游戏贯穿在婴幼儿生活的每一个角落，是婴幼儿重要的学习形式。通过游戏，婴幼儿学会了互动、参与、分享、坚持。在游戏中，婴幼儿的空间知觉、动作技能、语言表达能力、社会交往能力也在逐渐发展。正如皮亚杰所说，新事物是如何产生的？游戏就是这个问题的答案。
          </p>
          <p>作为一名婴幼儿照护者，理解并支持婴幼儿游戏对其发展意义重大。我们肩负着一项重要的责任，即基于每个儿童的兴趣、能力和发展进程来促进他们的游戏，帮助他们在动作、认知、语言、情绪和社会性等多领域获得发展。</p>
          <p>
            为了更好地帮助照护者理解和支持婴幼儿游戏，本教材将岗位核心能力、职业资格考试、专业技能竞赛的相关知识与能力进行有机整合，开发模块化学习内容，试图构建“工作过程完整”而非“学科完整”的学习过程。本教材从“岗、证、赛、课”融合选择学习内容，在强调获取适度够用的陈述性知识或理论知识，如婴幼儿游戏基本理论、婴幼儿游戏活动设计原则、婴幼儿游戏指导要点等的基础上，强调获取完成婴幼儿游戏活动设计与组织工作任务的过程性知识，重点解决“什么是玩具与游戏”“投放什么玩具”“为什么设计婴幼儿游戏活动”“什么样的游戏活动是好的游戏活动”“怎么设计和指导不同的婴幼儿游戏活动”“如何观察与评价婴幼儿游戏活动”等问题。同时本教材融合了大量婴幼儿游戏实践案例，帮助学习者完成从兴趣导入、专业学习再到实践应用的学习过程。
            游戏，贯穿在婴幼儿生活的每一个角落，是婴幼儿最重要的学习形式。通过游戏，婴幼儿学会了互动、参与、分享、坚持。在游戏中，婴幼儿的空间知觉、动作技能、语言表达能力、社会交往能力也在逐渐发展。正如皮亚杰所说，新事物是如何产生的？游戏就是这个问题的答案。
          </p>
          <p>
            本教材根据“师德为先、幼儿为本、能力为重和终身学习”的要求，在每个模块、在实施过程中渗透思政教育。本教材立足学习内容的自然属性和知识体系，结合托育、早教机构从业人员的职业道德要求，从课程思政目标、思政元素、思政案例入手，注重加强专业教育与思政教育的有机融合。本教材旨在构建以“好学、爱童、乐教”为核心的课程思政教学体系，引导学习者关注婴幼儿的身心发展，增强学习者对婴幼儿游戏的研究与学习，让学习者树立正确的游戏观，用温暖的仁爱精神关爱婴幼儿，用科学的理性思维理解婴幼儿，用严谨求实的工作态度和爱岗敬业的职业精神守护婴幼儿。
            为了更好地帮助照护者们理解和支持婴幼儿游戏，本书依据《国务院办公厅关于促进3岁以下婴幼儿照护服务发展的指导意见》《托育机构保育指导大纲（试行）》等相关政策文件精神，将岗位核心能力、职业资格考试、专业技能竞赛的相关知识与能力进行有机整合，“岗、证、赛、课”融通开发模块化学习内容，在完成适度、够用的婴幼儿游戏相关陈述性和理论性知识的基础上，强调获取婴幼儿游戏活动设计与组织工作任务的过程性知识，构建认识游戏、准备游戏、观察评估游戏者、设计游戏、实施游戏的“工作过程完整”的学习过程。同时，本教材精选了大量婴幼儿游戏活动案例，帮助学生完成从兴趣导入、专业学习再到实践应用的学习过程。此外，本教材配备了讲解微课和游戏案例视频资源，学生可扫描书中二维码观看，实现线上线下混合式学习，也增进对托育机构现场游戏场景的了解和认识。实践实训是应用型人才培养必不可少的环节，本教材学习模块二至七最后设置的“岗位实训任务”板块，引导学生对接托育机构岗位要求，联系实际工作应用所学，提升专业能力。
          </p>
          <p>
            本教材由湖南民族职业学院和长沙幼儿师范高等专科学校组建的编写团队编写。赖莎莉、李晶担任主编负责统稿，丛书编审委员会审稿和定稿。具体分工如下：学习模块一、学习模块五由罗萌、赖莎莉编写；学习模块二由冯羽茜编写；学习模块三、学习模块七由李香编写；学习模块四由彭萍、李晶编写；学习模块六由鲁双编写。全书数字化微课资源主要由董硕灵、李俊彦、李晶负责完成。由于编写水平有限，本教材的不足之处在所难免，殷切希望广大学习者批评、指正。
            本教材根据“师德为先、幼儿为本、能力为重和终身学习”的要求，在每一个模块、每一步实施过程中自然渗透思政教育，强化发挥教材育人功能。教材立足于婴幼儿游戏活动学习内容的自然属性和知识体系，结合托育机构、早期教育机构从业人员的职业道德要求，从课程思政目标、思政元素、思政案例入手，加强专业教育与思政教育的有机融合。教材构建了以“好学、爱童、乐教”为核心的课程思政教学体系，引导学生树立正确的儿童观、教育观、游戏观，关注婴幼儿身心发展，加强对婴幼儿游戏的研究与学习，用温暖的仁爱之心关爱婴幼儿，用科学的理性思维理解婴幼儿，用严谨求实的工作态度和爱岗敬业的职业精神守护婴幼儿。
          </p>
          <p>
            在编写过程中，我们参考了许多专家和学者的研究成果，也引用和借鉴了一部分早教、托育典型案例和图片资料，在此对他们表示衷心的感谢。也希望婴幼儿托育照护同行以及其他关注婴幼儿发展的读者能从本教材中有所收获，共同为促进婴幼儿的健康成长贡献力量。
            本教材由湖南民族职业学院、长沙幼儿师范高等专科学校、湖南省人民政府直属机关第二幼儿院、乐融儿童之家（岳阳中心）组建的编写团队编写。赖莎莉、李晶担任主编并负责统稿，丛书编审委员会审稿和定稿。具体分工如下：学习模块一、学习模块五由罗萌、赖莎莉编写，学习模块二由冯羽茜编写，学习模块三、学习模块七由李香编写，学习模块四由彭萍、李晶编写，学习模块六由鲁双编写。胡佳怡（湖南省人民政府直属机关第二幼儿院）、张艺（乐融儿童之家岳阳中心）参与全书游戏案例撰写、优化和实训标准制定。全书数字化微课和游戏案例资源由董硕灵、李俊彦、张艺负责完成。
          </p>
          <p>
            本教材为湖南省教育科学“十四五”规划2022年度省级一般资助课题“托幼一体化”下高职学前教育专业群课程体系优化研究（课题号：ND229990）、2023年度湖南省教育厅科学研究优秀青年项目“高职院校双师型教师队伍校企协同培养机制研究”（课题号：23B0992）的研究成果。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -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>2</span>
          </li>
          <li class="header-left-text">婴幼儿游戏活动实施</li>
        </ul>
        <div style="padding: 0px 8% 0 10%">
          <p>
            在编写过程中，编写团队参考了许多专家和学者的研究成果，也引用和借鉴了一部分早期教育、托育典型案例和图片资料，在此表示衷心的感谢。也希望婴幼儿照护事业的同行以及其他关注婴幼儿发展的读者能从本教材中有所收获，共同为促进婴幼儿的健康成长贡献力量。
          </p>
          <p><br></p>
          <p class="right fm-kt"><b>赖莎莉</b></p>

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

@@ -192,22 +192,9 @@
    }, 500);

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

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")

 src/components/translateWord/index.vue

@@ -2,10 +2,10 @@
  <div class="translate-box" :style="{ left: pageX + 'px', top: pageY + 'px' }">
    <div class="translate-box-word">
      <div> {{ showWord }}</div>
      <div>111111</div>
      <div>{{ IPA }}</div>
    </div>
    <div class="translate-box-translation">
      111111111111111
      {{ translate }}
    </div>
  </div>
</template>
@@ -17,6 +17,18 @@
      type: String,
      default: ""
    },
    prototype: {
      type: String,
      default: ""
    },
    IPA: {
      type: String,
      default: ""
    },
    translate: {
      type: String,
      default: ""
    },
    pageX: {
      type: Number,
      default: 0