优化

闫增涛

2024-06-27 dc1a81057497cdd692d8a384279e2bcded021ff2

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

@@ -4,7 +4,8 @@
      <div v-if="showPageList.indexOf(4) > -1">
        <h1 id="a004">
          <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
          <audio :src="auidoPathOne" controls class="audio" @play="audioPlay"></audio>
          <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"
            @play="audioPlay"></audio>
        </h1>
        <div class="bodystyle">
          <div class="bk">
@@ -43,10 +44,11 @@
            <span class="hs1">◇</span>大声朗读下面的句子，连一连不同逻辑重音强调的意思。
          </p>
          <h1>
            <audio :src="auidoPathTwo" controls class="audio" @play="audioPlay"></audio>
            <!-- <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio"
              @play="audioPlay"></audio> -->
          </h1>
          <!-- 连线题 -->
          <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'"></matching>
          <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color" :bordercolor="'#fff'"></matching>
          <p class="text">小提示：加点的文字为本句话中的逻辑重音，在朗读发音时请重读。</p>
        </div>
        <p><br /></p>
@@ -62,12 +64,10 @@
        <img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
        <div class="bodystyle">
          <h3 class="lefth3" id="c001"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
          <p class="text"><span class="hs1">◇</span>请选出你认为正确的答案。</p>
          <choice class="choice" :questions="questions" :primaryColor="accentColor" hoverBackgroundColor="#F58200" hoverColor="white"></choice>
          <p class="center openImgBox">
            <img class="img-e" alt="" src="../../assets/images/1-2蚂蚁举大树.gif" />
          </p>
          <choice class="text" :questions="questions" :primaryColor="accentColor"  hoverBackgroundColor="#F58200" hoverColor="white"></choice>
          <p class="center text">
          </p><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"
@@ -103,7 +103,8 @@
          <p class="text">
            <span class="hs1">◇</span>请将以下课文选段大声朗诵出来，加点的字请重读。
          </p>
          <h1><audio :src="auidoPathThree" controls class="audio" @play="audioPlay"></audio></h1>
          <h1><audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio"
              @play="audioPlay"></audio></h1>
          <div class="bj3">
            <p class="center">
              <span class="hs">春<a id="w1"><sup>1</sup></a>（节选）</span>
@@ -152,7 +153,8 @@
          <h1 class="lefth3 openImgBox" id="c005">
            <img class="img-gn1" alt="" src="../../assets/images/1-3.gif" style="height: auto; width: 50%" />
          </h1>
          <h1><audio :src="auidoPathTwo" controls class="audio" @play="audioPlay"></audio></h1>
          <h1><audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" class="audio"
              @play="audioPlay"></audio></h1>
          <div class="bj3">
            <p class="center">
              <span class="hs">春<a id="w1"></a><sup>1</sup>（节选）</span>
@@ -227,7 +229,8 @@
            <span class="hs1">◇</span>请将以下课文选段大声朗诵出来，加点的字请重读。
          </p>
          <h1>
            <audio :src="auidoPathTwo" controls class="audio" @play="audioPlay"></audio>
            <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio"
              @play="audioPlay"></audio>
          </h1>

          <div class="bj3">
@@ -302,19 +305,38 @@
          <h3 class="lefth3" id="c009">
            <img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" />
          </h3>
          <p class="text"><span class="hs1">◇</span>放大缩小</p>
          <p class="text ends">
            <span><span class="hs1">◇</span>放大缩小</span>
            <span> <audio :src="auidoPathSex" controls controlslist="noplaybackrate nodownload" class="audio"
            @play="audioPlay"></audio> </span>
          </p> 
          <p class="text">
            请你交替“放大”和“缩小”五官。在“放大”时，想象五官要飞到外太空；在“缩小”时，想象五官全部缩小到了鼻尖上。
          </p>
          <p class="text"><span class="hs1">◇</span>提升苹果肌</p>

          <p class="text ends">
            <span><span class="hs1">◇</span>提升苹果肌</span>
            <span><audio :src="auidoPathSeven" controls controlslist="noplaybackrate nodownload" class="audio"
              @play="audioPlay"></audio> </span>
          </p>
          <p class="text">
            想象你在一个陌生的地方，谁都不认识，突然遇见了好朋友，你很高兴，上前和他/她打招呼。做一做你此时的表情吧。
          </p>
          <p class="text"><span class="hs1">◇</span>微笑说“ang”</p>
          <p class="text ends">
            <span><span class="hs1">◇</span>微笑说“ang”</span>
            <span><audio :src="auidoPathEight" controls controlslist="noplaybackrate nodownload" class="audio"
              @play="audioPlay"></audio></span>
          </p>
          <p class="text">
            请你试一试在提升苹果肌的基础上，发出“ang”的音。声音要尽可能拉长、保持稳定，并向远送。
          </p>
          <p class="text"><span class="hs1">◇</span>向远山喊“阿毛”</p>

          <p class="text ends">
            <span style="text-wrap: nowrap"><span class="hs1">◇</span>向远山喊“阿毛”</span>
            <span style="margin-left: -4%;"><audio :src="auidoPathNine" controls controlslist="noplaybackrate nodownload" class="audio"
              @play="audioPlay"></audio></span>
            
          </p>
          <p class="text">
            想象自己站在一座高山上，好朋友“阿毛”站在对面的高山上，你要如何喊他呢？
          </p>
