对话课文多语言

src/views/book/courseware/create/components/question/article/Article.vue

@@ -491,7 +491,8 @@ export default {
 
 .btn-box {
   display: flex;
-  column-gap: 16px;
+  flex-flow: wrap;
+  gap: 16px;
 
   a {
     padding: 5px 16px;

src/views/book/courseware/create/components/question/dialogue_article/Article.vue

@@ -910,7 +910,8 @@ export default {
 
 .btn-box {
   display: flex;
-  column-gap: 16px;
+  flex-flow: wrap;
+  gap: 16px;
 
   a {
     padding: 5px 16px;

src/views/book/courseware/preview/components/dialogue_article/NormalModelChs.vue

@@ -4,17 +4,17 @@
     <div
       class="aduioLine-box aduioLine-practice-npc"
       v-if="
-        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id) || config.isHasPY || config.isHasEN
+        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url) || config.isHasPY || config.isHasEN
       "
     >
       <div class="aduioLine-content">
-        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id">
+        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url">
           <AudioLine
             audioId="diaNormalAudio"
-            :mp3="curQue.mp3_list[0].id"
+            :mp3="curQue.mp3_list[0].url"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="colLength == 2 ? 200 : isPhone ? 200 : 590"
+            :width="colLength == 2 ? 200 : isPhone ? 200 : 790"
             :ed="ed"
             type="audioLine"
             ref="audioLine"

src/views/book/courseware/preview/components/dialogue_article/PhraseModelChs.vue

@@ -4,17 +4,17 @@
     <div
       class="aduioLine-box aduioLine-practice-npc"
       v-if="
-        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id) || config.isHasPY || config.isHasEN
+        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url) || config.isHasPY || config.isHasEN
       "
     >
       <div class="aduioLine-content">
-        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id">
+        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url">
           <AudioLine
             audioId="diaPhraAudio"
-            :mp3="curQue.mp3_list[0].id"
+            :mp3="curQue.mp3_list[0].url"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="colLength == 2 ? 200 : isPhone ? 200 : 590"
+            :width="colLength == 2 ? 200 : isPhone ? 200 : 790"
             ref="audioLine"
           />
         </template>

src/views/book/courseware/preview/components/dialogue_article/Practicechs.vue

@@ -5,18 +5,18 @@
     <div
       class="aduioLine-box aduioLine-practice-npc"
       v-if="
-        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id) || config.isHasPY || config.isHasEN
+        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url) || config.isHasPY || config.isHasEN
       "
     >
       <div class="aduioLine-content">
-        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id">
+        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url">
           <AudioLine
             audioId="diaPraAudio"
-            :mp3="curQue.mp3_list[0].id"
+            :mp3="curQue.mp3_list[0].url"
             :getCurTime="getCurTime"
             ref="audioLine"
             :stopAudio="stopAudio"
-            :width="colLength == 2 ? 175 : isPhone ? 200 : 555"
+            :width="colLength == 2 ? 175 : isPhone ? 200 : 750"
             :isRepeat="isRepeat"
             :mp3Source="curQue.mp3_list[0].source"
             :ed="ed"

src/views/book/courseware/preview/components/dialogue_article/WordModelChs.vue

@@ -4,17 +4,17 @@
     <div
       class="aduioLine-box aduioLine-practice-npc"
       v-if="
-        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id) || config.isHasPY || config.isHasEN
+        (curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url) || config.isHasPY || config.isHasEN
       "
     >
       <div class="aduioLine-content">
-        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id">
+        <template v-if="curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].url">
           <AudioLine
             audioId="diaPhraAudio"
-            :mp3="curQue.mp3_list[0].id"
+            :mp3="curQue.mp3_list[0].url"
             :getCurTime="getCurTime"
             :mp3Source="curQue.mp3_list[0].source"
-            :width="colLength == 2 ? 200 : isPhone ? 200 : 590"
+            :width="colLength == 2 ? 200 : isPhone ? 200 : 790"
             ref="audioLine"
           />
         </template>