litian
2025-01-24 c27af154afe4d182af1eed7be0bbbfadd5fe1140
src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -4,19 +4,18 @@
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <div style="display: flex;">
                    <div style="background-color: #c6eafa;">
                        <p><br></p>
                        <!-- <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p> -->
                    <div class="img-0">
                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%;" />
                    </div>
                    <div class="" style="padding: 15% 0;">
                        <h1 id="a008">学习模块一</h1>
                    <div class="" style="margin:0 10% 0 2%; padding: 10% 0 22% 0;">
                        <h1 id="a008" class="ta-l">学习模块一</h1>
                        <p class="h1-zt">婴幼儿游戏概述</p>
                        <div class="bj1">
                            <p>游戏是婴幼儿的工作,理解游戏对婴幼儿发展的意义至关重要。在教室中,我们应当将促进婴幼儿游戏与保障婴幼儿安全和进行日常照护同等认真对待。只有重视并支持婴幼儿的游戏,他们才能茁壮成长。从这个角度来说,我们肩负着一项重要的责任,即基于婴幼儿的兴趣、能力和发展进程来促进他们的游戏,帮助他们在各个领域获得全面发展。因此,深入了解婴幼儿早期发展的相关知识,并在此基础上观察记录婴幼儿的发展情况就显得尤为重要。
                            </p>
                        </div>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0013-1.jpg" /></p>
                        <p class="center"><img class="w80" alt="" src="../../assets/images/0013-1.jpg" /></p>
                        <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
                        <p>游戏是孩子整个的生活。孩子两三个月大时就在床上不停地动手踢脚,独自地玩。到了五六个月的时候,看见东西就要抓;再大一点就这里推推、那里拉拉,还会不停地爬来爬去、走来走去;到了三四岁的时候,游戏的种类更加繁多。你认为游戏对婴幼儿发展的意义是什么?照护者在0~3岁婴幼儿游戏中的作用是什么?婴幼儿的发展与其游戏之间有怎样的关系呢?
                        </p>
@@ -34,10 +33,12 @@
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bj3">
                    <div class="bj2">
                <div class="rw-bg">
                    <div class="bj4">
                        <div class="bj5">
                        <h2 id="b001">学习任务一</h2>
                        <p class="h2-zt">0~3岁婴幼儿发展概况</p>
                            <p class="h2-zt">托育机构的发展及现状</p>
                        </div>
                    </div>
                </div>
                <div class="bodystyle">
@@ -103,7 +104,10 @@
                <ul class="fl al-c jc-fe pad-t-55 mb-45">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
                    <li class="headerNumber">3</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>3</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="mb-10"><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
@@ -176,7 +180,10 @@
                <ul class="fl al-c jc-fe pad-t-55 mb-45">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
                    <li class="headerNumber">5</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>5</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
@@ -235,12 +242,14 @@
                        <li>
                            {{ index + 1 }}.(单选){{ item.txt }}。
                        </li>
                        <li v-for="(citem, cindex) in item.option" :key="cindex">
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                            <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
                            {{ citem.value }} . {{ citem.txt }}
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestion.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
                        <li v-if="unitQuestion.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                item.userAnswer
@@ -272,19 +281,24 @@
                <ul class="fl al-c jc-fe pad-t-55 mb-45">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
                    <li class="headerNumber">7</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>7</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="index">
                        <li>
                            {{ index + 3 }}.(单选){{ item.txt }}。
                        </li>
                        <li v-for="(citem, cindex) in item.option" :key="cindex">
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                            <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
                            {{ citem.value }} . {{ citem.txt }}
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestion.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
                        <li v-if="unitQuestion.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                item.userAnswer
@@ -329,7 +343,7 @@
                                </button>
                            </li>
                            <li>
                                <button @click=" unitQuestion.isComplete = !unitQuestion.isComplete"
                                <button @click="unitQuestion.isShowAnswer = !unitQuestion.isShowAnswer"
                                    class="parimary-btn">
                                    查看答案
                                </button>
