user1
2024-06-21 5b07f649010c3db7b3eb95d64d2d40560637b496
src/books/artAndDrama/view/components/chapter002.vue
@@ -82,25 +82,23 @@
          <p class="text">黄色:柠檬、<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 15%" />、<input v-model="questionData.warnUp.four"
              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />。</p>
          <p class="text">红色:鞭炮、<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 15%" />、<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 15%" />。</p>
          <p class="text">红色:鞭炮、<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 15%" />、<input v-model="questionData.warnUp.six"
              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />。</p>
          <p class="text">绿色:叶子、<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 15%" />、<input v-model="questionData.warnUp.eight"
              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />。</p>
          <p class="text">黑色:黑板、<input v-model="questionData.warnUp.nine" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 15%" />、<input v-model="questionData.warnUp.ten" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 15%" />。</p>
          <p class="text">黑色:黑板、<input v-model="questionData.warnUp.nine" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 15%" />、<input v-model="questionData.warnUp.ten"
              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />。</p>
          <p class="text">蓝色:大海、<input v-model="questionData.warnUp.eleven" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 15%" />、<input v-model="questionData.warnUp.twelve"
              class="input-bottom-border fz-18" @change="setBookQuestion" style="width: 15%" />。</p>
          <h3 class="lefth3" id="c014" style="margin-top: 7%;"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
          <h3 class="lefth3" id="c014" style="margin-top: 7%;"><img class="img-gn1" alt=""
              src="../../assets/images/czysj.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>阅读下面的文字,为小蚂蚁选择一种性格吧。</p>
          <choice class="text" :questions="questions"></choice>
          <p class="center  openImgBox"><img class="img-e" alt="" src="../../assets/images/2-2.gif" /></p>
          <p class="text">蚂蚁队长走路昂首挺胸、步伐坚定,它是一只(  )蚂蚁;小蚂蚁走起路来小心翼翼,眼神飘忽不定,它是一只(  )蚂蚁;蚂蚁小妹面带微笑,时刻愿意帮助大家,它是一只(  )蚂蚁。</p>
          <p class="text">A.胆小的</p>
          <p class="text">B.善良的</p>
          <p class="text">C.沉稳的</p>
        </div>
        <!-- 此次为页脚部分(需要设置页码) -->
        <div class="page-footer">
@@ -120,12 +118,13 @@
          <h3 class="lefth3" id="c015"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
          <p class="text">常言道:良言一句三冬暖,恶语伤人六月寒。语言在人与人的交往中起着重要的作用,有着无穷的力量。</p>
          <p class="text"><span class="hs1">◇</span>如果朋友心情不好,你该怎么安慰他/她呢?</p>
          <p class="text">“<input v-model="questionData.warnUp.thirteen" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 80%" />。”</p>
          <p class="text">“<input v-model="questionData.warnUp.thirteen" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 80%" />。”</p>
          <p class="text"><span class="hs1">◇</span>如果你邀请好朋友来家里做客,你该说什么来欢迎他/她呢?</p>
          <p class="text">“<input v-model="questionData.warnUp.fourteen" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 80%" />。”</p>
          <h3 class="lefth3" id="c016" style="margin-top: 7%;"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
          <p class="text">“<input v-model="questionData.warnUp.fourteen" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 80%" />。”</p>
          <h3 class="lefth3" id="c016" style="margin-top: 7%;"><img class="img-gn1" alt=""
              src="../../assets/images/czysj.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>请根据提示读出句子,注意声音和语气的变化。</p>
          <p class="text"><span class="hs">这一大块奶酪都是我的了!</span>(一只狡猾的蚂蚁,想要把奶酪偷偷地占为己有)</p>
          <p class="text"><span class="hs">这一大块奶酪都是我的了!</span>(一只善良的蚂蚁,在帮助他人后得到了奖励)</p>
