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

zhongshujie

7 小时以前 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b

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

@@ -5,12 +5,12 @@
                <h1>
                    <img src="../../assets/images/unit5-header-img.png" alt="" style="width: 100%; height: auto" />
                </h1>
                <div class="bodystyle" style="margin-top: 3%">
                    <h1 id="a008" class="problem" style="color: black; font-weight: 500; margin-bottom: 10%">附　录</h1>
                    <p class="block3" style=""><span class="hs">剧本</span></p>
                    <p class="center1 text" style="font-size: 25px; margin: 3% 0;"><span class="hs">一块奶酪</span></p>
                <div class="bodystyle">
                    <p class="center text3">附　录</p>
                    <p class="block3"><span class="hs">剧本</span></p>
                    <p class="center1 mar-t-b-5"><span class="hs ft-25">一块奶酪</span></p>
                    <p class="block text">演员表：蚂蚁队长、小蚂蚁、大头蚂蚁、小眼镜蚂蚁、蚂蚁小妹、奶酪人</p>
                    <p class="block3 text" style="margin-top: 4%"><span class="hs">选段1</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段1</span></p>
                    <p class="block text">【起光，蚂蚁队长上场】</p>
                    <p class="block text">咻咻—</p>
                    <p class="block text">【蚂蚁队长吹响集合号，蚂蚁们迅速跑上场站好队形】</p>
@@ -36,10 +36,10 @@
        <div class="page-box" page="39">
            <div v-if="showPageList.indexOf(39) > -1">
                <h1>
                    <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
                    <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto;">
                </h1>
                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle" style="margin-top: 3%">
                <img class="headerimg mar-b-5" src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle">
                    <p class="block text">大头蚂蚁：（指着）这里有一块大奶酪！</p>
                    <p class="block text">【一块奶酪（演员）趴在角落处】</p>
                    <p class="block text">蚂蚁队长：（兴奋）哦？</p>
@@ -55,7 +55,7 @@
                    <p class="block text">【蚂蚁队长走到奶酪面前使劲抬】</p>
                    <p class="block text">蚂蚁队长：哎哟，哎哟，哎哟哟。</p>
                    <p class="block text">【蚂蚁队长一次也没抬起来】</p>
                    <p class="block3 text" style="margin-top: 4%"><span class="hs">选段2</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段2</span></p>
                    <p class="block text">蚂蚁队长：（起身）<span class="un1">我决定了</span>！大家<span
                            class="un1">一起搬</span>！这块奶酪以我为首，搬运的路上<span class="un1">不许偷吃</span>！</p>
                    <p class="block text">蚂蚁们：<span class="un1">是</span>！</p>
@@ -75,7 +75,7 @@
                <h1>
                    <img src="../../assets/images/unit5-header-img.png" alt="" style="height: auto; width: 100%" />
                </h1>
                <div class="bodystyle" style="margin-top: 3%">
                <div class="bodystyle">
                    <p class="block text">【奶酪被抬起】</p>
                    <p class="block text">大头蚂蚁：哇！这块奶酪<span class="un1">好香噢</span>！</p>
                    <p class="block text">小眼镜蚂蚁：我想<span class="un1">咬</span>一口！</p>
@@ -85,7 +85,7 @@
                    <p class="block text">【音乐起，蚂蚁们抬着奶酪向前走着】</p>
                    <p class="block text">蚂蚁们：奶酪！奶酪！我们的奶酪！奶酪！奶酪！我们一起分享。</p>
                    <p class="block text">【蚂蚁们陶醉中】</p>
                    <p class="block3 text" style="margin-top: 4%"><span class="hs">选段3</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段3</span></p>
                    <p class="block text">嘭—</p>
                    <p class="block text">【蚂蚁们用劲过猛，奶酪的一个角掉了】</p>
                    <p class="block text">蚂蚁小妹：<span class="un1">啊</span>！队长！奶酪的角<span class="un1">掉了</span>！</p>
@@ -110,9 +110,9 @@
                <h1>
                    <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
                </h1>
                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle" style="margin-top: 3%;">
                    <p class="block3 text" style="margin-top: 4%;"><span class="hs">选段4</span></p>
                <img class="headerimg " src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle">
                    <p class="block3 selections special-P"><span class="hs">选段4</span></p>
                    <p class="block text">【舞台变光，演员立正站好】</p>
                    <p class="block text">蚂蚁队长：休息一会儿！</p>
                    <p class="block text">蚂蚁小妹：<span class="un1">为什么</span>要休息呀？</p>