@@ -349,10 +363,12 @@
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bj3">
                    <div class="bj2">
                        <h2 class="pt-10" id="b001">学习任务二</h2>
                <div class="rw-bg">
                    <div class="bj4">
                        <div class="bj5">
                            <h2 id="b001">学习任务二</h2>
                        <p class="h2-zt">婴幼儿游戏理论及其启示</p>
                        </div>
                    </div>
                </div>
                <div class="bodystyle">
@@ -417,7 +433,10 @@
                <ul class="fl al-c jc-fe pad-t-55 mb-45">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
                    <li class="headerNumber">9</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>9</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
@@ -482,7 +501,7 @@
                            </div>
                            <p>依据剩余精力说,婴幼儿游戏的动力来源于哪里?如何看待这种动力?</p>
                            <textarea v-model="questionData.unitOne.four" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-main"
                                @change="setQuestionData"></textarea>
                        </div>
                    </div>
@@ -514,13 +533,62 @@
                        </div>
                        <div class="bk2">
                            <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                            <p class="center"><span class="ls2">2021年初级育婴师理论知识考试真题</span></p>
                            <p>(单选题)以下说法符合生活准备说观点的是(  )。</p>
                            <p>A.游戏是剩余精力的发泄</p>
                            <p>B.游戏是用来恢复精力的轻松活动</p>
                            <p>C.游戏是为未来生活做准备</p>
                            <p>D.游戏是人类生物遗传的结果</p>
                            <p>参考答案:C。</p>
                            <ul v-for="(item, index) in exampleOne.unitOne" :key="index">
                                <li>
                                    {{ index + 1 }}.(单选){{ item.txt }}。
                                </li>
                                <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                    <label>
                                        <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt"
                                            :value="citem.value" v-model="item.userAnswer" @change="saveExampleOne" />
                                        <span>{{ citem.value }} . {{ citem.txt }}</span>
                                    </label>
                                </li>
                                <li v-if="exampleOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                    <span class="c-g"> 答案:{{ item.answer }}</span>
                                    <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                        item.userAnswer
                                    }}</span>
                                    <span class="icon-box-big fl al-c">
                                        <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                            version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                            <path
                                                d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                fill="#1AFA29" p-id="18768"></path>
                                        </svg>
                                        <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                            p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                                            height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                </li>
                            </ul>
                            <!-- 提交按钮 -->
                            <div class="w100 fl ju-cn">
                                <ul class="fl ju-ev w80 choice">
                                    <li>
                                        <button class="btn-border btn-w" @click="goExampleOne">
                                            提交
                                        </button>
                                    </li>
                                    <li>
                                        <button @click="changeExampleOne" class="btn-border btn-w">
                                            重做
                                        </button>
                                    </li>
                                    <li>
                                        <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer"
                                            class="parimary-btn">
                                            查看答案
                                        </button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <h3 id="c006">三、复演说</h3>
                        <p>复演说的主要倡导者是美国心理学家霍尔。在他看来,儿童的游戏是对人类祖先生活的“回忆”重视。霍尔对格鲁斯的游戏理论是不认同的,他认为格鲁斯关于游戏是对未来成人活动的练习的观点是非常片面的、表面的和错误的,因为它忽视了过去。霍尔认为,胎儿在胎内的发展重演了动物进化的过程(从原生物到人),儿童时期的发展则重演了人类进化的过程(从猿到人)。从儿童的身上可以找到与之相应的游戏行为表现,这是人类祖先行为的反映。儿童的游戏就是祖先的“工作”,原始人的打猎、追逐等构成了现代儿童游戏的基本内容。由于这些活动已经成为人的本能,因此儿童做起来不需要花费力气,并且游戏的快乐也总是直接与遗传趋势的方向和力量成比例的。现代生活中是找不到任何对于游戏快乐的解
@@ -535,7 +603,10 @@
                <ul class="fl al-c jc-fe pad-t-55 mb-45">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
                    <li class="headerNumber">11</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>11</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
@@ -627,7 +698,7 @@
                        <p class="center"><span class="ls2">弗洛伊德、埃里克森的人格发展阶段的对比</span></p>
                        <p>北京师范大学刘焱教授对弗洛伊德、埃里克森的人格发展阶段进行了对比,如表1-1所示。</p>
                        <p class="img">表1-1 弗洛伊德与埃里克森的人格发展阶段的对比</p>
                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0024-1.jpg" />
                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0024-1.png" />
                        </p>
                        <p>资料来源:刘焱,《儿童游戏通论》,109页,福州,福建人民出版社,2015。</p>
                    </div>
