0~3岁婴幼儿抚育与教育样章

zhongshujie

2025-02-13 1453ff2ca9930c8f1d0f9eb7d4c59e1d528649b9

0~3岁婴幼儿抚育与教育样章

 src/books/aurturingAndEducationAged0to3/assets/images/0015-01.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-02.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-03.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-04.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-05.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-06.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-07.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-08.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-09.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/0015-10.jpg

 src/books/aurturingAndEducationAged0to3/assets/images/feiye.png

 src/books/aurturingAndEducationAged0to3/assets/images/icon/heart-check.png

 src/books/aurturingAndEducationAged0to3/assets/images/icon/heart.png

 src/books/aurturingAndEducationAged0to3/assets/main.less

@@ -9,6 +9,11 @@
        margin-bottom: 20px;
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
        position: relative;
    }

    .max-400{
        max-width: 400px;
    }

    .foreword {
@@ -58,12 +63,12 @@

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

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


    .mb-20 {
        margin-bottom: 20px !important;
@@ -100,8 +105,10 @@
    }

    .tal-j {
        font-size: 23px;
        font-family: "宋体";
        display: inline-block;
        width: 120px;
        width: 100px;
        text-align-last: justify;
    }

@@ -134,8 +141,20 @@
        font-size: 18px !important;
    }

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

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

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

    .fm-st {
        font-family: "宋体";
    }

    .img-0 {
@@ -254,57 +273,33 @@
        width: 30px;
    }

    .headerText-bc {
        width: 70px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        background-color: #9CDCF8;
        border-radius: 15px;
    .footer-right {
        font-size: 13px;
        position: absolute;
        bottom: 50px;
        right: 13%;
    }

    .headerText {
        font-size: 12px;
        padding: 0 8px;
        color: #00AFEF;
    .footer-left {
        font-size: 13px;
        padding: 0;
        position: absolute;
        bottom: 50px;
        left: 13%;
    }

    .headerNumber {
        width: 110px;
        color: #fff;
        font-size: 12px;
        text-align: left;
        position: relative;
        padding-bottom: 5px;

        span {
            position: absolute;
            top: 33%;
            left: 25%;
        }
    .footerText {
        margin-right: 15px;
        font-weight: 200;
    }

    .header-left-Number {
        width: 50px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 15px;
        position: relative;

        span {
            position: absolute;
            left: 56%;
            top: 35%;
            transform: translateX(-50%);
        }
    .footerText-left {
        margin-left: 15px;
        font-weight: 200;
    }

    .header-left-text {
        color: #00AFEF;
        margin-left: 8px;
        margin-top: 7px;
        font-size: 12px;
    .footerNumber {
        font-size: 15px;
    }

    .radioClass {
@@ -568,16 +563,12 @@
    }

    .table-textarea {
        font-size: 14px;
        font-size: 18px;
        font-family: "Times New Roman", "宋体";
        resize: none;
        width: 95%;
        width: 90%;
        background-color: transparent;
        border: none;

        &:focus {
            outline: none;
        }
        margin-left: 40px;
    }

    .table-input-border {
@@ -921,6 +912,13 @@
        }
    }

    .answertxt {
        color: #fff;
        background-color: #5192C6;
        padding: 0 2%;
    }


    .inputChoice {
        display: flex;
        align-items: center;
@@ -1117,9 +1115,10 @@
    .page-box:nth-child(even) .bodystyle {
        font-family: 'FZLTXIHJW';
        text-align: justify;
        margin: 0 12% 0 8%;
        margin: 0 15% 0 13%;
        padding-bottom: 80px;
        line-height: 30px;
        padding: 8% 0 12%;

        hr {
            font-weight: 800;
@@ -1133,9 +1132,10 @@
    .page-box:nth-child(odd) .bodystyle {
        font-family: 'FZLTXIHJW';
        text-align: justify;
        margin: 0 8% 0 12%;
        margin: 0 13% 0 15%;
        padding-bottom: 80px;
        line-height: 30px;
        padding: 8% 0 12% 0;

        hr {
            font-weight: 800;
@@ -1208,20 +1208,20 @@

    .note {
        margin: 0;
        font-size: 14px;
        font-size: 12px;
        line-height: 22px;
    }

    .block {
        color: #00ADEF;
        // font-family: "kaiti";
        // margin-top: 0.2em;
        // margin-bottom: 0.2em !important;
        // text-indent: 2em;
        // line-height: 30px;
        // font-size: 14px;
        // text-align: justify;
    }
    // .block {
    //     // color: #00ADEF;
    //     // font-family: "kaiti";
    //     // margin-top: 0.2em;
    //     // margin-bottom: 0.2em !important;
    //     // text-indent: 2em;
    //     // line-height: 30px;
    //     // font-size: 14px;
    //     // text-align: justify;
    // }

    .block1 {
        color: red;
@@ -1229,11 +1229,12 @@
    }

    .block2 {
        text-align: center;
        margin: 10px 0;
        line-height: 25px;
    }

    .block3 {
        margin: 5px 0;
        line-height: 20px;
    }

@@ -1258,7 +1259,8 @@


    p {
        margin-top: 1em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        text-indent: 2em;
        line-height: 30px;
        font-size: 18px;
@@ -1385,7 +1387,6 @@
        color: #00ADEF;
        margin-top: 0.2em;
        margin-bottom: 0.5em;
        padding: 10% 0 0 0;
        text-indent: 0em;
        text-align: left;
    }
@@ -1396,44 +1397,32 @@
        font-family: 'FZHTJW';
        font-weight: bold;
        font-size: 1.6em;
        margin-bottom: 0em;
        margin-bottom: 1.5em;
        margin-top: 1.5em;
        text-indent: 2em;
    }

    .h2-zt {
        background-color: #3C84A5;
        color: #FFFFFF;
        border-radius: 0.2em 0em 0em 0.2em;
        margin-bottom: 1em;
        margin-top: -0.5em;
        padding: 0.2em 0.5em 0.2em 0.5em;
        color: #000;
        margin-right: 30px;
    }

    .h2-zt1 {
        border-radius: 0em 0.2em 0.2em 0em;
        padding: 0.2em 0.5em 0.2em 0.5em;
        background-color: #316076;
        color: #FFFFFF;
        margin-bottom: 1em;
        margin-top: -0.8em;
        color: #000;
    }

    h3 {
        font-family: 'FZHTJW';
        font-weight: bold;
        color: #1D668F;
        font-size: 1.3em;
        border-bottom: 4px dotted #9BC3C2;
        color: #000;
        font-size: 1.1em;
        margin-bottom: 1em;
        margin-top: 1em;
        text-indent: 2em;
        margin-left: 1em;
    }

    .h3-zt {
        background-color: #9BC3C2;
        color: #FFFFFF;
        color: #000;
        border-radius: 0.2em;
        margin-bottom: 0em;
        margin-top: -0.5em;
@@ -1444,20 +1433,16 @@
    h4 {
        font-family: 'FZHTJW';
        font-weight: bold;
        color: #316076;
        border-radius: 1.2em;
        background-color: #F3F3F3;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.2em;
        text-indent: 1em;
        margin-top: 0.5em;
        font-size: 1em;
        text-indent: 2em;
    }

    h5 {
        color: #316076;
        font-family: 'FZHTJW';
        margin-bottom: 0.5em;
        margin-top: 1em;
        margin-bottom: 0.4em;
        margin-top: 0.4em;
        font-size: 1.15em;
        text-indent: 2em;
    }
@@ -1663,13 +1648,27 @@
        margin-top: 2em;
        border-radius: 1.5em;
        margin-bottom: 1em;
        position: relative;

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

    }

    div.bk-2 {
        margin-top: -2em;
        margin-bottom: 1.5em;
        margin-left: -0.5em;
        position: absolute;
        top: -13px;
        left: -30px;
    }

    .bj2 {
        font-family: "宋体";
        font-size: 20px;
    }


    div.bk2 {
        border: 2px dashed #B2B2B2;
@@ -1904,58 +1903,60 @@


    .zt-zysx {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; 
        background-color:#24b8bc;
        border-radius:1.5em;
        color:#FFFFFF;
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #24b8bc;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding:4px;
        font-size:1.2em;
        padding: 4px;
        font-size: 1.2em;
        box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
    }

    .zt-zysx1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; 
        background-color:#96A7D5;
        border-radius:1.5em;
        color:#FFFFFF;
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #96A7D5;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding:6px;
        font-size:1.2em;
        padding: 6px;
        font-size: 1.2em;
    }

    .zt-zysx2 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; 
        background-color:#0071BD;
        font-size:1.2em;
    }
    
    .rwmb-1{
        margin-left:-2.4em;
        margin-bottom:-0.6em;
        margin-top:0.5em;
        height:3em;
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #0071BD;
        font-size: 1.2em;
    }

    div.tp-2{
        margin-bottom:0.2em;
        margin-top:-2.8em;
        margin-left:6em;
    }
    
    div.tp-1{
        margin-bottom:0.2em;
        margin-top:-2.8em;
        margin-left:5em;
    .rwmb-1 {
        margin-left: -2.4em;
        margin-bottom: -0.6em;
        margin-top: 0.5em;
        height: 3em;
    }

    .rwmb-2{
        height:1.8em;
    div.tp-2 {
        margin-bottom: 0.2em;
        margin-top: -2.3em;
        margin-left: 5.9em;
    }
    .rwmb-7{
        height:1.5em;

    div.tp-1 {
        margin-bottom: 0.2em;
        margin-top: -2.3em;
        margin-left: 5em;
    }
   // 迁移结束

    .rwmb-2 {
        height: 1.8em;
    }

    .rwmb-7 {
        height: 1.5em;
    }

    // 迁移结束

    .frontOne {
        font-family: "宋体";
@@ -2242,6 +2243,7 @@
            width: 90vw !important;
        }
    }

}

@media (max-width: 660px) {
@@ -2256,6 +2258,13 @@
            padding: 0 20px;
        }

        .page-box {
            min-height: 500px;
        }

        .max-400{
            max-width: 200px;
        }

        .img-float {
            width: 130px;
@@ -2280,6 +2289,15 @@
        h1 {
            font-size: 1.1em;
        }

        .footer-right {
            bottom: 1%;
            right: 13%;
        }

        .footer-left {
            bottom: 1%;
        }
    }
}


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

New file
@@ -0,0 +1,875 @@
<template>
    <div class="chapter" num="2">
        <!-- 1页 -->
        <div class="page-box" page="12">
            <div v-if="showPageList.indexOf(12) > -1">
                <h1 id="a007"><img class="img-0" alt="" src="../../assets/images/z1.jpg" /></h1>
                <div style="padding: 5% 15% 10% 15%;">
                    <p><img class="rwmb-1" alt="" src="../../assets/images/tb.png" /><span class="zt-ht">学习目标</span></p>
                    <div class="bk">
                        <p>1.了解胎儿发育的过程。</p>
                        <p>2.了解影响胎儿发育的各种因素。</p>
                        <p>3.了解胎儿易患的疾病及其预防措施。</p>
                        <p>4.了解胎儿教育的发展状况，掌握胎教的途径和适宜的方法。</p>
                        <p>5.感受生命的神奇，敬畏生命，呵护儿童。</p>
                    </div>
                    <p class="center mt-20"><b>案例：胎教出来的超级爱笑的豆豆宝宝</b></p>
                    <p class="fm-kt">
                        “我家宝宝半岁啦！怀孕的时候坚持每天胎教，确实有用。我家宝宝现在精得不得了：有人拿他的玩具他会哭，谁要出门他就要跟着出去玩；超喜欢听音乐，要是有人唱歌给他听，他就更高兴了，特别喜欢那首：‘我有一只小毛驴，我从来也不骑。有一天我心血来潮骑着去赶集，我手里拿着小皮鞭，我心里正得意……’”这是来自某胎教网站成功胎教案例中一位年轻妈妈的描述，言语中体现了对宝宝的爱，也体现了胎教成功的喜悦！那么，胎儿是如何发育的呢？怎样孕育一个健康而聪明的宝宝呢？如何理解和实施正确的胎儿教育呢？
                    </p>
                </div>
            </div>
        </div>
        <!-- 2页 -->
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
                <div class="bodystyle">
                    <h2 id="b001"><span class="h2-zt">第一课</span><span class="h2-zt1">胎儿的生长发育特点及规律</span></h2>
                    <p>胎儿在子宫内的发育是一个极其复杂的演变过程，每个变化都充满了神奇。其生命开始于一个小小的受精卵，并逐周在子宫内发育成健康的胎儿。</p>
                    <h3 id="c010">一、胎儿的发展历程</h3>
                    <h4 id="d003">（一）新生命的起点</h4>
                    <p>精子和卵子结合形成的受精卵是人的新生命的起点。因为卵细胞和精子都不能进行细胞的分裂、分化和发育，而受精卵能够分裂、分化，并形成组织、器官、系统，进而形成胎儿，它具有人体发育的全部信息。因此人体的生命之旅始于精卵结合的受精卵。
                    </p>
                    <h4 id="d004">（二）新生命的发展阶段</h4>
                    <p>胎儿在母体子宫内发育生长的时间从母亲末次月经第一天算起，大约280天（约40周）。胎儿的生长发育过程大致分为三个阶段：</p>
                    <p>胚芽期：也叫胚种期。从卵细胞受精到受精卵漂流走出输卵管，再到子宫内膜着床，依附在子宫壁上，历时两周。受精卵多次分裂、分化，一部分变成胎儿，另一部分变成供给胎儿营养并保护胎儿的附属器官。</p>
                    <p>胚胎期：从第三周到第八周末，历时六周。身体各部分及内脏器官初具雏形，胎盘和脐带形成。</p>
                    <p>胎儿期：从第九周到出生，历时三十二周。从第八周以后的胚胎开始具有“人样儿”，此时才能叫“胎儿”。这个时期，胎儿的主要器官、系统开始发挥功能，生长发育迅速，为出生做准备。</p>
                    <h3 id="c011">二、胎儿的生理发育</h3>
                    <h4 id="d005">（一）胎儿身长、体重增长的过程</h4>
                    <p>七周以前，胚胎通过卵黄囊汲取养分；两个月后卵黄囊逐渐萎缩，胚胎营养开始通过胎盘吸收。胎盘从母体的血液中汲取胎儿生长所需要的营养、氧气和水，再转到胎儿的血液中。胚胎在七周时长约12毫米，整个身
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">2</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 3页 -->
        <div class="page-box" page="14">
            <div v-if="showPageList.indexOf(14) > -1">
                <div class="bodystyle">
                    <p class="td-0">
                        子和葡萄一样大。胚胎长到九周，才是真正意义上的胎儿，为了容纳不断增长的胎儿，母体的子宫膨胀得非常大，胎儿的成长将达到一个重要的里程碑。在以后的数周内，其身长、体重的增长情况详见表1-1。
                    </p>
                    <p class="img">表1-1 胎儿身长体重增长一览<sup>①</sup></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0017-1.jpg" /></p>
                    <div class="bk-1">
                        <div class="bk-2">
                            <p><span class="bj2">相关链接</span></p>
                            <div class="tp-2">
                                <p><img class="rwmb-2" alt="" src="../../assets/images/tb-2.png" /></p>
                            </div>
                        </div>
                        <p class="center"><b>胎儿在子宫内，医学上如何测量胎儿的体重？</b></p>
                        <p>妊娠的前3个月，主要是通过测量胎儿头部至臀部的距离来计算胎儿的身长（厘米）。而随着胎儿渐渐发育之后，从妊娠第15周开始则分别测量胎儿的头围或两顶骨间的直径、腹围及大腿骨的长度来判定胎儿的大小，再以此来推测或估算胎儿的体重（克）。由于测量胎儿的身长结果误差较大，例如，胎儿蜷曲的姿势、骨架的大小都可能造成结果的误判，因此医学上会以体重而非身长作为评估胎儿成长的依据。
                        </p>
                    </div>
                    <h4 id="d006">（二）胎儿主要器官、系统的发育</h4>
                    <p>胎儿的多数器官都是从三四周开始初见雏形，以后逐渐发育，发育速度很快。这是人体组织、器官、系统高速发展的时期（如图1-1所示）。</p>
                    <h5 id="e001">1.神经系统</h5>
                    <p>着床后的胚胎开始分裂，一部分形成胎儿的大脑。第3周，脊椎形成，脑组织、脊髓及神经系统都具有一定的雏形。之后，胎儿头部继续增大，大脑发育非常迅速，大脑和神经系统已发育到了一定程度，脑重量迅速增加。至出生时，胎儿头部占整个胎儿身长的1/4，但胎儿的中枢神经系统尚未完全发育成熟。
                    </p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1">①</a>&emsp;谢幸，苟文丽：《妇产科学（第八版）》，29～30页，北京，人民卫生出版社，2013。</p>

                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">3</li>
                </ul>
            </div>
        </div>
        <!-- 4页 -->
        <div class="page-box" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
                <div class="bodystyle">
                    <!-- 轮播图 -->
                    <div class="imgBox-003 openImgBox ">
                        <div class="swiper-container swiper-img">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-01.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-02.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-03.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-04.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-05.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-06.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-07.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-08.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-09.jpg" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="imgBox" style="width: 100%; height: 100%">
                                        <img src="../../assets/images/0015-10.jpg" />
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <p class="img">图1-1 胎儿发育的过程</p>
                    <h5 id="e002">2.血液循环系统</h5>
                    <p>着床后的胚胎，另一部分形成胎儿的心脏。心脏是胎儿发育中最早有功能的器官。第18周，借助听诊器，可以听到胎儿的心音。心率每分钟大约150次，约是成人心率的两倍。</p>
                    <h5 id="e003">3.感觉器官</h5>
                    <p>（1）五官</p>
                    <p>胚胎细胞组织从第4周开始发育成胎儿的面部，胚胎的顶部发育成前额、鼻子，两边发育成面颊，汇集在一起的部分形成胎儿的上嘴唇。嘴和鼻子之间有一个垂直的凹痕叫人中，这个特征将终生不变。第7周，面部器官已可分辨，眼睛未长成但非常明显，鼻孔大开，耳朵略凹陷。第24周，听力已经形成，可以听到母亲说话的声音、心跳的声音和肠胃蠕动的声音及大一些的噪声；对一些较强的噪声，胎儿会躁动不安。第26周，视觉也有了发展，眼睛已能够睁开，视觉神经的功能已经发生作用。
                    </p>
                    <p>（2）皮肤</p>
                    <p>第8周时胎儿的皮肤形成，但很薄，血管清晰可见。随后，皮肤上被一层细细的绒毛（胎毛）覆盖，汗腺正在形成，头发的生长速度很快。皮肤上还覆盖了一层白色的、滑腻的胎脂，它可以保护胎儿的皮肤，以免在羊水的长期浸泡下受到损害。皮下脂肪逐渐发育，皮肤色红有褶皱。
                    </p>
                    <h5 id="e004">4.运动系统</h5>
                    <p>第4周后，胚胎的上面和下面长出肢体的幼芽，这在以后会发育成胎儿的手和脚。第19周后，母体能感到胎儿的运动，此阶段胎儿经常踢腿、屈体、伸腰、滚动、吸吮自己的拇指，胎动平均每小时3～5次。第28周，胎儿经常会把自己的大拇指或其他手指放到嘴里去吸吮。
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">4</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 5页 -->
        <div class="page-box" page="16">
            <div v-if="showPageList.indexOf(16) > -1">
                <div class="bodystyle">
                    <h5 id="e005">5.泌尿系统</h5>
                    <p>第6周，胚胎肾的雏形已经发育，神经管开始连接大脑和脊髓。第20周，肾脏已能够制造尿液。第36周，两个肾脏已发育完全。</p>
                    <h5 id="e006">6.生殖系统</h5>
                    <p>第11周，胎儿的生殖器开始发育，且发育迅速。至第27周，男孩的睾丸尚未降下来，女孩则可以看到突起的小阴唇。</p>
                    <h5 id="e007">7.消化系统</h5>
                    <p>第4周，胚芽的肝脏已现雏形。第20周，胎儿开始吞咽羊水。第33周，消化系统发育已近成熟。</p>
                    <h5 id="e008">8.呼吸系统</h5>
                    <p>第7周，胚胎的鼻孔大开。之后两周，发育迅速，呼吸器官开始成长。至第11周，呼吸器官开始工作，但在胎儿口腔里流动的是羊水而不是空气。第39周，胎儿身体各部分器官已发育完成，肺部是最后一个成熟的器官，在出生后几小时才能建立起正常的呼吸模式。
                    </p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span
                            class="zt-ht">本课内容回顾</span></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0019-1.jpg" /></p>
                    <h2 id="b002"><span class="h2-zt">第二课</span><span class="h2-zt1">影响胎儿发育的因素</span></h2>
                    <p>影响胎儿健康发育的因素，主要有内在因素和外在因素。前者包括胎儿自身因素、母体因素，后者主要包括环境因素、营养因素等，这些因素直接或间接地影响着胎儿的正常发育。</p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">5</li>
                </ul>
            </div>
        </div>
        <!-- 6页 -->
        <div class="page-box" page="17">
            <div v-if="showPageList.indexOf(17) > -1">
                <div class="bodystyle">
                    <h3 id="c012"><span class="h3-zt">一</span>内在因素</h3>
                    <h4 id="d007">（一）胎儿自身因素</h4>
                    <p>胎儿自身因素主要是指来自父母的遗传因素。出生后孩子的皮肤、头发的颜色、脸型的特征、身材的高矮、性成熟的早晚以及对疾病的易感性等都与遗传有关。一些遗传性代谢性缺陷病、内分泌障碍、染色体畸变等更可能会严重影响胎儿的生长发育。
                    </p>
                    <h4 id="d008">（二）母体因素</h4>
                    <h5 id="e009">1.年龄</h5>
                    <div class="img-rights w300">
                        <div class="video-box">
                            <p class="center text td-0">
                                <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"
                                    style="border-radius: 10px"></video>
                            </p>
                            <p class="center videoname">
                                <span>视频：孕期唐氏筛查</span>
                                <el-tooltip class="item" effect="dark"
                                    :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                    <img :src="collectResourceList.findIndex(
                                        (item) => item.id == 'd056878ebe8cb0dbf323afa4f50ce59e'
                                    ) > -1
                                        ? collectCheck
                                        : collectImg
                                        " alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                </el-tooltip>
                            </p>
                        </div>
                    </div>
                    <span>
                        <p>对于35岁以上的妇女怀孕，临床上称为高龄孕妇。高龄妇女怀孕后易流产、易产下有染色体异常和性染色体异常的孩子，最多见的是唐氏儿（唐氏综合征，即21-三体综合征），发生比例随孕妇年龄的增高而增高。<sup>①</sup>据科学家估计，40岁以上妇女发生该情况的可能性为1%，而45岁以上则上升到1/65。<sup>②</sup>
                        </p>
                    </span>
                    <h5 id="e010">2.香烟和酒精</h5>
                    <p>吸烟和喝酒是人生活方式中常见的不良嗜好。美国科学家对10000多名7～11岁儿童进行检查后发现，吸烟父母所生孩子的计算能力、阅读能力均不如不吸烟的父母所生的孩子，而且前者生下的孩子相对比较矮。另一项对32000名孕妇的调查发现，每天喝两杯酒的孕妇，在怀孕第3～6个月的流产率增加一倍，喝酒量超过两杯的，流产率增加3.5倍。1973年正式命名为“胎儿酒精中毒综合征”所致的胎儿缺陷已获国际公认。<sup>③</sup>
                    </p>
                    <h5 id="e011">3.情绪情感</h5>
                    <p>科学研究证明，孕妇情绪的好坏，对胎儿发育影响极大。崔运河、夏敏等人对160例母孕期情绪异常的儿童进行行为及智力发育的对照研究，结果表明，母孕期情绪异常，其孩子出生后容易出现的问题有哭闹、躁动不安、易受惊吓、抑郁、语言发育障碍、多动综合征等行为。<sup>④</sup>黄晓洁等人研究表明，孕妇焦虑、抑郁和生活事件现状与低出生体重、早产呈正相
                    </p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">①</a>&emsp;石一复：《父母年龄对胎儿健康的影响》，载《人口与优生》，2000（2）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">②</a>&emsp;应文辉：《影响优生的七大祸害》，载《人口与优生》，1992（1）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">③</a>&emsp;应文辉：《影响优生的七大祸害》，载《人口与优生》，1992（1）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1">④</a>&emsp;崔运河，夏敏等：《孕妇情绪异常对胎儿发育的影响》，载《中国优生与遗传杂志》，1998（1）。
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">6</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 7页 -->
        <div class="page-box" page="18">
            <div v-if="showPageList.indexOf(18) > -1">
                <div class="bodystyle">
                    <p class="td-0">
                        关。<sup>①</sup>大量临床调查发现，妊娠7～10周内的孕妇情绪过度不安、生气，可能导致胎儿口唇畸形，出现唇裂和唇腭裂。
                    </p>
                    <h5 id="e012">4.病毒与药物</h5>
                    <p>流行病学证明，妇女在怀孕前后感染病毒，可导致胎儿畸形或染上先天性疾病。妊娠期前12周母体风疹对胎儿存在危险，81%～90%的胎儿可发生风疹病毒感染，而先天性感染胎儿中约85%受到损害。<sup>②</sup>风疹对胎儿的影响主要是在孕妇怀孕的前三个月内，因为妊娠前三个月正是胎儿各种器官的形成时期。除风疹外，巨细胞病毒是对胎儿影响最大的病毒。在英国，由于母亲在孕期感染此病毒，每年约有400名婴儿在出生时就智力迟钝。<sup>③</sup>
                    </p>
                    <p>随着优生知识的普及，药物对胎儿的影响越来越受到众多孕妇的关注。已知一些药物，如“反应停”可致“海豹儿”，还有不少抗生素、止痛剂、镇静剂等药物对胎儿有危害，可致其生长发育不良或功能异常，甚至致畸、致病、致死。因此，妊娠期用药需谨慎，不可随意使用，要考虑药物对胎儿的影响。在整个怀孕过程中应在医生指导下选用比较安全的药物。
                    </p>
                    <div class="bk-1">
                        <div class="bk-2">
                            <p><span class="bj2">相关链接</span></p>
                            <div class="tp-2">
                                <p><img class="rwmb-2" alt="" src="../../assets/images/tb-2.png" /></p>
                            </div>
                        </div>
                        <p class="center"><b>海豹儿</b></p>
                        <p>1961年10月，在原西德妇产科医生的一次学术会议上，有3位医师分别报告发现有数千名新生儿发生畸形。这些畸形婴儿手和脚直接长在躯干上，没有臂和腿，样子像海豹，故称“海豹儿”（或“海豹肢畸形”）。不久，“海豹儿”相继在英国、澳大利亚、加拿大、日本以及巴西等国出现，畸形种类包括无肢、半肢、无手、无足或无指、缺耳、无眼等。
                        </p>
                        <p>造成海豹儿的“罪魁祸首”是妇女怀孕初期为止吐而服用的“反应停”。“反应停”又名“沙利度胺”“酞胺哌啶酮”。1961年起，“反应停”被禁止作为孕妇止吐药物使用。</p>
                    </div>
                    <h3 id="c013">二、外在因素</h3>
                    <h4 id="d009">（一）环境因素</h4>
                    <p>孕妇所处的工作环境和生活环境，好与不好，可以直接或间接地影响</p>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1">①</a>&emsp;黄晓洁，杨俊波，李琳：《妊娠结局与不良情绪的相关性研究》，载《东南大学学报（医学版）》，2015（2）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1">②</a>&emsp;周向东：《妊娠期母体风疹对胎儿的影响》，载《国外医学：流行病学传染病学分册》，1989（3）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a
                            id="m1">③</a>&emsp;夏昭华：《孕期的病毒感染（风疹除外）》，载《国外医学：计划生育妇产科学分册》，1980（5）。
                    </p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">7</li>
                </ul>
            </div>
        </div>
        <!-- 8页 -->
        <div class="page-box" page="19">
            <div v-if="showPageList.indexOf(19) > -1">
                <div class="bodystyle">
                    <p class="td-0">
                        到孕妇自身及胎儿的健康。
                    </p>
                    <h5 id="e013">1.辐射</h5>
                    <p>人们早就发现有关电器放射出的超量放射线和电磁波对人体健康的危害，尤其对女性的危害更大。孕妇若长时间处于电磁辐射环境下，则可能造成流产或胎儿发育畸形。这些电器主要是电视机、电热毯、X射线以及现代的电脑、电话、微波炉等。<sup>①</sup>
                    </p>
                    <h5 id="e014">2.重金属和毒物</h5>
                    <p>国外有关研究人员已经得出这样的结论：在孕妇所处的工作环境和生活环境中，最常见的危害因素包括铅、杀虫剂、有机溶剂、美容剂、甲基汞。<sup>②</sup>所以，妇女怀孕后不要食用含铅的食物，不要使用含铅和汞的化妆品，要远离驱蚊、驱虫用品，不要住刚装修完的房屋等。
                    </p>
                    <p>总之，良好的居住环境，如阳光充足、空气新鲜、水源清洁、食品安全，健康的生活习惯和按时孕检等都是保证胎儿生长发育达到最佳状态的重要因素。</p>
                    <h4 id="d010">（二）营养因素</h4>
                    <p>胎儿在子宫内的生长发育与孕妇的营养状况密切相关。合理营养可促进胎儿健康成长，减少畸形和其他缺陷的发生。所以，孕妇营养是婴儿健康的奠基石。胎儿在母体中生长发育所需要的一切营养物质，都要靠孕妇的血液通过胎盘这个交换站供给，因此孕妇的营养适当与否，对胎儿生长发育以及婴儿出生后的健康状况都有直接影响。许多小产、死胎、早产以及畸胎和先天不足的婴儿，都与孕妇营养不良有关<sup>③</sup>（如表1-2所示）。
                    </p>
                    <h4 id="d011">（三）感染因素</h4>
                    <div class="img-rights w300">
                        <div class="video-box">
                            <p class="center text td-0">
                                <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"
                                    style="border-radius: 10px"></video>
                            </p>
                            <p class="center videoname">
                                <span>视频：孕期唐氏筛查</span>
                                <el-tooltip class="item" effect="dark"
                                    :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                    <img :src="collectResourceList.findIndex(
                                        (item) => item.id == 'be2714f3c8679bbe0ff150b5443321a9'
                                    ) > -1
                                        ? collectCheck
                                        : collectImg
                                        " alt="" class="collect-btn" @click="handleCollect('video-02')" />
                                </el-tooltip>
                            </p>
                        </div>
                    </div>
                    <span>
                        <p>孕妇感染某些病原微生物可导致胎儿感染并导致胎儿畸形。在已知与人类有关的300种病毒中，至少有10余种能通过胎盘危害胎儿，其中风疹病毒危害最大。此外，常见的还有巨细胞病毒、流感病毒、单纯疱疹病毒、带状疱疹病毒、腮腺炎病毒、脊髓灰质炎病毒等。这些病毒感染的后果轻者可致胎儿畸形，重者则死亡。<sup>④</sup>
                        </p>
                    </span>
                    <hr class="img-g">
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">①</a>&emsp;岳文：《怀孕妇女要远离现代电器》，载《人口与优生》，2000（2）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">②</a>&emsp;王玉洁：《孕妇应注意自己的环境》，载《人口与优生》，1997（3）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">③</a>&emsp;李美筠：《孕妇营养是婴儿健康的奠基石》，载《食品科技》，1983（6）。
                    </p>
                    <p class="p-even note td-0">&nbsp;&nbsp;<a id="m1">④</a>&emsp;应文辉：《影响优生的七大祸害》，载《人口与优生》，1992（1）。
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">8</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 9页 -->
        <div class="page-box" page="20">
            <div v-if="showPageList.indexOf(20) > -1">
                <div class="bodystyle">
                    <p class="img">表1-2 常见孕期营养素缺乏导致的胎儿发育不良情况</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0023-1.jpg" /></p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span
                            class="zt-ht">本课内容回顾</span></p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0023-2.jpg" /></p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">9</li>
                </ul>
            </div>
        </div>
        <!-- 10页 -->
        <div class="page-box" page="21">
            <div v-if="showPageList.indexOf(21) > -1">
                <div class="bodystyle">
                    <h2 id="b003"><span class="h2-zt">第三课</span><span class="h2-zt1">胎儿期易患的疾病及其预防</span></h2>
                    <p>生一个健康聪明、活泼可爱的孩子是每个父母最大的心愿。然而，我国新生儿出生缺陷的发生数量庞大，每年有20万～30万个肉眼可见的先天性畸形儿出生。出生缺陷也称先天异常或先天缺陷，是指婴儿出生前，在母亲的子宫内发生的发育异常，而非分娩损伤所致的个体形态、结构等方面的异常。先天性畸形是出生缺陷的主要表现形式之一，遗传病是引起出生缺陷的重要原因。近年来胎停育的发生率也有增长趋势。
                    </p>
                    <h3 id="c014">一、遗传病</h3>
                    <h4 id="d012">（一）遗传病的含义</h4>
                    <p>遗传病是由遗传物质发生改变而引起的或者是由致病基因所控制的疾病，常为先天性的，也可后天发病，如唐氏综合征（即21-三体综合征，又称先天愚型，是染色体异常导致的疾病。这种疾病具有偶发性，所以每个孕妇都有可能生出“唐氏儿”，且概率随着孕妇年龄的递增而升高）、多指（趾）、先天性聋哑、血友病等，这些遗传病完全由遗传因素决定发病，并且在出生一定时间后才发病，有时要经过几年、十几年，甚至几十年后才会出现明显症状。
                    </p>
                    <div class="bk-1">
                        <div class="bk-2">
                            <p><span class="bj2">想一想</span></p>
                            <div class="tp-1">
                                <p><img class="rwmb-2" alt="" src="../../assets/images/tb-4.png" /></p>
                            </div>
                        </div>
                        <p class="center"><b>遗传病等于先天性疾病吗</b></p>
                        <p>一方面，先天性疾病一般是指婴儿出生时就表现出症状的疾病。先天性疾病中有些是遗传因素引起的，属遗传病，如唐氏综合征；而有些却是孕期受外界不良因素影响而引起的胎儿发育异常，不属于遗传病范畴，如先天性心脏病。由此可知，先天性疾病并不都是遗传病。另一方面，遗传病也不一定是在出生时就有症状表现的。也就是说，一些遗传病也可能在后天出现。有些遗传病，要在个体发育到一定年龄时才表现出来。例如，进行性肌营养不良，一般4～6岁才发病；许多遗传性智力低下患者，在婴幼儿期亦不易被发现。由此可知，后天发生的疾病中，也有遗传病。
                        </p>
                    </div>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">10</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 11页 -->
        <div class="page-box" page="22">
            <div v-if="showPageList.indexOf(22) > -1">
                <div class="bodystyle">
                    <h4 id="d013">（二）遗传病的预防</h4>
                    <p>所谓遗传病预防，就是防止患有严重遗传疾病的婴儿出生。其方法主要从环境保护、遗传携带者的检查、遗传咨询、婚姻指导、选择性流产以及症状出现前进行纠正等方面进行预防。</p>
                    <p>遗传因素是胎儿生长受限发病的重要因素，了解孕妇家族史、家庭背景，以及胎儿父母双方的基因状况对预防由于胎儿畸形或其他严重先天性疾病造成的胎儿生长受限，有重要作用。</p>
                    <h3 id="c015">二、先天畸形</h3>
                    <h4 id="d014">（一）先天畸形的含义</h4>
                    <p>畸形是指生物体某部分发育不正常。先天畸形是指胎儿在子宫内发生的结构或染色体异常，出生即存在的身体形态、结构等方面的异常。它是出生缺陷中最常见的一种。</p>
                    <p>最常见的胎儿畸形包括唐氏综合征、先天性心脏病、神经管缺陷、唇腭裂、多指（趾）、脑积水等。先天性心血管病是先天性畸形中最常见的一类。</p>
                    <p>形成畸形婴儿的可能性有很多，有些是遗传因素，有些是客观原因。如前所述，吸烟、酗酒都可能会造成胎儿畸形。</p>
                    <h4 id="d015">（二）先天畸形的主要原因</h4>
                    <h5 id="e015">1.遗传性致畸</h5>
                    <p>遗传性致畸是由于遗传因子异常而导致的畸形。常见的遗传性畸形有多指（趾）、并指（趾）等。目前，由于遗传造成的畸形儿不到10％。但遗传因素加上胎儿生长环境的不利因素，使得畸形儿发生率增加。</p>
                    <h5 id="e016">2.药物致畸</h5>
                    <p>药物能导致胎儿畸形已是被科学证实了的事情。孕妇不能乱用药。例如，安眠药、安定片、麻醉药、镇痛剂等药物对胎儿脑神经有不良影响；防止流产的黄体激素，如大量或长时间使用，可使女婴的外阴男性化（半阴阳）；止吐药、晕车灵等也要在医生指导下服用，以保证安全。
                    </p>
                    <h5 id="e017">3.病毒致畸</h5>
                    <p>病毒致畸最常见的是风疹病毒致胎儿畸形。风疹对孕妇来说是一种可怕的病毒性疾病。孕妇在妊娠初期患了风疹，生下的婴儿可能会得小头
                    </p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">11</li>
                </ul>
            </div>
        </div>
        <!-- 12页 -->
        <div class="page-box" page="23">
            <div v-if="showPageList.indexOf(23) > -1">
                <div class="bodystyle">
                    <p class="td-0">
                        症、白内障、听力不良、心脏畸形等。有时很可能是出生几个月后才发现是畸形儿，这是因为新生儿在母体内受到慢性病毒感染而造成的。
                    </p>
                    <h5 id="e018">4.营养素缺乏致畸</h5>
                    <p>营养素缺乏主要指碘缺乏和叶酸缺乏。碘缺乏造成地方性克汀病，即呆小症；叶酸缺乏造成神经管畸形，包括无脑儿和脊柱裂。</p>
                    <h4 id="d016">（三）先天畸形的预防</h4>
                    <p>首先，要做好婚前孕前检查、致畸检查（风疹、弓形虫、巨细胞、人乳头瘤等）。其次，孕前三个月和孕后三个月服用叶酸。最后，怀孕后立即建立围产保健卡，定期检查。14～20周时可做唐氏筛查，28周前做B超检测等，这些检查都可以在怀孕早期查出胎儿是否畸形。
                    </p>
                    <h3 id="c016">三、胎停育</h3>
                    <h4 id="d017">（一）胎停育的含义</h4>
                    <p>胎停育，即胎儿在子宫内停止发育，指胚胎发育到一个阶段发生了死亡而停止生长。B超检查是诊断是否胎停育的最好方法。</p>
                    <h4 id="d018">（二）胎停育的主要原因</h4>
                    <p>胎儿停止发育的原因有四大类，包括胎儿自身因素、母体因素、免疫功能异常和环境因素。胎儿自身因素中染色体异常是早期流产最常见的原因，占半数以上。母体因素指母体在怀孕时感冒发热等。免疫功能异常指由于胎儿属同种异体移植物，女性在怀孕期间对胎儿免疫耐受降低可导致流产。环境因素指接触过多的有害物质，如苯、甲醛和放射线等也可导致胎停育。<sup>①</sup>
                    </p>
                    <h4 id="d019">（三）胎停育的预防</h4>
                    <p>预防胎停育要从孕前就做好准备，做好详细的孕前检查，确定怀孕时有良好的身体基础，没有内分泌、免疫因素、遗传因素以及子宫异常等问题，孕期要做好生殖道感染的预防，按时做好产检，远离有害环境等。</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;《胎儿停止发育是什么原因》，载《钱江晚报》，2014-12-22。
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">12</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 13页 -->
        <div class="page-box" page="24">
            <div v-if="showPageList.indexOf(24) > -1">
                <div class="bodystyle">
                    <p><img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span
                            class="zt-ht">本课内容回顾</span></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0027-1.jpg" /></p>
                    <h2 id="b004"><span class="h2-zt">第四课</span><span class="h2-zt1">胎儿教育</span></h2>
                    <p>所谓胎教，就是指胎儿教育。很多人将它看成是教给腹内胎儿某种东西，其实不然，胎教用一句话来说，是要为体内的胎儿和母体提供一个完备优良的环境。胎教的目的就是促进胎儿的健康发育。</p>
                    <h3 id="c017">一、胎教的含义</h3>
                    <p>“胎”是指胎儿，“教”是指胎儿在母体内能感受到各方面的变化并接受影响的意思。胎教就是指在胎儿期孕妇在各方面有意识地、主动地采取一些良好的措施，从而对胎儿产生良好影响的方法。“胎教”有广义和狭义之分。
                    </p>
                    <p>广义的胎教指为了促进胎儿生理上和心理上的健康发育成长，同时确保孕产妇能够顺利地度过孕产期所采取的精神、饮食、环境、劳逸等各方面的保健措施，也叫“间接胎教”。</p>
                    <p>狭义的胎教也叫“直接胎教”，是根据胎儿各感觉器官发育成长的实际情况，有针对性地、积极主动地给予适当合理的信息刺激，使胎儿建立起条件反射，进而促进其大脑、感觉及神经系统等机能的成熟，如音乐胎教、对话胎教、抚摸胎教等。
                    </p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">13</li>
                </ul>
            </div>
        </div>
        <!-- 14页 -->
        <div class="page-box" page="25">
            <div v-if="showPageList.indexOf(25) > -1">
                <div class="bodystyle">
                    <h3 id="c018">二、胎教的起源与发展</h3>
                    <h4 id="d020">（一）胎教思想的起源</h4>
                    <p>胎教的思想最早起源于中国，我国古代许多典籍当中都有关于胎教的论述。古人认为，胎儿在母体中能够感受到孕妇情绪、言行的变化，所以孕妇必须谨守礼仪，给胎儿以良好地影响，名为胎教。</p>
                    <p>中国古代胎教始于西周。西汉经学家刘向（约前77—前6年）的《列女传》中有周文王之母孕文王时进行胎教的记载，周文王之母太任在妊娠期间“目不视恶色，耳不听淫声，口不出敖言，能以胎教”。这是我国史籍记载中最早的“胎教”。意思是说：太任怀孕时，眼不看邪恶的东西，耳不听淫乱的声音，口不说狂傲的话，这就是实行的胎教。太任怀周文王时讲究胎教的事例，一直被奉为胎教的典范，并在此基础上提出了孕期有关行为、摄养、起居各方面的注意事项，如除烦恼、戒生冷、慎寒温、宜静养等方法，以达到保证孕妇身体健康，预防胎儿发育不良，以及防止堕胎、小产、难产等目的。
                    </p>
                    <p>最早记载和提出“胎教”的是西汉政治家、文学家贾谊（前200—前168年）。贾谊在《新书·胎教》中最早明确提出“胎教”一词，系统地论证了胎教的问题。他主张人生的教育应该从胎教开始，认为胎儿是人生之本，是生命的起点，胎儿发育是否良好，素质如何，将决定他未来的发展前途。
                    </p>
                    <p>历代医著和医家对于“胎教”的内容也有很多记载。唐代孙思邈在《备急千金要方》中对胎教的内容做了较为全面的介绍和论述；北齐医家徐之才撰写的《逐月养胎法》从医学角度正式提出胎教的内容并对其加以解释；宋代著名妇科专家陈自明撰著《妇人大全良方》二十四卷，其中卷三十用一卷专篇来论述“胎教”，这是我国医学史上最早的专篇论述“胎教”的著作；其后，历代医学家论述者不乏其人。
                    </p>
                    <h4 id="d021">（二）现代胎教</h4>
                    <p>古代流传的胎教，主要是让孕妇在怀孕期间，始终保持心态平和、情绪稳定，使身体各器官保持良好的机能状态，创造良好的胎内环境，从而有利于胎儿的正常生长发育。</p>
                    <p>随着现代医学的发展，不少学者借助现代科学检测技术，如生理描记器、胎儿监护仪、B超、神经递质的测定和心理测验等，对生命在子宫内
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">14</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 15页 -->
        <div class="page-box" page="26">
            <div v-if="showPageList.indexOf(26) > -1">
                <div class="bodystyle">
                    <p class="td-0">
                        的形成过程进行了大量的科学观察，发现胎儿在子宫腔内能对外界的触、声、光等刺激发生反应，为直接胎教法的实施奠定了科学基础。胎儿感觉功能和运动功能的初步建立，都为胎教的实施提供了科学依据。
                    </p>
                    <h3 id="c019">三、胎教的方法</h3>
                    <p>孕早期，进行情绪胎教；孕中期，根据胎儿的感官发育，可以进行音乐、语言、抚摸胎教等；而整个孕期都可以进行营养胎教。</p>
                    <h4 id="d022">（一）间接胎教法</h4>
                    <h5 id="e019">1.情绪胎教</h5>
                    <p>情绪胎教是通过对孕妇的情绪进行调节，使之忘掉烦恼和忧虑，创造清新的氛围及和谐的心境，通过母体的神经递质作用，促使胎儿的大脑得以良好地发育。</p>
                    <h5 id="e020">2.营养胎教</h5>
                    <p>营养胎教是指根据妊娠早、中、晚三期胎儿发育的特点，合理指导孕妇摄取食物中的营养，以食补食疗的方法来防止孕期特有的疾病，满足孕育生命所需要的能量和营养素，从而促进胎儿健康发育。</p>
                    <h4 id="d023">（二）直接胎教法</h4>
                    <h5 id="e021">1.音乐胎教</h5>
                    <p>音乐胎教是以音乐的方式促进孕妇与胎儿健康成长的综合性方法。音乐胎教并不只是纯粹地聆听音乐，更不是社会上广泛认为的胎儿聆听音乐。科学的音乐胎教是一个由音乐贯穿起来的系统而综合的胎教方式，包含聆听、律动、冥想、歌唱等不同的形式。此种胎教法已被许多国家运用。
                    </p>
                    <h5 id="e022">2.语言胎教</h5>
                    <p>孕妇或家人用文明、礼貌、富有感情的语言，有目的地对子宫中的胎儿讲话，给胎儿的大脑输入最初的语言印记，传递爱与关怀，增进亲子交流与感情。</p>
                    <h5 id="e023">3.抚摸胎教</h5>
                    <p>抚摸胎教是指有意识、有规律、有计划地抚摸，以刺激胎儿的感官。</p>
                    <p>总之，我们提倡在怀孕期间为胎儿营造一个良好的环境，包括良好的营养、避免怀孕期的感染、保障母婴安全、父母健康的生活方式（如不吸
                    </p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">15</li>
                </ul>
            </div>
        </div>
        <!-- 16页 -->
        <div class="page-box" page="27">
            <div v-if="showPageList.indexOf(27) > -1">
                <div class="bodystyle">
                    <p class="td-0">
                        烟、不喝酒）、孕妇良好的心理状态、定期在医院进行产前检查保健等，从而给胎儿以良性影响，促进其健康发育。但是针对胎教，目前学界看法不一。
                    </p>
                    <div class="bk-1">
                        <div class="bk-2">
                            <p><span class="bj2">相关链接</span></p>
                            <div class="tp-2">
                                <p><img class="rwmb-2" alt="" src="../../assets/images/tb-2.png" /></p>
                            </div>
                        </div>
                        <p class="center"><b>胎教争议</b></p>
                        <p><b>争议之一：胎教的提法是否科学？</b></p>
                        <p>有学者认为：现在所谓的胎教实际上是对胎儿生长发育的一个良好的维护与促进，而用教育的概念来定义“胎教”是没有任何生物学基础的。“胎教”这个词一开始就叫错了。“胎教”作为一个术语本身是不科学的，因为胎儿不可教。对“教育”一词，人们有既定的、约定俗成的认识，称“胎教”只会被理解为对胎儿的教育，而这种误解是由提出者和倡导者的误导造成的。
                        </p>
                        <p><b>争议之二：音乐对胎儿有没有影响？</b></p>
                        <p>有学者认为：目前所谓“音乐胎教”，其实质是将声波作用于胎儿，人为地影响其生长发育的行为，在专业上应属于医学干预，所用物品包括属于“软件”的乐曲在内都应列为医疗器械，应接受主管部门的监管。
                        </p>
                        <p><b>争议之三：胎教影响的是孕妇还是胎儿？</b></p>
                        <p>有学者认为：让孕妇听音乐、朗诵诗歌，对母体的心情应该是有益处的，但这不是对胎儿的“教育”。“胎教”对胎儿的发育会不会有利，目前都没有科学的证据来证明。胎儿的发育建立在几千年、几万年，甚至更长的一个生物进化的基础上，一个胚胎在母体子宫内发育，是一个不断优化的过程，学术界称为“程序化”。这个程序经过了几十万年自然的筛选和淘汰优化的过程，没有必要人为地去干预这个过程，去添加额外的刺激。保持胎儿正常发育的环境，让其遵循自然的规律就行。
                        </p>
                    </div>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/tb-10.png" /><span
                            class="zt-ht">本课内容回顾</span></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0030-1.jpg" /></p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/tb-5.png" /><span class="zt-ht">思考与练习</span>
                    </p>
                    <p class="mt-20">1.名词解释：</p>
                    <p class="">胎儿:</p>
                    <textarea v-model="questionData.one" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考答案：胎儿是指胚胎发育的第二个月末，到出生的胎体，即第九周至出生前的胎体。
                    </p>
                    <p class="">遗传病:</p>
                    <textarea v-model="questionData.two" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考答案：遗传病是由遗传物质发生改变而引起的或者是由致病基因所控制的疾病，常为先天性的，也可后天发病。
                    </p>
                    <p class="">先天畸形:</p>
                    <textarea v-model="questionData.three" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考答案：先天畸形是指胎儿在子宫内发生的结构或染色体异常，出生即存在的身体形态、结构等方面的异常，它是出生缺陷中最常见的一种。
                    </p>
                    <p class="">胎教:</p>
                    <textarea v-model="questionData.four" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考答案：胎教就是指在胎儿期孕妇在各方面有意识地、主动地采取一些良好的措施，从而对胎儿产生良好影响的方法。广义的胎教指为了促进胎儿生理上和心理上的健康发育成长，同时确保孕产妇能够顺利地度过孕产期所采取的精神、饮食、环境、劳逸等各方面的保健措施，也叫“间接胎教”。狭义的胎教是根据胎儿各感觉器官发育成长的实际情况，有针对性地，积极主动地给予适当合理的信息刺激，使胎儿建立起条件反射，进而促进其大脑、感觉及神经系统等机能的成熟，狭义的胎教也叫“直接胎教”。
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">16</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 17页 -->
        <div class="page-box" page="28">
            <div v-if="showPageList.indexOf(28) > -1">
                <div class="bodystyle">
                    <p>2.简述影响胎儿发育的主要因素。</p>
                    <textarea v-model="questionData.five" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考答案：<br>影响胎儿健康发育的因素，主要有内在因素和外在因素。前者包括胎儿自身因素、母体因素，后者主要包括环境因素、营养因素。具体阐释如下。
                        <br>（1）内在因素。
                        <br>A.胎儿自身因素:胎儿自身因素主要指的是来自父母的遗传因素。
                        <br>B.母体自身因素:
                        <br>①年龄：35岁以上怀孕的妇女，临床上称为高龄孕妇。高龄妇女怀孕后易流产、易产下有染色体异常和性染色体异常的孩子，最多见的是唐氏儿。
                        <br>②香烟和酒精：抽烟对孩子的计算能力、阅读能力、身高等会产生不良影响；喝酒易引起流产。
                        <br> ③情绪情感：孕妇焦虑、抑郁等情绪异常易造成早产、婴儿低体重、畸形、易哭闹、多动等问题。
                        <br> ④病毒与药物：可致生长发育不良或功能异常，甚至致畸、致病、致死。
                        <br>（2）外在因素。
                        <br> A.环境因素：
                        <br> ①辐射：可能造成流产或胎儿的发育畸形。
                        <br> ②重金属和毒物：造成流产或胎儿的发育畸形。
                        <br> B.营养因素：易造成流产、死胎、早产以及畸胎和婴儿先天不足。
                        <br> C.感染因素：病毒感染轻者致畸，重者死亡。
                    </p>
                    <p>3.产生畸形的主要原因有哪些？如何预防畸形的发生？</p>
                    <textarea v-model="questionData.six" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考答案： <br>（1）产生畸形的主要原因有如下几种：
                        <br>①遗传性畸形：常见的遗传性畸形有多指（趾）、并指（趾）等。
                        <br>②药物致畸：安眠药、安定片、麻醉药、镇痛剂等药物对胎儿脑神经有不良影响；防止流产的黄体激素，如大量地长时间地使用，可使女婴的外阴男性化（半阴阳）；止吐药、晕车灵等也要在医生指导下服用，以保证安全。
                        <br>③病毒致畸：最常见的是风疹病毒致胎儿畸形。
                        <br> ④营养素缺乏引起的畸形：主要指碘缺乏和叶酸缺乏，碘缺乏造成地方性克汀病，即呆小症；叶酸缺乏造成神经管畸形，包括无脑儿和脊柱裂。
                        <br>（2）为了预防畸形，首先需要做好婚前孕前检查、致畸检查（风疹、弓形虫、巨细胞、人乳头瘤等）。其次是孕前三个月和孕后三个月服用叶酸。另外，怀孕后立即建立围产保健卡，定期检查，14～20周时可做唐氏筛查，28周前做B超检查等，这些检查都可以在怀孕早期查出胎儿是否畸形。
                    </p>
                    <p>4.拓展训练：以小组为单位，采用问卷调查或随机访问的方法，调查某一个年龄段儿童的胎教情况，撰写调查报告并分享。</p>
                    <p>提示：</p>
                    <p>（1）调查范围可以是社区、某儿童娱乐中心、早教机构或幼儿园。</p>
                    <p>（2）针对某一个年龄段，如将1岁前、1～3岁或幼儿园小班、中班、大班的家长作为调查对象进行问卷调查或访谈。</p>
                    <p>（3）调查报告的基本内容包括调查目的、调查内容与方法、调查结果与分析、意见或建议等。</p>
                    <textarea v-model="questionData.seven" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考建议：
                        <br>（1）问卷调查要事先设计问卷，最好为客观题，题量以15～20为宜；若是访谈，要事先设计访谈提纲。
                        <br>（2）调查对象以30人为宜，最好做到随机抽样。
                        <br>（3）撰写的调查报告要符合调查报告的格式：前言、调查目的、调查内容与方法、调查结果与分析、意见或建议、附录（问卷或访谈提纲）。
                        <br>（4）字数不少于800字。
                    </p>
                    <p>5.拓展训练：请从音乐、语言、运动三个领域中任选一个领域，设计并展示胎教活动，要求身心投入，随着胎教内容进行情景的联想，力求达到心旷神怡的意境，以调整心态，增强胎教效果，通过活动感悟生命的意义。
                    </p>
                    <textarea v-model="questionData.eight" placeholder="请输入内容" rows="5" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                    <p v-if="unitQuestion.isShowAnswer" class="answertxt">
                        参考建议：可以寻找身边亲朋好友家中的孕妇开展此项活动（当然需征得对方的同意），也可以模拟展示。重在尝试体会胎教的实施操作，感悟生命的意义。领域内容和要求参考如下。
                        <br>（1）音乐胎教法
                        <br>①内容选取：建议听古典音乐，古典音乐的节奏与目前每分钟72次左右的心跳音接近，而胎儿对目前的心跳音最有安全亲密感。用录音机放音，孕妇距音箱1.5～2米，音箱的音强在65～70分贝；
                        <br>②时间：音乐胎教（胎儿听）适宜于胎儿24周后或26周胎儿听力成熟时进行，时间应选在胎儿觉醒时候，每天一两次，每次控制在15分钟以内。
                        <br>（2）语言胎教法
                        <br>①内容选取：内容不限，可以选择图文并茂的故事，绘声绘色的讲给胎儿听，或给她配乐朗诵优美的儿歌、诗歌、散文，也可以是问候、聊天等。
                        <br>②时间：从胎儿24周开始，父母应坚持与胎儿进行对话。如“小宝贝，我是你的爸爸”。
                        <br>（3）运动胎教法
                        <br>①内容选取：对胎儿进行摇晃式锻炼，使之在腹内“散步”“荡秋千”“踢腿”。当胎儿踢母亲时，母亲可用手轻拍（力度应）被踢的部位，一分钟以后她会再踢，如果母亲改变轻拍的部位，胎儿会向所拍的部位踢。
                        <br>②时间：孕19周后，孕妈感到胎动时进行。每天一两次，每次几分钟。切忌时间过长或幅度过大。
                    </p>
                    <!-- 提交按钮 -->
                    <div class="w100 fl ju-cn">
                        <ul class="fl ju-ev w80 choice">
                            <li>
                                <button @click="changeQuestionData" class="btn-border btn-w">
                                    重做
                                </button>
                            </li>
                            <li>
                                <button @click="unitQuestion.isShowAnswer = !unitQuestion.isShowAnswer"
                                    class="parimary-btn">
                                    查看答案
                                </button>
                            </li>
                        </ul>
                    </div>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/tb-8.png" /><span class="zt-ht">学习反思</span>
                    </p>
                    <textarea v-model="bookData.eight" placeholder="请输入内容" rows="9" class="table-textarea"
                        @change="setBookQuestion"></textarea>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">17</li>
                </ul>
            </div>
        </div>
        <!-- 18页 -->
        <div class="page-box" page="29">
            <div v-if="showPageList.indexOf(29) > -1">
                <div class="bodystyle">

                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">18</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <!-- 19页 -->
        <div class="page-box" page="30">
            <div v-if="showPageList.indexOf(30) > -1">
                <div class="bodystyle">

                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第一单远</li>
                    <li class="footerText">胎儿期</li>
                    <li class="footerNumber">19</li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import {
    getCollectResource,
    setCollectResource,
} from "@/assets/methods/resources";
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            collectResourceList: [],
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false
            },
            unitQuestion: {
                isShowAnswer: false
            },
            questionData: {
                one: "",
                two: "",
                three: "",
                four: "",
                five: "",
                six: "",
                seven: "",
            },
            bookData: {
                one: "",
            }
        };
    },
    async mounted() {
        const bookQuestion = localStorage.getItem("aurturingAndEducation-book-chapter01-questionData");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }


        const videoData = localStorage.getItem("aurturingAndEducation-book-chapter01-Data");
        if (videoData) {
            this.chapterData = JSON.parse(videoData);
        }
        this.getVidoePath();
        // 获取视频是否被收藏
        this.collectResourceList = await getCollectResource(
            this.config.activeBook.bookId
        );
    },
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "d056878ebe8cb0dbf323afa4f50ce59e"
            );
            this.videoPathTwo = await getResourcePath(
                "be2714f3c8679bbe0ff150b5443321a9"
            );
        },
        setBookQuestion() {
            localStorage.setItem(
                "aurturingAndEducation-book-chapter01-questionData",
                JSON.stringify(this.questionData)
            );
        },
        changeQuestionData() {
            localStorage.removeItem("aurturingAndEducation-book-chapter01-questionData")
            for (let key in this.questionData) {
                if (this.questionData.hasOwnProperty(key)) {
                    if (this.questionData[key]) {
                        this.questionData[key] = "";
                    }
                }
            }
            this.unitQuestion.isShowAnswer = false
        },
        handleCollect(e) {
            if (e == "video-01") {
                this.handleCollectResource(
                    "d056878ebe8cb0dbf323afa4f50ce59e",
                    "d056878ebe8cb0dbf323afa4f50ce59e",
                    "",
                    "视频",
                    "bits",
                    "视频：孕期唐氏筛查"
                );
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
            } else if (e == "video-02") {
                this.handleCollectResource(
                    "be2714f3c8679bbe0ff150b5443321a9",
                    "be2714f3c8679bbe0ff150b5443321a9",
                    "",
                    "视频",
                    "bits",
                    "视频：孕期保健"
                );
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
            }
            this.handleChapterData();
        },
        handleChapterData() {
            localStorage.setItem(
                "aurturingAndEducation-book-chapter01-Data",
                JSON.stringify(this.chapterData)
            );
        },
        //资源收藏事件
        // resourcePath  文件路径，
        // resourceType  文件类型
        // source        文件来源
        handleCollectResource(
            id,
            md5,
            resourcePath,
            resourceType,
            source,
            resourceName
        ) {
            let list = this.collectResourceList;
            if (list.findIndex((item) => item.id == id) > -1) {
                list = list.filter((item) => item.id != id);
            } else {
                list.push({
                    id,
                    md5,
                    resourcePath,
                    resourceType,
                    source,
                    resourceName,
                });
            }
            this.collectResourceList = list;
            setCollectResource(
                this.config.activeBook.bookId,
                this.collectResourceList
            );
        },
    }
}; 
</script>

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

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