@@ -166,13 +165,17 @@
          <p class="text">待人接物有礼有节、谦卑恭敬,在让他人感到如沐春风的同时,也会让自己受到他人的尊重和理解。请说一说,在下面这些场景中你应该如何做?</p>
          <p class="text"><span class="hs1">◇</span>你看到妈妈的水杯没水了。</p>
          <p class="text"><span class="hs1">◇</span>电梯里,你站在最前排,后面的人需要下电梯。</p>
          <h3 class="lefth3" id="c018" style="margin-top: 7%;"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
          <h3 class="lefth3" id="c018" style="margin-top: 7%;"><img class="img-gn1" alt=""
              src="../../assets/images/czysj.jpg" /></h3>
          <div style="display: flex; justify-content: flex-start; ">
             <p class="text" style="width: 50%;">你知道吗?无实物训练是一种训练演员的有效方法,不仅能够培养演员良好的想象能力,更能够培养其行动的逻辑性和情景适应性,最终提高其塑造人物形象的能力。</p>
          <div class="openImgBox" style="width: 50%"><img class="img-e" alt="" src="../../assets/images/2-4.gif" /></div>
            <p class="text" style="width: 50%;">
              你知道吗?无实物训练是一种训练演员的有效方法,不仅能够培养演员良好的想象能力,更能够培养其行动的逻辑性和情景适应性,最终提高其塑造人物形象的能力。</p>
            <div class="openImgBox" style="width: 50%"><img class="img-e" alt="" src="../../assets/images/2-4.gif" />
            </div>
          </div>
          <p class="text"><span class="hs1">◇</span>请试着用无实物表演的方式把下面的情景表演出来吧!</p>
          <p class="center text"><img class="img-0" style="width: 100%; height: auto;" lt="" src="../../assets/images/0020-2.jpg" /></p>
          <p class="center text"><img class="img-0" style="width: 100%; height: auto;" lt=""
              src="../../assets/images/0020-2.jpg" /></p>
        </div>
        <!-- 此处为页脚部分(需要设置页码) -->
        <div class="page-footer">
@@ -191,7 +194,8 @@
          <h2 id="b010" class="problem">单元活动任务</h2>
          <h3 class="lefth3" id="c019"><img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>吹纸练习</p>
          <p class="center text" style="margin: 4% 0"><img class="img-e" alt="" src="../../assets/images/0021-1.jpg" /></p>
          <p class="center text" style="margin: 4% 0"><img class="img-e" alt="" src="../../assets/images/0021-1.jpg" />
          </p>
          <p class="text">找一张纸巾,将它按在墙上。移开双手,努力用气息将纸“钉”在墙面上,不要让它向下滑落。</p>
          <p class="text"><span class="hs1">◇</span>吹笔练习</p>
          <p class="text">将一支笔立于桌面,看看你能不能用一口气将它吹倒。</p>
@@ -214,7 +218,8 @@
        <div class="bodystyle" style="margin-top: 3%;" >
          <p class="text"><span class="hs1">◇</span>吹乒乓球练习</p>
          <p class="text">用气息将桌面上的乒乓球从“起点”运送至“终点”,运送过程中避免乒乓球触碰障碍物。</p>
          <h3 class="lefth3" id="c020" style="margin-top: 7%"><img class="img-gn1" alt="" src="../../assets/images/tzyys.jpg" /></h3>
          <h3 class="lefth3" id="c020" style="margin-top: 7%"><img class="img-gn1" alt=""
              src="../../assets/images/tzyys.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>请走进剧场观看不同剧种的现场演出,感受戏剧的魅力吧!</p>
          <p class="center text">
            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
@@ -224,18 +229,10 @@
          </p>
          <p class="center videoname">
            <span>视频:惟妙惟肖的人物 </span>
            <el-tooltip
              class="item"
              effect="dark"
              :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start"
            >
              <img
                :src="chapterData.isCollectVideo ? collectCheck : collectImg"
                alt=""
                class="collect-btn"
                @click="handleCollect('video')"
              />
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="chapterData.isCollectVideo ? collectCheck : collectImg" alt="" class="collect-btn"
                @click="handleCollect('video')" />
            </el-tooltip>
          </p>
        </div>
@@ -252,8 +249,10 @@
<script>
import { getResourcePath } from "@/assets/methods/resources";
import choice from "@/components/choice/choice.vue"
export default {
  name: "chapterTwo",
  components: { choice },
  props: {
    showPageList: {
      type: Array,
@@ -312,6 +311,50 @@
          nine: "",
        },
      },
      questions: [
                {
                    analysisCon: "undefined",
                    answer: ['C', 'A', 'B'],
                    difficulty: 0,
                    id: 47775,
                    isCollect: false,
                    isComplete: false,
                    isRight: null,
                    isUnfold: "",
                    isUserAnswer: false,
                    number: 1,
                    options: [
                        {
                            "img": "",
                            "index": "3CA6",
                            "txt": "胆小的",
                            "value": "A"
                        },
                        {
                            "img": "",
                            "index": "73EE",
                            "txt": "善良的",
                            "value": "B"
                        },
                        {
                            "img": "",
                            "index": "6AEF",
                            "txt": "沉稳的",
                            "value": "C"
                        },
                    ],
                    optionStyle: "Image",
                    questionType: "singleChoice",
                    score: 2,
                    stem: {
                        "stemTxt": "蚂蚁队长走路昂首挺胸、步伐坚定,它是一只(  )蚂蚁;小蚂蚁走起路来小心翼翼,眼神飘忽不定,它是一只(  )蚂蚁;蚂蚁小妹面带微笑,时刻愿意帮助大家,它是一只(  )蚂蚁。"
                    },
                    stemStyle: "Txt",
                    userAnswer: "",
                    // 单选题这里的字段内容就是"单选题"
                    type: 'sort'
                },
            ],
    };
  },
  methods: {