@@ -646,7 +717,10 @@
                <ul class="fl al-c jc-fe pad-t-55 mb-45">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
                    <li class="headerNumber">13</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>13</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c009">六、认知发展学派的游戏理论</h3>
@@ -679,13 +753,61 @@
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p class="center"><span class="ls2">2019年高级育婴师理论知识考试真题</span></p>
                        <p>(单选题)我们应该抓住婴幼儿感情培养的(  ),通过有针对性的活动与游戏激发其兴趣。</p>
                        <p>A.机会</p>
                        <p>B.时机</p>
                        <p>C.敏感期</p>
                        <p>D.时期</p>
                        <p>参考答案:C。</p>
                        <ul v-for="(item, index) in exampleTwo.unitOne" :key="index">
                            <li>
                                {{ index + 1 }}.(单选){{ item.txt }}。
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
                                    <input type="radio" :disabled="exampleTwo.isComplete" :name="item.txt"
                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleTwo" />
                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
                                </label>
                            </li>
                            <li v-if="exampleTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                <span class="c-g"> 答案:{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                    item.userAnswer
                                    }}</span>
                                <span class="icon-box-big fl al-c">
                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                        <path
                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                            fill="#1AFA29" p-id="18768"></path>
                                    </svg>
                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                        <path
                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                            fill="#d81e06" p-id="25746"></path>
                                    </svg>
                                </span>
                            </li>
                        </ul>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev w80 choice">
                                <li>
                                    <button class="btn-border btn-w" @click="goExampleTwo">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="changeExampleTwo" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="exampleTwo.isShowAnswer = !exampleTwo.isShowAnswer"
                                        class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
@@ -753,12 +875,13 @@
        <!-- 15页 -->
        <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-45">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                <ul class="fl al-c jc-fe pad-t-55 mb-45">
                    <li class="headerText-bc">学习模块一</li>
                    <li class="headerText">婴儿游戏概述</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>15</span>
                    </li>
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <div class="img-rights w115">
@@ -768,7 +891,7 @@
                            </div>
                            <p>如何帮助维持儿童的唤醒处于中等水平?</p>
                            <textarea v-model="questionData.unitOne.five" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
                                style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-main"
                                @change="setQuestionData"></textarea>
                        </div>
                    </div>
@@ -790,12 +913,14 @@
                        <li>
                            {{ index + 1 }}.(单选){{ item.txt }}。
                        </li>
                        <li v-for="(citem, cindex) in item.option" :key="cindex">
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                            <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
                            {{ citem.value }} . {{ citem.txt }}
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                item.userAnswer
@@ -836,12 +961,14 @@
                        <li>
                            {{ index + 4 }}.(单选){{ item.txt }}。
                        </li>
                        <li v-for="(citem, cindex) in item.option" :key="cindex">
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                            <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
                            {{ citem.value }} . {{ citem.txt }}
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                item.userAnswer
@@ -868,15 +995,16 @@
                        <li>
                            {{ index + 6 }}.(多选){{ item.txt }}。
                        </li>
                        <li v-for="(citem, cindex) in item.option" :key="cindex">
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                            <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
                                :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
                            {{ citem.value }} . {{ citem.txt }}
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:<span v-for="(answer, index) in item.answer"
                                    :key="'answer-' + index">{{ answer }}、</span></span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:<span
                                    v-for="(userAnswer, index) in item.userAnswer" :key="'userAnswer-' + index">{{
                                    userAnswer }}、</span></span>
@@ -920,7 +1048,7 @@
                                </button>
                            </li>
                            <li>
                                <button @click="unitQuestionOne.isComplete = !unitQuestionOne.isComplete"
                                <button @click="unitQuestionOne.isShowAnswer = !unitQuestionOne.isShowAnswer"
                                    class="parimary-btn">
                                    查看答案
                                </button>
@@ -984,6 +1112,7 @@
            },
            unitQuestion: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "新生儿的视程大概是(  )",