@@ -1,10 +1,230 @@
<template>
    <div class="chapter" num="1">
        <!-- 封面 -->
        <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
            <div v-if="showPageList.indexOf(1) > -1">
                <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
            </div>
        </div>
        <div class="page-box mt-20" page="2" style="padding-bottom: 0px">
            <div v-if="showPageList.indexOf(2) > -1">
                <img class="img-0" alt="" src="../../assets/images/feiye.png" />
            </div>
        </div>
        <!-- 介绍页面 -->
        <div class="page-box" page="3">
            <div v-if="showPageList.indexOf(3) > -1">
                <div class="max-400" style="margin: 0 auto; padding: 15% 0 20% 0">
                    <hr />
                    <p class="td-1 fz-15 block2"><b>图书在版编目（CIP）数据</b></p>
                    <p class="td-1 fz-15 block2">
                        0～3岁婴幼儿抚育与教育/康松玲，许晨宇主编.—2版.—北京：北京师范大学出版社，2020.3（2024.6重印）
                    </p>
                    <p class="td-1 fz-15 block2">ISBN 978-7-303-26242-7</p>
                    <p class="td-1 fz-15 block2">
                        Ⅰ.①0… Ⅱ.①康…②许… Ⅲ.①婴幼儿-哺育②婴幼儿-早期教育 Ⅳ.①TS976.31②G781
                    </p>
                    <p class="td-1 fz-15 block2">
                        中国版本图书馆CIP数据核字（2020）第158182号
                    </p>
                    <hr />
                    <p><br /></p>
                    <p><br /></p>
                    <p class="td-0 fz-15 block3">
                        <b>图书意见反馈　gaozhifk@bnupg.com　010-58805079</b>
                    </p>
                    <p class="td-0 fz-15 block3">营销中心电话　010-58802181　58805532</p>
                    <p class="td-0 fz-15 block3">编辑部门电话　010-58808898</p>
                    <hr />
                    <p class="td-0 fz-14 block3">
                        出版发行：北京师范大学出版社　www.bnupg.com
                    </p>
                    <p class="td-0 fz-14 block3">
                        　　　　　北京市西城区新街口外大街12-3号
                    </p>
                    <p class="td-0 fz-14 block3">　　　　　邮政编码：100088</p>
                    <p class="td-0 fz-14 block3">印　　刷：天津中印联印务有限公司</p>
                    <p class="td-0 fz-14 block3">经　　销：全国新华书店</p>
                    <p class="td-0 fz-14 block3">开　　本：787mm×1092mm　1/16</p>
                    <p class="td-0 fz-14 block3">印　　张：16.75</p>
                    <p class="td-0 fz-14 block3">字　　数：358千字</p>
                    <p class="td-0 fz-14 block3">版　　次：2020年3月第2版</p>
                    <p class="td-0 fz-14 block3">印　　次：2024年6月第14次印刷</p>
                    <p class="td-0 fz-14 block3">定　　价：39.00元</p>
                    <hr />
                    <p class="td-0 fz-15 block3">
                        策划编辑：罗佩珍　　　　　　责任编辑：朱前前
                    </p>
                    <p class="td-0 fz-15 block3">
                        美术编辑：焦　丽　　　　　　装帧设计：焦　丽
                    </p>
                    <p class="td-0 fz-15 block3">
                        责任校对：陈　民　　　　　　责任印制：陈　涛　赵　龙
                    </p>
                    <p class="td-0 fz-15 block3">封面插图：魏青兰·琪琪格</p>
                    <p class="center block3 mt-30"><b class="fz-20">版权所有 侵权必究</b></p>
                    <p class="center block3"><b>反盗版、侵权举报电话：</b>010-58800697</p>
                    <p class="center block3">北京读者服务部电话：010-58808104</p>
                    <p class="center block3">外埠邮购电话：010-58808083</p>
                    <p class="center block3">
                        本书如有印装质量问题，请与印制管理部联系调换。
                    </p>
                    <p class="center block3">印制管理部电话：010-58800608</p>
                </div>
            </div>
        </div>
        <!-- 编委会 -->
        <div class="page-box" page="4">
            <div v-if="showPageList.indexOf(4) > -1">
                <div class="fz-16" style="padding: 15% 0; background-color: #fff;">
                    <h1 id="a003" class="front"><img class="img-0" alt="" src="../../assets/images/bwh.jpg" /></h1>
                    <div style="margin: 0 13%;  padding: 0 7%;">
                        <p class="td-0 mt-20 fz-23 fm-kt"><b class="tal-j">主　　编</b><b>：</b>康松玲 许晨宇</p>
                        <p class="td-0 fz-23 fm-kt">
                            <b class="tal-j">副 主 编</b><b>：</b>付秋薇
                        </p>
                        <p class="td-0 fz-23 fm-st">
                            <b class="tal-j">参编人员</b>(按姓氏拼音排序)：
                        </p>
                        <p class="td-0">
                        <p class="fz-23 fm-kt">　　　康新芬　刘佳琦　林　超　庞泰梅</p>
                        <p class="fz-23 fm-kt">　　　王　萍　杨　沛　张琳琳　翟　青</p>
                        <p class="fz-23 fm-kt">　　　朱　珠</p>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-box" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <div style="padding: 8% 13% 10% 15%">
                    <h1 id="a004" class="front"><img class="img-0" alt="" src="../../assets/images/xy1.jpg" /></h1>
                    <h3 id="c001" style="margin-top: 12%;">一、修订背景</h3>
                    <p>2016年8月，根据《幼儿园教师专业标准（试行）》《教师教育课程标准（试行）》以及《中等职业学校学前教育专业教学标准》，我们出版了《0～3岁婴幼儿抚育与教育》一书，在一定程度上弥补了学前教育专业0～3岁年龄段教材短缺的问题。全书共分四个单元，比较系统地阐述了0～3岁婴幼儿在不同年（月）龄时期发育特点、抚育重点和教育的主要内容、方法、策略，每个单元都是一个完整的教养体系且和实践有机结合。实操内容和实践领域契合度高，同时教材文字描述简洁、通俗，体例丰富，可读性较强，受到大多数读者好评。
                    </p>
                    <p>随着社会发展，信息技术日新月异，教材呈现的方式必须顺应新时代的发展。教材中实践方案虽然和实践领域紧密结合，但是直观的素材、最新的实践内容无法做到及时更新。另外，随着我国生育政策的调整，社会、家庭对婴幼儿的托育服务需求不断增长，托育机构管理的规范性和托育人员的专业性越来越引起国家、社会和家庭的重视。对0～3岁早教专业人才的培养也前所未有地受到国家和社会的高度重视。婴幼儿的照护、养育问题的重视程度也是达到了有史以来的高度。尤其2019年《国务院办公厅关于促进3岁以下婴幼儿照护服务发展的指导意见》（国办发〔2019〕15号）发布，以及国家卫生健康委员会印发《托育机构管理规范（试行）》等文件，教材学习内容、教学方式等必须与时俱进，有更新的内容补充进来，有更加丰富的呈现形式，以方便教学和学生学习。党的二十大报告明确提出：“我们要坚持教育优先发展、科技自立自强、人才引领驱动，加快建设教育强国、科技强国、人才强国，坚持为党育人、为国育才，全面提高人才自主培养质量，着力造就拔尖创新人才，聚天下英才而用之。”0～3岁阶段是教育的起点，高质量的教养环境和师资力量是提升教育质量的关键。基于此，我们参考师生用书的意见，以及目前融媒体下
                    </p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第2版序言</li>
                    <li class="footerNumber">1</li>
                </ul>
            </div>
        </div>
        <div class="page-box" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <div style="padding: 10% 15% 10% 13%">
                    <p class="td-0">
                        的学生学习特点和要求，重新组建团队对教材的内容进行了认真的修订。
                    </p>
                    <h3 id="c002">二、修订内容说明</h3>
                    <h4 id="d001">（一）文字部分的修订</h4>
                    <p>文字部分主要包括教材中的文字内容、图片资料以及课程大纲等。本次修订主要是调整了课程大纲和增加了与时俱进的内容。例如，书中婴儿辅食添加部分，替换为2019年中华预防医学会儿童保健分会编写的《婴幼儿喂养与营养指南》的喂养原则和要求，等等。在婴幼儿如厕训练方面，也根据美国儿科学会关于0～5岁儿童的培养建议结合我国的实际情况做了相应的调整，使得本书内容紧跟学术研究前沿，更契合生活实践。
                    </p>
                    <h4 id="d002">（二）融媒体资源的丰富</h4>
                    <p>本次修订最多的是配套了大量的融媒体资源，这些资源包括教学大纲、PPT课件、单元检测、视频、微课等。根据学习内容需要，本着必须、够用、适合、拓展的原则，构建了各单元的配套资源。视频、微课资源情况具体如下：
                    </p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0006-1.jpg" /></p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">2</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <div class="page-box" page="7">
            <div v-if="showPageList.indexOf(7) > -1">
                <div style="padding: 10% 13% 10% 15%">
                    <p>同时，这些融媒体的学习资源是动态的，根据实际情况和早期教育研究的新成果、新发展，随时更新、替换和补充。</p>
                    <h3 id="c003">三、第2版特色和创新</h3>
                    <p>一方面，本教材在内容体系设计上，紧紧围绕“以婴幼儿为中心，以促进学生自主学习”这一出发点，构建了“以婴幼儿生理心理发展为基本原理，以婴幼儿保健照护技能为重点，以托育机构的教育实践活动为应用”的
                        “三位一体”教材内容体系和立体化的学习资源，使0～3岁和3～6岁这两个年龄段之间自然衔接，实现0～6岁学前儿童教育一体化。</p>
                    <p>另一方面，修订后的教材内容紧扣国家政策方针，贯彻落实国务院有关指导意见，对学生的学习有方向性的指导作用。修订后的教材编写理念结合0～3岁婴幼儿的特点，重视医养结合、理实贯通、校企（托育机构）联动，以保证内容规范性和教学适宜性。编写团队融合医、养、教，既有医生、托育一线教师，又有各地职业院校相关科目教学经验丰富的老师；教材内容上，基本知识技能结合最新一线实践辅助材料及幼儿教师资格证相关知识考点，既解决了0～3岁婴幼儿教养规范性亟待加强的实践难题，又为培养相关人才提供了切实可行的教学依据和学习材料；学习形式上，教材不仅有系统的文字学习材料，而且在融媒体背景下，充分利用手机客户端学习载体，运用现代化信息技术配备了大量立体“学材”，如视频、微课、实操展示等，以提高学生学习兴趣和学习效果。
                    </p>
                    <h3 id="c004">四、第2版编写团队</h3>
                    <p>本书由康松玲、许晨宇（天津师范大学学前教育学院）任主编，付秋薇（天津市华夏未来教育集团）任副主编。康松玲负责团队组建及人员选拔，负责全书内容整体架构设计、资源配置及设计（PPT课件、理论指导实操部分视频和微课制作等）、审稿并撰写第一、第二、第三单元和第四单元的第一至第九课文字部分内容；许晨宇负责全书教学大纲、资源配置（理论指导实操部分视频和微课制作等）并撰写第四单元第十课至第二十二课文字部分；付秋薇负责全书融媒体资源的视频质量把关，以及婴幼儿教育活动视频设计、编辑及制作等工作。
                    </p>
                    <p>其他参编人员完成的主要工作如下表：</p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第2版序言</li>
                    <li class="footerNumber">3</li>
                </ul>
            </div>
        </div>
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <div style="padding: 10% 15% 10% 13%">
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/0008-1.jpg" /></p>
                    <h3 id="c005">五、致谢</h3>
                    <p>此次修订，时间紧，任务重，尤其是在配套资源的完成过程中，各位作者付出了艰辛的劳动，在此表示深深的感谢！同样感谢在视频录制、剪辑、示范、解说等工作中给予我们支持的老师、医生、护士、学生及工作人员！感谢天津师范大学学前教育学院的同学王礼萍、朱昕怡的辅食制作作品，以及邹宝媛、平文静同学的校内早教实训课。感谢徐州幼儿师范高等专科学校教师郭盼盼、许珊珊、杨春慧参与视频录制，学生汪思雨、张其星同学负责视频的拍摄与剪辑。感谢河南省社旗县人民医院新生儿科主任魏婉莹、产科护士王鑫参与视频拍摄与剪辑工作。感谢华夏未来教育集团早教中心老师李明月、李北平参与游戏活动指导及录制工作；何宏烨、曲文雯、刘源、杨茗、李梦洋参与视频拍摄录制现场指导工作；崔晓晨、马林参与视频后期剪辑工作。感谢珠海伊恩幼托婴中心的陈雪蓉、林文雅制作的幼儿生活能力培养活动视频。感谢本书的策划编辑罗佩珍老师及文稿编辑朱前前老师，是罗老师的不断鼓励，使我们下定决心修订此书，并在大家的积极努力下使得我们如期完成了修订任务！
                    </p>
                    <p>由于作者水平有限，文字和资源难免存在不足，欢迎同行和专家批评指正！</p>
                    <p class="right fm-kt">康松玲 许晨宇</p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">4</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <div class="page-box" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
                <div style="padding: 8% 13% 10% 15%">
                    <h1 id="a004" class="front"><img class="img-0" alt="" src="../../assets/images/xy.jpg" /></h1>
                    <h3 id="c001" style="margin-top: 12%;">一、编写背景</h3>
                    <p>0～6岁学前儿童教育的一体化使原本以散居家庭养育为主的0～3岁婴幼儿的教育模式转化为由全社会关注和参与的养教相结合的教育模式，使0～3岁和3～6岁这两个年龄段之间自然衔接。所以，0～3岁婴幼儿的抚育和教育问题是个社会工程，涉及方方面面。如何指导家长科学育儿，既是国家、社会的迫切期望，也是家庭、婴幼儿发展的需求。2011年《教育部关于大力推进教师教育课程改革的意见》（教师〔2011〕6号）出台的《教师教育课程标准（试行）》中建议开设0～3岁婴幼儿的保育和教育课程模块，2012年教育部颁布的《幼儿园教师专业标准（试行）》中明确要求教师要重视0～3岁婴幼儿的教养问题。自2010年，一些院校开设了早期教育专业，进行早教师资培养，重点研究0～3岁婴幼儿的保育和教育。在这样的背景下，我们应北京师范大学出版社的邀请编写了《0～3岁婴幼儿抚育与教育》这本书。
                    </p>
                    <p>本书包括四个单元的内容：第一单元（共四课）重点介绍胎儿的发育过程、胎儿健康的影响因素、胎儿期的常见病预防和胎儿教育问题；第二单元（共十课）重点描述新生儿的身心发展、状态、营养需要与合理喂养、生活起居照顾、脐部护理、常见病的鉴别与日常护理、沐浴、抚触等方面的早期抚育与教育的内容与方法；第三单元（共十六课）重点分析婴儿的身心发展、起居照顾、预防接种、营养需要与辅食添加、常见问题与应对策略、安全防护与紧急处理，以及动作、感知觉、语言、情绪与社会性交往的发展与促进等；第四单元（共二十二课）重点阐述幼儿的身心发展特点、日常起居照顾、营养需要与膳食管理、预防接种、易患病的鉴别、意外事故的预防和处理、常见心理问题及其应对、幼儿动作与认知发展促进、独立意识和良好性格等方面的培养、保教环境与互动、亲子游戏
                    </p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第1版序言</li>
                    <li class="footerNumber">1</li>
                </ul>
            </div>
        </div>
        <div class="page-box" page="10">
            <div v-if="showPageList.indexOf(10) > -1">
                <div style="padding: 10% 15% 10% 13%">
                    <p class="td-0">
                        的准备与组织、家庭与幼儿园的衔接、早期教育的基本问题及发展现状等内容。
                    </p>
                    <h3 id="c007">二、主要特点</h3>
                    <p>“抚育”主要指不同年龄阶段的抚养要求和保育重点，“教育”则指依据婴幼儿的身心发展规律而进行的促进与培养。本书的出发点和理念是让学习者像“早教专家”一样思考、看待我们的孩子，顺应孩子身心发展的特点，尊重生长发育的规律，帮助孩子成长，而不是拔苗助长。本书按照单元的方式，从胎儿期、新生儿期、婴儿期和幼儿期描述每个年龄段抚育的重点和教育的内容、方法与策略。每个单元都是一个完整的教养体系。各单元根据内容的需要配备了图片、数据统计表、案例、“互动平台”等，深入浅出，便于学习者理解和掌握。同时，单元前设置了“学习目标”和“案例导入”，为学习单元重点内容做好准备；单元后设计了“思考与练习”“学习反思”等，便于知识辨析、巩固、理解和应用。每课课后设置了“本课内容回顾”，帮助总结厘清思路并明确应知应会的内容。另外，考虑不同学习者的需要，各单元增加了拓展学习的“相关链接”和“幼儿教师资格考试·真题再现”等。
                    </p>
                    <h3 id="c008">三、使用对象</h3>
                    <p>本书适合学前教育专业、早期教育专业的专业课程教学和学生学习，也适合家长科学育儿参考。</p>
                    <p>对于教师，可以灵活选用本书内容。若每周不足3课时（按照一学期18周计算），可以划定一些内容让学生自学，因为每课的内容都是深入浅出，学生自学不会有太大的困难。</p>
                    <p>对于学生，可以通过每单元相关内容阅读，深入分析理解0～3岁婴幼儿抚育和教育的重点、内容和指导方法。结合教材中“想一想”对相关争议性的内容进行辩证思考，利用实训环境及实习环节充分结合教材中的“互动平台”“思考与练习”进行实践锻炼。“幼儿教师资格考试·真题再现”部分供有需要的学生结合考试有针对性地学习参考。最后通过课后内容回顾中明确的学习要求对学习情况进行自我检测和提升。
                    </p>
                    <p>对于家长，可以根据所需有针对性地选读。对不同阶段婴幼儿的身心发展，书中都给予了通俗易懂的描述，能够帮助家长解读婴幼儿的日常行
                    </p>
                </div>
                <ul class="fl al-fe footer-left">
                    <li class="footerNumber">2</li>
                    <li class="footerText-left">0~3岁婴幼儿抚育与教育</li>
                </ul>
            </div>
        </div>
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <div style="padding: 10% 13% 10% 15%">
                    <p class="td-0">
                        为和表现。家长可以结合书中日常抚育和教育中的实践知识，灵活地贯彻在婴幼儿的一日生活中，将抚育与教育相结合，从而提升婴幼儿的教养质量。
                    </p>
                    <h3 id="c009">四、致谢</h3>
                    <p>本书由天津师范大学学前教育学院教师康松玲、许晨宇主编。两位作者多年从事学前专业和早期教育专业的课程教学和实践，在0～3岁婴幼儿教学和实践中积累了丰富的经验，对0～3岁婴幼儿的抚育和教育方面也有自己独到的见解。本书第一、第二、第三单元和第四单元的第一课至第九课由康松玲撰写，第四单元的第十课至第二十二课由许晨宇撰写。两人在编写的过程中参阅了大量的科研文献和知名网站的内容，在文中和文后都进行了标注；文中部分图片由黄少亭（天津师范大学学前教育学院14级美术教育专业学生）帮忙绘制，在此一并表示感谢！承蒙北京师范大学出版社的策划编辑罗佩珍女士邀请我们编写此书，并在编写过程中就本书的内容提出了很好的意见和建议，使我们如期完成了书稿。最后，同样感谢所有负责这本书出版工作的人员，是他们的辛勤付出促成了本书的诞生！
                    </p>
                    <p class="right fm-kt">康松玲 许晨宇</p>
                    <p class="right fm-kt">2016年3月</p>
                </div>
                <ul class="fl al-fe jc-fe footer-right">
                    <li class="footerText">第1版序言</li>
                    <li class="footerNumber">3</li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>

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

