艺术戏剧（连线题验证）

user1

2024-06-19 53c71572f88a86514a41f0a8f489fccfcaeed6e2

艺术戏剧（连线题验证）

 src/App.vue

@@ -65,7 +65,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
          (process.env.VUE_APP_ENV == "product"
            ? process.env.VUE_APP_BOOK_ID
            : "english")
            : "artAndDrama")
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

 src/books/artAndDrama/assets/images/matching-one.png

 src/books/artAndDrama/assets/images/matching-two.png

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

@@ -46,7 +46,7 @@
            <audio :src="auidoPathTwo" controls class="audio" @play="audioPlay"></audio>
          </h1>
          <!-- 连线题 -->
          <matching :rawData="rawData" :item="question" class="macthing" :primaryColor="'transparent'"></matching>
          <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'"></matching>
          <p class="text">小提示：加点的文字为本句话中的逻辑重音，在朗读发音时请重读。</p>
        </div>
        <p><br /></p>
@@ -399,7 +399,7 @@
    },
    primaryColor: {
      type: String,
      default: "red"
      default: "red",
    }
  },
  //在这里对调用的方法进行挂载
@@ -428,19 +428,20 @@
        left: [
          {
            oldId: "FB34",
            txt: "我请你吃苹果吧！",
            txt: " <span class='un1'>我</span>请你吃苹果吧！",

          },
          {
            oldId: "64D6",
            txt: "我请你吃苹果吧！",
            txt: "我<span class='un1'>请</span>你吃苹果吧！",
          },
          {
            oldId: "2ED4",
            txt: "我请你吃苹果吧！",
            txt: "我请<span class='un1'>你</span>吃苹果吧！",
          },
          {
            oldId: "44DE",
            txt: "我请你吃苹果吧！",
            txt: "我请你吃<span class='un1'>苹果</span>吧！",
          },
        ],
        right: [
@@ -449,15 +450,15 @@
            txt: "强调是请客",
          },
          {
            oldId: "FB34",
            oldId: "2ED4",
            txt: "强调请的是“你”",
          },
          {
            oldId: "2ED4",
            oldId: "44DE",
            txt: "强调吃的东西是“苹果”",
          },
          {
            oldId: "44DE",
            oldId: "FB34",
            txt: "强调请客的人是“我”",
          },
        ],
@@ -469,63 +470,63 @@
        answer: [
          {
            id: "FB34",
            linkValue: "我请你吃苹果吧！",
            value: "强调是请客",
            linkValue: "<span class='un1'>我</span>请你吃苹果吧！",
            value: "强调请客的人是“我”",
          },
          {
            id: "64D6",
            linkValue: "我请你吃苹果吧！",
            value: "强调请的是“你”",
            linkValue: "我<span class='un1'>请</span>你吃苹果吧！",
            value: "强调是请客",
          },
          {
            id: "2ED4",
            linkValue: "我请你吃苹果吧！",
            value: "强调吃的东西是“苹果”",
            linkValue: "我请<span class='un1'>你</span>吃苹果吧！",
            value: "强调请的是“你”",
          },
          {
            id: "44DE",
            linkValue: "我请你吃苹果吧！",
            value: "强调请客的人是“我”",
            linkValue: "我请你吃<span class='un1'>苹果</span>吧！",
            value: "强调吃的东西是“苹果”",
          },
        ],
        optionStyle: undefined,
        id: 489306,
        options: {
          //
          linkValues: [
            {
              oldId: "64D6",
              txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
            },
            {
              oldId: "44DE",
              txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
            },
            {
              oldId: "FB34",
              txt: "The clothing material is quite popular among Roman women inancient times.",
            txt: "<span class='un1'>我</span>请你吃苹果吧！",

          },
          {
            oldId: "64D6",
            txt: "我<span class='un1'>请</span>你吃苹果吧！",
            },
            {
              oldId: "2ED4",
              txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
            txt: "我请<span class='un1'>你</span>吃苹果吧！",
          },
          {
            oldId: "44DE",
            txt: "我请你吃<span class='un1'>苹果</span>吧！",
            },
          ],
          values: [
            {
              oldId: "FB34",
              txt: "Martin  Silk",
            },
            {
              oldId: "64D6",
              txt: "The Great Wall",
            txt: "强调是请客",
            },
            {
              oldId: "2ED4",
              txt: "Chinese Food",
            txt: "强调请的是“你”",
            },
            {
              oldId: "44DE",
              txt: "Chinese Tea",
            txt: "强调吃的东西是“苹果”",
          },
          {
            oldId: "FB34",
            txt: "强调请客的人是“我”",
            },
          ],
        },