@@ -124,7 +124,7 @@
                    <p class="block text">蚂蚁队长：全体都有！稍息！立正！向后—转！齐步—走！</p>
                    <p class="block text">蚂蚁队长：立—定！原地休息！</p>
                    <p class="block text">【蚂蚁们跟随口令消失在草丛里】</p>
                    <p class="block3 text" style="margin-top: 4%;"><span class="hs">选段5</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段5</span></p>
                    <p class="block text">【蚂蚁队长向草丛里望去，确定没有声响】</p>
                    <p class="block text">蚂蚁队长：（小声）嘿嘿嘿，吃掉后就说被风刮走或者就说被老鹰吃掉就好啦！</p>
                    <p class="block text">【蚂蚁队长低下头，嗅了一下奶酪】</p>
@@ -144,8 +144,7 @@
                <h1>
                    <img src="../../assets/images/unit5-header-img.png" alt="" style="width: 100%; height: auto" />
                </h1>
                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle" style="margin-top: 3%">
                <div class="bodystyle">
                    <p class="block text">奶酪人：不许吃！</p>
                    <p class="block text">蚂蚁队长：（吓了一跳）你你你！你怎么<span class="un1">站</span>起来啦！</p>
                    <p class="block text">奶酪人：我<span class="un1">实在</span>看不下去啦！</p>
@@ -163,12 +162,12 @@
                            class="un1">诚实守信</span>是美德，你吃掉奶酪要<span class="un1">撒谎</span>，撒了<span
                            class="un1">一个</span>谎就要用<span class="un1">无数</span>的谎来圆第一个谎，最后<span
                            class="un1">还是</span>会被发现！</p>
                    <p class="block  text">蚂蚁队长：（低头）我不吃了，我知道<span class="un1">错了</span>……可是，这掉在地上的奶酪怎么办呢？</p>
                    <p class="block  text">奶酪人：（想了想）<span class="un1">有办法</span>！你可以选择大家<span
                    <p class="block text">蚂蚁队长：（低头）我不吃了，我知道<span class="un1">错了</span>……可是，这掉在地上的奶酪怎么办呢？</p>
                    <p class="block text">奶酪人：（想了想）<span class="un1">有办法</span>！你可以选择大家<span
                            class="un1">一起分</span>，也可以选择给年龄最小的蚂蚁吃！</p>
                    <p class="block  text">蚂蚁队长：<span class="un1">好主意</span>！我这就问问大家，谢谢你！</p>
                    <p class="block  text">【变光，奶酪慢慢地躺在地上】</p>
                    <p class="block  text">蚂蚁队长：（喊）<span class="un1">注意啦</span>！全体都有！稍息！立正！</p>
                    <p class="block text">蚂蚁队长：<span class="un1">好主意</span>！我这就问问大家，谢谢你！</p>
                    <p class="block text">【变光，奶酪慢慢地躺在地上】</p>
                    <p class="block text">蚂蚁队长：（喊）<span class="un1">注意啦</span>！全体都有！稍息！立正！</p>
                </div>
                <!-- 此次为页脚部分（需要设置页码） -->
                <div class="page-footer">
@@ -182,9 +181,9 @@
                <h1>
                    <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
                </h1>
                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle" style="margin-top: 3%">
                    <p class="block text">向后转！齐步走！</p>
                <img class="headerimg mar-b-5" src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle">
                    <p class="text">向后转！齐步走！</p>
                    <p class="block text">【蚂蚁们由四面八方走回来】</p>
                    <p class="block text">蚂蚁队长：大家休息好啦！我有一个<span class="un1">决定</span>！</p>
                    <p class="block text">蚂蚁们：什么决定？</p>
@@ -193,12 +192,17 @@
                    <p class="block text">【音乐起，大家劲儿比刚才更足，抬起奶酪向山洞走去】</p>
                    <p class="block text">【收光】</p>
                </div>
             <!-- 此次为页脚部分（需要设置页码） -->
            </div>
            <!-- 此次为页脚部分（需要设置页码） -->
            <div class="page-footer">
                <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
                <div class="page-footer-number-left">40</div>
            </div>
         </div>   
        </div>
        <div class="page-box mt-20" page="44" style="padding-bottom: 0px;">
            <div v-if="showPageList.indexOf(44) > -1">
                <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
            </div>
        </div>
    </div>
</template>
@@ -254,4 +258,23 @@
    background-color: rgb(188, 220, 164);
    padding: 5% 0%;
}

.mar-t-b-5 {
    margin: 5% 0;
}

.mar-b-5 {
    margin-bottom: 5%;
}

.selections {
    margin-top: 5%;
    margin-bottom: 1%;
    margin: 5% 8% 1% 8%
}

.ft-25 {
    font-size: 25px;
    font-family: "STkaiti";
}
</style>