@@ -395,12 +417,20 @@
      videoPathOne: "",
      auidoPathOne: "",
      auidoPathTwo: "",
      auidoPathThree: "",
      auidoPathThree:"",
      auidoPathFour: "",
      auidoPathFive: "",
      auidoPathSex: "",
      auidoPathSeven: "",
      auidoPathEight: "",
      auidoPathNine: "",
      accentColor:"",
      color:"#fff",
      chapterData: {
      isCollectImg: false,
      isCollectVideo: false,
      txtOne: "",
      txtTwo: "",
        isCollectImg: false,
        isCollectVideo: false,
        txtOne: "",
        txtTwo: "",
      },
      rawData: {
        left: [
@@ -519,9 +549,9 @@
      questions: [
        {
          analysisCon: "undefined",
          answer: ['A', 'B'],
          answer: ['A','B'],
          difficulty: 0,
          id: 47772,
          id: 1,
          isCollect: false,
          isComplete: false,
          isRight: null,
@@ -530,22 +560,22 @@
          number: 1,
          options: [
            {
              "img": "",
              "index": "3CA6",
              "txt": "群居",
              "value": "A"
              img: "",
              index: "3CA6",
              txt: "群居",
              value: "A"
            },
            {
              "img": "",
              "index": "73EE",
              "txt": "社会性",
              "value": "B"
              img: "",
              index: "73EE",
              txt: "社会性",
              value: "B"
            },
            {
              "img": "",
              "index": "6AEF",
              "txt": "独居",
              "value": "C"
              img: "",
              index: "6AEF",
              txt: "独居",
              value: "C"
            },
          ],
          optionStyle: "Image",
@@ -563,7 +593,7 @@
          analysisCon: "undefined",
          answer: ['A', 'C'],
          difficulty: 0,
          id: 47773,
          id: 2,
          isCollect: false,
          isComplete: false,
          isRight: null,
@@ -572,22 +602,22 @@
          number: 1,
          options: [
            {
              "img": "",
              "index": "3CA6",
              "txt": "明确的",
              "value": "A"
              img: "",
              index: "3CA6",
              txt: "明确的",
              value: "A"
            },
            {
              "img": "",
              "index": "73EE",
              "txt": "奇怪的",
              "value": "B"
              img: "",
              index: "73EE",
              txt: "奇怪的",
              value: "B"
            },
            {
              "img": "",
              "index": "6AEF",
              "txt": "有序的",
              "value": "C"
              img: "",
              index: "6AEF",
              txt: "有序的",
              value: "C"
            },
          ],
          optionStyle: "Image",
@@ -605,7 +635,7 @@
          analysisCon: "undefined",
          answer: ['A', 'B'],
          difficulty: 0,
          id: 47774,
          id: 3,
          isCollect: false,
          isComplete: false,
          isRight: null,
@@ -614,22 +644,22 @@
          number: 1,
          options: [
            {
              "img": "",
              "index": "3CA6",
              "txt": "团结的",
              "value": "A"
              img: "",
              index: "3CA6",
              txt: "团结的",
              value: "A"
            },
            {
              "img": "",
              "index": "73EE",
              "txt": "优秀的",
              "value": "B"
              img: "",
              index: "73EE",
              txt: "优秀的",
              value: "B"
            },
            {
              "img": "",
              "index": "6AEF",
              "txt": "松散的",
              "value": "C"
              img: "",
              index: "6AEF",
              txt: "松散的",
              value: "C"
            },
          ],
          optionStyle: "Image",
@@ -679,15 +709,33 @@
      this.videoPathOne = await getResourcePath(
        "691cbd2c13198d04afc7800d0f2cafb0"
      );
      // this.auidoPathOne = await getResourcePath(
      //   "2c5f6c69b0f9f7a3c03e473cb8c977f5"
      // );
      this.auidoPathOne = await getResourcePath(
        "a8778fb480281170f6c421b57694d4ef"
      );
      // this.auidoPathTwo = await getResourcePath(
      //   "e93c0fdde08be5a4386c8c863892a287"
      //   "1089676a40bedbe85a12db86199c3615"
      // );
      // this.auidoPathThree = await getResourcePath(
      //   "e93c0fdde08be5a4386c8c863892a287"
      // );
      this.auidoPathThree = await getResourcePath(
        "1089676a40bedbe85a12db86199c3615"
      );
      this.auidoPathFour = await getResourcePath(
        "abbb24d6a0f1de8c08462c3d4b68f575"
      );
      this.auidoPathFive = await getResourcePath(
        "abce7305a3e3c22b686af3a395575411"
      );
      this.auidoPathSex = await getResourcePath(
        "66b8f2c7f953556400367a89e0af8321"
      );
      this.auidoPathSeven = await getResourcePath(
        "27fcd83f77a10ecbf97970863e2653c3"
      ); 
      this.auidoPathEight = await getResourcePath(
        "3d7f52cc80f8ed8994a046b418399116"
      );
      this.auidoPathNine = await getResourcePath(
        "3729175530def1b0baca68e0bd344862"
      );
    },
    setBookQuestion() {
      console.log("保存");
@@ -724,7 +772,12 @@
.w70 {
  width: 78%;
}

.choice{
  border: 1px solid green;
  border-radius: 10px;
  padding: 0 10px;
  box-sizing: border-box;
}
.fw-400 {
  font-weight: 400 !important;
}