@@ -537,7 +538,7 @@
        titleDescription: "1",
        userChoise: [],
        value: [],
        // answerImg: require("../../assets/images/matching-one.png"),
        answerImg: require("../../assets/images/matching-one.png"),
      },
      questionData: {
        warnUp: {
@@ -547,6 +548,8 @@
          four: "",
          five: "",
          six: "",
          seven: "",
          enight: "",
        },
        reading: {
          one: "",

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

@@ -42,7 +42,11 @@
                    <h3 class="lefth3" id="c022" style="margin-top: 7%"><img class="img-gn1" alt=""
                            src="../../assets/images/czysj.jpg" /></h3>
                    <p class="text"><span class="hs1">◇</span>邀请小伙伴分角色朗诵附录中的剧本选段1～2，重读加点文字。</p>
                     <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>
                    <p class="center text"><img class="img-e" alt="" src="../../assets/images/0024-1.jpg" /></p>
                     <i class="el-icon-folder-opened text" style="color: brown;">选段1</i>
                     <i class="el-icon-folder-opened text" style="color: brown;">选段2</i>
                </div>
                <p><br /></p>
                <!-- 此次为页脚部分（需要设置页码） -->
@@ -66,7 +70,7 @@
                    <p class="center openImgBox"><img class="img-e" alt="" src="../../assets/images/3-2.gif" /></p>
                    <p class="text"><span class="hs1">◇</span>请把蚂蚁队长的台词和他的内心独白连起来吧！</p>
                    <!-- 连线题 -->
                    <matching :rawData="rawData" :item="question" class="macthing" :primaryColor="'transparent'">
                    <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'">
                    </matching>
                </div>
                <!-- 此次为页脚部分（需要设置页码） -->
@@ -221,6 +225,10 @@
        showPageList: {
            type: Array,
        },
        primaryColor: {
            type: String,
            default: "red",
        }
    },
    //在这里对调用的方法进行挂载
    mounted() {
@@ -263,11 +271,11 @@
                        txt: "不能丢掉啊，如果能给我吃就太好了！",
                    },
                    {
                        oldId: "FB34",
                        oldId: "2ED4",
                        txt: "要不我把奶酪偷偷吃了吧。",
                    },
                    {
                        oldId: "2ED4",
                        oldId: "FB34",
                        txt: "好可惜啊，这么美味的奶酪！",
                    },
                ],
@@ -279,7 +287,7 @@
                    {
                        id: "FB34",
                        linkValue: "“掉了一个角，这该怎么办！”",
                        value: "要不我把奶酪偷偷吃了吧。",
                        value: "好可惜啊，这么美味的奶酪！",
                    },
                    {
                        id: "64D6",
@@ -289,7 +297,7 @@
                    {
                        id: "2ED4",
                        linkValue: "“我要是偷嘴谁也看不见。”",
                        value: "好可惜啊，这么美味的奶酪！",
                        value: "要不我把奶酪偷偷吃了吧。",
                    },
                ],
                optionStyle: undefined,
@@ -297,38 +305,30 @@
                options: {
                    linkValues: [
                        {
                            oldId: "64D6",
                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        },
                        {
                            oldId: "44DE",
                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
                        },
                        {
                            oldId: "FB34",
                            txt: "The clothing material is quite popular among Roman women inancient times.",
                            txt: "“掉了一个角，这该怎么办！”",
                        },
                        {
                            oldId: "64D6",
                            txt: "“丢掉，实在太可惜！”",
                        },
                        {
                            oldId: "2ED4",
                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                            txt: "“我要是偷嘴谁也看不见。”",
                        },
                    ],
                    values: [
                        {
                            oldId: "FB34",
                            txt: "Martin  Silk",
                        },
                        {
                            oldId: "64D6",
                            txt: "The Great Wall",
                            txt: "不能丢掉啊，如果能给我吃就太好了！",
                        },
                        {
                            oldId: "2ED4",
                            txt: "Chinese Food",
                            txt: "要不我把奶酪偷偷吃了吧。",
                        },
                        {
                            oldId: "44DE",
                            txt: "Chinese Tea",
                            oldId: "FB34",
                            txt: "好可惜啊，这么美味的奶酪！",
                        },
                    ],
                },
@@ -340,6 +340,7 @@
                titleDescription: "1",
                userChoise: [],
                value: [],
                answerImg: require("../../assets/images/matching-two.png"),
            },
            questionData: {
                warnUp: {