戏剧添加涂色题

闫增涛

2024-07-01 8522ef2481b45f7b0d854679eaedb2a4c5271261

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

@@ -5,7 +5,7 @@
                <h1 id="a004">
                    <!-- 这里的动图有问题，没有背景图片 -->
                    <img class="img-0" alt="" src="../../assets/images/dy4.jpg" />
                    <audio :src="auidoPathOne" controls class="audio" @play="audioPlay"></audio>
                    <audio :src="auidoPathOne" controls class="audio"></audio>
                </h1>
                <div class="bodystyle">
                    <div class="bk">
@@ -66,6 +66,7 @@
                            class="hs1">◇</span>春天来了，春风吹过，柳树发芽了，迎春花开了，小燕子在天空自由地飞翔。一切都是那么生机勃勃。请为“春天”涂上你喜欢的颜色。</p>
                    <!-- 图片缺失 -->
                    <!-- <p class="center"><img class="img-e" alt="" src="./../assets/images/0033-1.jpg" /></p> -->
                     <graffiti  :page="32" :bcImg="this.config.activeBook.resourceUrl + '/image/0033-1.jpg'" :imgWidth="596" :imgHeight="800" />
                </div>
                <!-- 此次为页脚部分（需要设置页码） -->
                <div class="page-footer">
@@ -184,7 +185,7 @@
                    <p class="center text">
                        <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                            x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                            controlslist="nodownload" class="w100 video" @play="videoPlay"
                            controlslist="nodownload" class="w100 video" 
                            style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
                    </p>
                    <p class="center videoname">
@@ -207,6 +208,7 @@
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import graffiti from '@/components/graffiti/index.vue'
export default {
    name: "chapterFour",
    props: {
@@ -214,6 +216,7 @@
            type: Array,
        },
    },
    components:{graffiti},
    //在这里对调用的方法进行挂载
    mounted() {
        this.getVidoePath();
@@ -280,12 +283,6 @@
                "artAndDrama-book-question-four",
                JSON.stringify(this.questionData)
            );
        },
        audioPlay(e) {
            this.$emit('closeAudio', e.srcElement.currentSrc)
        },
        videoPlay(e) {
            this.$emit('closeVideo', e.srcElement.currentSrc)
        },
        handleChapterData() {
            localStorage.setItem(