@@ -15,11 +15,11 @@
          v-if="showCatalogList.indexOf(1) > -1"
          :showPageList="loadPageList"
        ></pageHeader>
        <!-- <chapterOne
        <chapterOne
          v-if="showCatalogList.indexOf(2) > -1"
          :showPageList="loadPageList"
        ></chapterOne>
        <chapterTwo
        <!-- <chapterTwo
          v-if="showCatalogList.indexOf(3) > -1"
          :showPageList="loadPageList"
        ></chapterTwo>
@@ -47,7 +47,7 @@
  
  <script>
  import pageHeader from "./header.vue";
//   import chapterOne from "./chapter001.vue";
  import chapterOne from "./chapter001.vue";
//   import chapterTwo from "./chapter002.vue";
//   import chapterThree from "./chapter003.vue";
//   import chapterFour from "./chapter004.vue";
@@ -64,7 +64,7 @@
    name: "pageContent",
    data() {
      return {
        catalogLength: 1, // 总章节数
        catalogLength: 2, // 总章节数
        showCatalogList: [], // 显示的章节
        loadThreshold: 300, // 触发加载阈值
        throttleThreshold: 100, // 节流阈值
@@ -86,7 +86,7 @@
        this.transformDom(this.$store.state.qiankun.fontSize);
        return this.$store.state.qiankun.fontSize
          ? this.$store.state.qiankun.fontSize
          : 14;
          : 18;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale
@@ -192,7 +192,7 @@
  
      // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(2, 10);
        this.gotoPage(1, 1);
        //   setTimeout(() => {
        //     this.renderSign("Highlight", {
        //       id: "2ACA9359",
@@ -744,7 +744,7 @@
        // 所有章节组件（每本书制作时单独配置）
        const pageData = {
          pageHeader,
        //   chapterOne,
          chapterOne,
        //   chapterTwo,
        //   chapterThree,
        //   chapterFour,
@@ -974,7 +974,7 @@
    },
    components: {
      pageHeader,
    //   chapterOne,
      chapterOne,
    //   chapterTwo,
    //   chapterThree,
    //   chapterFour,

 src/books/aviationBasicSkills/assets/main.less

@@ -1745,7 +1745,9 @@

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

        .page-box {
            min-height: 500px;
        }
        .pad-l-60{
            padding-left: 10px;
        }

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

@@ -549,48 +549,20 @@
            1.周朝是礼仪逐步趋向完善的时代，在此期间，（　　）对礼仪的发展起到了巨大的作用。（单选题）
          </p>
          <p>
            <input
              type="radio"
              name="projectOne.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.孟子
            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.孟子
          </p>
          <p>
            <input
              type="radio"
              name="projectOne.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.老子
            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.老子
          </p>
          <p>
            <input
              type="radio"
              name="projectOne.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.周公
            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.周公
          </p>
          <p>
            <input
              type="radio"
              name="projectOne.one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />D.孔子
            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.孔子
          </p>
        </div>
      </div>
@@ -1393,140 +1365,56 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.以下哪项不属于民航服务的行业特征？（　　）（单选题）</p>
          <p>
            <input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.经济性
            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.经济性
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.功能性
            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.功能性
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.文明性
            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.文明性
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.随机性
            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.随机性
          </p>
          <p>2.以下哪项不属于民航服务的通用标准？（　　）（单选题）</p>
          <p>
            <input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.具有“我为人人，人人为我”的大局意识
            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.具有“我为人人，人人为我”的大局意识
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.具有主随客便的变通意识
            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.具有主随客便的变通意识
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.具有旅客至上、服务第一的规则意识
            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.具有旅客至上、服务第一的规则意识
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.具有以顾客为中心的服务意识
            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.具有以顾客为中心的服务意识
          </p>
          <p>
            3.从旅客的角度看，旅客花上比坐汽车、火车高许多的钱坐飞机出行的目的，主要在于（　　）。（单选题）
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.安全
            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.安全
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.快捷省时
            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.快捷省时
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.有人提供专门服务
            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.有人提供专门服务
          </p>
          <p>
            <input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.舒适
            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.舒适
          </p>
          <p>
            4.服务意识也是“利他”的意识，提高服务意识可以从提高“利他”意识入手。具体体现在以下几个方面？（　　）（多选题）
@@ -1536,37 +1424,16 @@
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.充分理解旅客的过错
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.充分理解旅客的需求
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.充分理解旅客的需求
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.充分理解旅客的想法和心态
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.充分理解旅客的想法和心态
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />D.充分理解不同旅客
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.充分理解不同旅客
          </p>
          <p>5.请简要说出民航服务的行业特征。</p>
          <textarea v-model="questionData.projectTwo.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
@@ -2278,8 +2145,8 @@
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '4f0afd466e16bde40a447ff467452181'
                ) > -1
                    ? collectCheck
                    : collectImg
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
@@ -2405,76 +2272,34 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="one"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.one"
                @change="setEvaluation"
              />是
              <input type="radio" name="one" value="1" id="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="one"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.one"
                @change="setEvaluation"
              />否
              <input type="radio" name="one" value="0" id="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（2）与朋友交谈时，你是否总是以自己为中心？</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="two"
                value="1"
                id="2"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.two"
                @change="setEvaluation"
              />是
              <input type="radio" name="two" value="1" id="2" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="two"
                value="0"
                id="2"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.two"
                @change="setEvaluation"
              />否
              <input type="radio" name="two" value="0" id="2" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（3）聚会中不到人人疲倦，你不会告退。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="three"
                value="1"
                id="3"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.three"
                @change="setEvaluation"
              />是
              <input type="radio" name="three" value="1" id="3" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="three"
                value="0"
                id="3"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.three"
                @change="setEvaluation"
              />否
              <input type="radio" name="three" value="0" id="3" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2482,24 +2307,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="four"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.four"
                @change="setEvaluation"
              />是
              <input type="radio" name="four" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="four"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.four"
                @change="setEvaluation"
              />否
              <input type="radio" name="four" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2507,47 +2320,23 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="five"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.five"
                @change="setEvaluation"
              />是
              <input type="radio" name="five" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="five"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.five"
                @change="setEvaluation"
              />否
              <input type="radio" name="five" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（6）当他人在融洽地交谈时，你是否会贸然地插话？</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="six"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.six"
                @change="setEvaluation"
              />是
              <input type="radio" name="six" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="six"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.six"
                @change="setEvaluation"
              />否
              <input type="radio" name="six" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2555,47 +2344,23 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="seven"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.seven"
                @change="setEvaluation"
              />是
              <input type="radio" name="seven" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="seven"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.seven"
                @change="setEvaluation"
              />否
              <input type="radio" name="seven" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（8）当别人交谈时，你是否会打断他们？</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eight"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eight"
                @change="setEvaluation"
              />是
              <input type="radio" name="eight" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eight"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eight"
                @change="setEvaluation"
              />否
              <input type="radio" name="eight" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2603,24 +2368,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="nine"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.nine"
                @change="setEvaluation"
              />是
              <input type="radio" name="nine" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="nine"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.nine"
                @change="setEvaluation"
              />否
              <input type="radio" name="nine" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2628,47 +2381,23 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="ten"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.ten"
                @change="setEvaluation"
              />是
              <input type="radio" name="ten" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="ten"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.ten"
                @change="setEvaluation"
              />否
              <input type="radio" name="ten" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（11）你是否坚持让朋友阅读你认为有趣的信息？</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eleven"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eleven"
                @change="setEvaluation"
              />是
              <input type="radio" name="eleven" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eleven"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eleven"
                @change="setEvaluation"
              />否
              <input type="radio" name="eleven" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2676,24 +2405,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="twelve"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.twelve"
                @change="setEvaluation"
              />是
              <input type="radio" name="twelve" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="twelve"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.twelve"
                @change="setEvaluation"
              />否
              <input type="radio" name="twelve" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2701,26 +2418,14 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="thirteen"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.thirteen"
                @change="setEvaluation"
              />是
              <input type="radio" name="thirteen" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="thirteen"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.thirteen"
                @change="setEvaluation"
              />否
              <input type="radio" name="thirteen" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />否
            </p>
        </div>
          </div>
        </div>
      </div>
    </div>
@@ -2743,24 +2448,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="fourteen"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fourteen"
                @change="setEvaluation"
              />是
              <input type="radio" name="fourteen" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="fourteen"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fourteen"
                @change="setEvaluation"
              />否
              <input type="radio" name="fourteen" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2768,24 +2461,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="fifteen"
                value="1"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fifteen"
                @change="setEvaluation"
              />是
              <input type="radio" name="fifteen" value="1" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="fifteen"
                value="0"
                :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fifteen"
                @change="setEvaluation"
              />否
              <input type="radio" name="fifteen" value="0" :disabled="evaluation.isCompleteOne"
                v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />否
            </p>
          </div>
          <!-- 提交按钮 -->
@@ -2827,101 +2508,45 @@
          <p class="block">（1）我常常试图同时听几个人的交谈。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eOne"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.one"
                @change="setEvaluation"
              />是
              <input type="radio" name="eOne" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eOne"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.one"
                @change="setEvaluation"
              />否
              <input type="radio" name="eOne" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（2）喜欢别人只给我提供事实，我自己做出解释。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eTwo"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.two"
                @change="setEvaluation"
              />是
              <input type="radio" name="eTwo" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eTwo"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.two"
                @change="setEvaluation"
              />否
              <input type="radio" name="eTwo" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（3）有时假装自己在认真听别人说话。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eThree"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.three"
                @change="setEvaluation"
              />是
              <input type="radio" name="eThree" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eThree"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.three"
                @change="setEvaluation"
              />否
              <input type="radio" name="eThree" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（4）认为自己是非言语沟通方面的好手。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eFour"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.four"
                @change="setEvaluation"
              />是
              <input type="radio" name="eFour" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eFour"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.four"
                @change="setEvaluation"
              />否
              <input type="radio" name="eFour" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />否
            </p>
          </div>
        </div>
@@ -2943,26 +2568,12 @@
          <p class="block">（5）常常在别人说话之前就知道他要说什么。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eFive"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.five"
                @change="setEvaluation"
              />是
              <input type="radio" name="eFive" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eFive"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.five"
                @change="setEvaluation"
              />否
              <input type="radio" name="eFive" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2970,26 +2581,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eSix"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.six"
                @change="setEvaluation"
              />是
              <input type="radio" name="eSix" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eSix"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.six"
                @change="setEvaluation"
              />否
              <input type="radio" name="eSix" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -2997,51 +2594,23 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eSeven"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.seven"
                @change="setEvaluation"
              />是
              <input type="radio" name="eSeven" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eSeven"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.seven"
                @change="setEvaluation"
              />否
              <input type="radio" name="eSeven" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（8）常常别人刚说完，我就谈自己的看法。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eEight"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eight"
                @change="setEvaluation"
              />是
              <input type="radio" name="eEight" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eEight"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eight"
                @change="setEvaluation"
              />否
              <input type="radio" name="eEight" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -3049,26 +2618,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eNine"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.nine"
                @change="setEvaluation"
              />是
              <input type="radio" name="eNine" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eNine"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.nine"
                @change="setEvaluation"
              />否
              <input type="radio" name="eNine" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -3076,26 +2631,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eTen"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.ten"
                @change="setEvaluation"
              />是
              <input type="radio" name="eTen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eTen"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.ten"
                @change="setEvaluation"
              />否
              <input type="radio" name="eTen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -3103,51 +2644,23 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eEleven"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eleven"
                @change="setEvaluation"
              />是
              <input type="radio" name="eEleven" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eEleven"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eleven"
                @change="setEvaluation"
              />否
              <input type="radio" name="eEleven" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（12）为了理解对方的观点，我总会下狠功夫。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eTwelve"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.twelve"
                @change="setEvaluation"
              />是
              <input type="radio" name="eTwelve" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eTwelve"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.twelve"
                @change="setEvaluation"
              />否
              <input type="radio" name="eTwelve" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -3155,26 +2668,12 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eThirteen"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.thirteen"
                @change="setEvaluation"
              />是
              <input type="radio" name="eThirteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eThirteen"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.thirteen"
                @change="setEvaluation"
              />否
              <input type="radio" name="eThirteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">
@@ -3182,51 +2681,23 @@
          </p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eFourteen"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fourteen"
                @change="setEvaluation"
              />是
              <input type="radio" name="eFourteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eFourteen"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fourteen"
                @change="setEvaluation"
              />否
              <input type="radio" name="eFourteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />否
            </p>
          </div>
          <p class="block">（15）别人说话的同时，我也在评价他讲的内容。</p>
          <div class="fl ml-35">
            <p class="block">
              <input
                type="radio"
                name="eFifteen"
                value="0"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fifteen"
                @change="setEvaluation"
              />是
              <input type="radio" name="eFifteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />是
            </p>
            <p class="block">
              <input
                type="radio"
                name="eFifteen"
                value="1"
                id="1"
                :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fifteen"
                @change="setEvaluation"
              />否
              <input type="radio" name="eFifteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
                v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />否
            </p>
          </div>

@@ -3244,12 +2715,9 @@
                </button>
              </li>
              <li>
                <button
                  @click="
                    evaluation.showCheckAnswer = !evaluation.showCheckAnswer
                  "
                  class="parimary-btn"
                >
                <button @click="
                  evaluation.showCheckAnswer = !evaluation.showCheckAnswer
                  " class="parimary-btn">
                  评分标准
                </button>
              </li>
@@ -3565,11 +3033,11 @@
          fourteen: "",
          fifteen: "",
        }, //测评答案
        

      },
      evaluationOneResults: "", //测评结果
      evaluationTwoResults: "", //测评结果
      

    };
  },

