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

闫增涛

2024-07-04 0e6467836bbd3fcd85d1cfaefcf763e58c9149be

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

@@ -34,9 +34,13 @@
                    <h2 id="b016" class="problem">第一课　一模一样</h2>
                    <h3 class="lefth3" id="c031"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
                    <p class="text"><span class="hs1">◇</span>以小组为单位围成一圈，面朝圈外蹲下，相邻两人互挎手臂，组员同时站起来，看看哪个组最快！</p>
                    <p class="text"><span class="hs1">◇</span>说一说：快速站起来的秘诀是什么？</p>
                    <p><input v-model="questionData.warnUp.one" class="input-bottom-border fz-18"
                            @change="setBookQuestion" style="width: 90%" /></p>
                    <p class="text t-l"><span class="hs1">◇</span>说一说：快速站起来的秘诀是什么？
                        <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                            style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
                            :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
                            @blur="handleBlur('one')">
                         </textarea>
                    </p>
                    <h3 class="lefth3" id="c032"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
                    <p class="text"><span class="hs1">◇</span>以小组为单位，表演以下场景，注意保持动作一致哦。</p>
                    <p class="text">蚂蚁队长吹响集合号，蚂蚁们迅速跑上场站好队形。</p>
@@ -66,6 +70,8 @@
                            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="500" />
                </div>
                <!-- 此次为页脚部分（需要设置页码） -->
                <div class="page-footer">
@@ -222,6 +228,7 @@
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import graffiti from '@/components/graffiti/index.vue'
export default {
    name: "chapterFour",
    props: {
@@ -229,6 +236,7 @@
            type: Array,
        },
    },
    components: { graffiti },
    //在这里对调用的方法进行挂载
    mounted() {
        this.getVidoePath();
@@ -247,6 +255,7 @@
            audioPathThree: "",
            audioPathFour: "",
            audioPathFive: "",
            isFocused: null, // 用于跟踪textarea的聚焦状态
            chapterData: {
                isCollectImg: false,
                isCollectVideo: false,
@@ -256,11 +265,9 @@
            questionData: {
                warnUp: {
                    one: "",

                },
                reading: {
                    one: "",
                    two: "",
                },
                table: {
                    one: "",
@@ -305,6 +312,12 @@
                "7abb747bd16745afb83715fcbb3579ab"
            );
        },
        handleFocus(id) {
            this.isFocused = id; // 当textarea聚焦时，设置为true  
        },
        handleBlur(id) {
            this.isFocused = null; // 当textarea失去焦点时，设置为false  
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(