文章角色名和拼音互换位置

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

@@ -65,8 +65,8 @@
                 <span class="chs">{{ item.roleDetail.detail.wordsList | handleChs }}</span>
               </div> -->
               <div class="roleDetail" v-if="item.roleDetail.fullName || item.roleDetail.fullPinyin">
-                <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
                 <span class="chs">{{ item.roleDetail.fullName }}</span>
+                <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
               </div>
               <div
                 class="para-con"
@@ -1187,7 +1187,7 @@ export default {
         height: 36px;
 
         .pinyin {
-          margin-right: 4px;
+          margin-left: 4px;
           font-family: 'League';
           font-size: 14px;
           line-height: 22px;

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

@@ -54,8 +54,8 @@
                 <span class="chs">{{ item.roleDetail.detail.wordsList | handleChs }}</span>
               </div> -->
               <div class="roleDetail" v-if="item.roleDetail.fullName || item.roleDetail.fullPinyin">
-                <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
                 <span class="chs">{{ item.roleDetail.fullName }}</span>
+                <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
               </div>
               <div class="para-con" :style="{ background: item.roleDetail.color.bg }">
                 <div
@@ -1227,7 +1227,7 @@ export default {
         height: 36px;
 
         .pinyin {
-          margin-right: 4px;
+          margin-left: 4px;
           font-family: 'League';
           font-size: 14px;
           line-height: 22px;

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

@@ -109,7 +109,7 @@
                 <div class="roleDetail" v-if="item.roleDetail.fullName || item.roleDetail.fullPinyin">
                   <span
                     :class="[
-                      'pinyin',
+                      'chs',
                       (curQue.wordTime &&
                         curQue.wordTime[index] &&
                         curTime >= curQue.wordTime[index].bg &&
@@ -118,11 +118,11 @@
                         ? 'color85'
                         : 'color45',
                     ]"
-                    >{{ item.roleDetail.fullPinyin }}</span
+                    >{{ item.roleDetail.fullName }}</span
                   >
                   <span
                     :class="[
-                      'chs',
+                      'pinyin',
                       (curQue.wordTime &&
                         curQue.wordTime[index] &&
                         curTime >= curQue.wordTime[index].bg &&
@@ -131,7 +131,7 @@
                         ? 'color85'
                         : 'color45',
                     ]"
-                    >{{ item.roleDetail.fullName }}</span
+                    >{{ item.roleDetail.fullPinyin }}</span
                   >
                 </div>
               </template>
@@ -1133,7 +1133,7 @@ export default {
         height: 36px;
 
         .pinyin {
-          margin-right: 4px;
+          margin-left: 4px;
           font-family: 'League';
           font-size: 14px;
           line-height: 22px;

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

@@ -52,8 +52,8 @@
                 <span class="chs">{{ item.roleDetail.detail.wordsList | handleChs }}</span>
               </div> -->
               <div class="roleDetail" v-if="item.roleDetail.fullName || item.roleDetail.fullPinyin">
-                <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
                 <span class="chs">{{ item.roleDetail.fullName }}</span>
+                <span class="pinyin">{{ item.roleDetail.fullPinyin }}</span>
               </div>
               <div class="para-con" :style="{ background: item.roleDetail.color.bg }">
                 <div
@@ -1105,7 +1105,7 @@ export default {
         height: 36px;
 
         .pinyin {
-          margin-right: 4px;
+          margin-left: 4px;
           font-family: 'League';
           font-size: 14px;
           line-height: 22px;