@@ -3604,7 +3072,13 @@
    if (evaluationTwoData) {
      this.evaluationTwoResults = evaluationTwoData;
    }
   


    const videoData = localStorage.getItem("aviationEtiquette-book-chapter01-Data");
    if (videoData) {
      this.chapterData = JSON.parse(videoData);
    }

    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -3634,34 +3108,34 @@
      let obj = 0;
      let index = 0;
      for (let key in this.evaluation.evaluationOneValue) {
        if(this.evaluation.evaluationOneValue[key] === ""){
          index ++ 
        if (this.evaluation.evaluationOneValue[key] === "") {
          index++
        }
        if (this.evaluation.evaluationOneValue[key] === "1") {
          obj = obj + 1;
        } else{
        } else {
          obj = obj + 0;
        }
      }
      if(index > 0 || Object.keys(this.evaluation.evaluationOneValue).length < 15) {
      if (index > 0 || Object.keys(this.evaluation.evaluationOneValue).length < 15) {
        this.$message({
              message: "您还有题目未选择答案",
              type: "warning"
            });
            return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluationOneResults = obj;
        this.evaluation.isCompleteOne = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-one",this.evaluationOneResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-one", this.evaluationOneResults);
      }
      

    },
    changeCheckData() {
      this.evaluationOneResults = '';
      this.evaluation.evaluationOneValue = {};
      this.evaluation.isCompleteOne = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-one");
    },