@@ -1087,6 +1216,7 @@
            },
            unitQuestionOne: {
                isComplete: false,
                isShowAnswer: false,
                unitTwo: [
                    {
                        txt: "认为游戏是用来恢复精力的轻松活动的游戏理论是(  )",
@@ -1261,6 +1391,66 @@
                ],
                textOne: "",
                textTwo: "",
            },
            exampleOne: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "以下说法符合生活准备说观点的是(  )",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "游戏是剩余精力的发泄",
                                value: "A"
                            },
                            {
                                txt: "游戏是用来恢复精力的轻松活动",
                                value: "B"
                            },
                            {
                                txt: "游戏是为未来生活做准备",
                                value: "C"
                            },
                            {
                                txt: "游戏是人类生物遗传的结果",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
            exampleTwo: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "我们应该抓住婴幼儿感情培养的(  ),通过有针对性的活动与游戏激发其兴趣",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "机会",
                                value: "A"
                            },
                            {
                                txt: "时机",
                                value: "B"
                            },
                            {
                                txt: "敏感期",
                                value: "C"
                            },
                            {
                                txt: "时期",
                                value: "D"
                            },
                        ]
                    },
                ],
            }
        }
    },
@@ -1283,6 +1473,16 @@
        const unitTwo = localStorage.getItem("toddleGame-book-chapter01-UnitTwo");
        if (unitTwo) {
            this.unitQuestionOne = JSON.parse(unitTwo);
        }
        const exampleOne = localStorage.getItem("toddleGame-book-chapter01-exampleOne");
        if (exampleOne) {
            this.exampleOne = JSON.parse(exampleOne);
        }
        const exampleTwo = localStorage.getItem("toddleGame-book-chapter01-exampleTwo");
        if (exampleTwo) {
            this.exampleTwo = JSON.parse(exampleTwo);
        }
        this.getVidoePath()
@@ -1387,6 +1587,7 @@
                }
            }
            this.unitQuestion.isComplete = true
            this.unitQuestion.isShowAnswer = true
        },
        changeCheckData() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitOne")
@@ -1396,6 +1597,7 @@
                item.isRight = null
            }
            this.unitQuestion.isComplete = false
            this.unitQuestion.isShowAnswer = false
            this.unitQuestion.textOne = ""
            this.unitQuestion.textTwo = ""
        },
@@ -1422,6 +1624,7 @@
                }
            }
            this.unitQuestionOne.isComplete = true
            this.unitQuestionOne.isShowAnswer = true
        },
        changeUnitTwo() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitTwo")
@@ -1436,12 +1639,60 @@
                item.isRight = null
            }
            this.unitQuestionOne.isComplete = false
            this.unitQuestionOne.isShowAnswer = false
            this.unitQuestionOne.textOne = ""
            this.unitQuestionOne.textTwo = ""
        },
        saveExampleOne() {
            localStorage.setItem('toddleGame-book-chapter01-exampleOne', JSON.stringify(this.exampleOne))
        },
        goExampleOne() {
            for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
                const item = this.exampleOne.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
        }
            }
            this.exampleOne.isComplete = true
            this.exampleOne.isShowAnswer = true
        },
        changeExampleOne() {
            localStorage.removeItem("toddleGame-book-chapter01-exampleOne")
            for (let index = 0; index < this.exampleOne.unitOne.length; index++) {
                const item = this.exampleOne.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            this.exampleOne.isComplete = false
            this.exampleOne.isShowAnswer = false
        },
        saveExampleTwo() {
            localStorage.setItem('toddleGame-book-chapter01-exampleTwo', JSON.stringify(this.exampleTwo))
        },
        goExampleTwo() {
            for (let index = 0; index < this.exampleTwo.unitOne.length; index++) {
                const item = this.exampleTwo.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            this.exampleTwo.isComplete = true
            this.exampleTwo.isShowAnswer = true
        },
        changeExampleTwo() {
            localStorage.removeItem("toddleGame-book-chapter01-exampleTwo")
            for (let index = 0; index < this.exampleTwo.unitOne.length; index++) {
                const item = this.exampleTwo.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            this.exampleTwo.isComplete = false
            this.exampleTwo.isShowAnswer = false
        }
    }
}