@@ -3669,25 +3143,25 @@
      let obj = 0;
      let index = 0;
      for (let key in this.evaluation.evaluationTwoValue) {
        if(this.evaluation.evaluationTwoValue[key] === ""){
          index ++ 
        if (this.evaluation.evaluationTwoValue[key] === "") {
          index++
        }
        if (this.evaluation.evaluationTwoValue[key] == "0") {
          obj = obj + 1;
        }
      }
      if(index > 0 || Object.keys(this.evaluation.evaluationTwoValue).length < 15) {
      if (index > 0 || Object.keys(this.evaluation.evaluationTwoValue).length < 15) {
        this.$message({
              message: "您还有题目未选择答案",
              type: "warning"
            });
            return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluationTwoResults = 105 - obj * 7;
        this.evaluation.showCheckAnswer = true;
        this.evaluation.isCompleteTwo = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-two",this.evaluationOneResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-two", this.evaluationOneResults);
      }
    },

@@ -3695,7 +3169,7 @@
      this.evaluationTwoResults = "";
      this.evaluation.evaluationTwoValue = {};
      this.evaluation.isCompleteTwo = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-two");
    },

@@ -3723,7 +3197,7 @@

    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter02-Data",
        "aviationEtiquette-book-chapter01-Data",
        JSON.stringify(this.chapterData)
      );
    },

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

@@ -2313,6 +2313,7 @@
    if (evaluationFourData) {
      this.evaluationFourResults = evaluationFourData;
    }
    
    const evaluationFiveData = localStorage.getItem(
      "aviationEtiquette-book-evaluation-five"
    );

 src/books/aviationEtiquette/view/components/chpater002.vue

@@ -2796,18 +2796,19 @@
    }

    const choiceQuestion = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter02-Data"
      "aviationEtiquette-book-chapter02-Data"
    );
    if (choiceQuestion) {
      this.chapterData = JSON.parse(choiceQuestion);
    }

    const videoData = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter002"
      "aviationEtiquette-book-chapter002"
    );
    if (videoData) {
      this.chapter002 = JSON.parse(videoData);
    }
    
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId

 src/books/toddlerGameImplementation/assets/main.less

@@ -258,6 +258,9 @@
    width: 30px;
  }




  .headerText-bc {
    width: 70px;
    color: #fff;
@@ -554,7 +557,7 @@
    cursor: pointer;
  }

  

  .textarea-box {
    width: 100%;
    overflow: auto;
@@ -563,7 +566,7 @@
    border: 1px solid #01AFEE;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0);
}
  }

  .table-title-bc {
    background-color: #8091BC;
@@ -1113,6 +1116,7 @@
    margin: 0 12% 0 8%;
    padding-bottom: 80px;
    line-height: 30px;

    hr {
      font-weight: 800;
      margin-left: 0;
@@ -1128,6 +1132,7 @@
    margin: 0 8% 0 12%;
    padding-bottom: 80px;
    line-height: 30px;

    hr {
      font-weight: 800;
      margin-left: 0;
@@ -1397,7 +1402,7 @@
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 0.5em;
    margin-top: 0.7em ;
    margin-top: 0.7em;
    text-indent: 0em;
  }

@@ -1623,7 +1628,8 @@
    border-radius: 1.5em;
    margin-bottom: 1em;
    position: relative;
    p{

    p {
      font-size: 12px;
      line-height: 20px;
    }
@@ -1834,7 +1840,7 @@

  }

  .f-kai{
  .f-kai {
    font-family: "kaiti";
  }

@@ -2153,6 +2159,9 @@
      padding: 0 20px;
    }

    .page-box {
      min-height: 500px;
    }

    .img-float {
      width: 130px;