音频条样式冲突问题

src/views/book/courseware/preview/components/new_word/components/WordPhraseDetail.vue

@@ -1483,7 +1483,8 @@ export default {
       }
     }
 
-    .strockplayRedInner {
+    .strockplayRedInner,
+    .strockplay-redInner {
       width: 65px;
       height: 65px;
     }

src/views/book/courseware/preview/components/voice_matrix/components/AudioLine.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <div :class="['AudioNNPE', mp3Source && mp3Source == 'tts' ? 'Audio-tts' : '']">
+  <div :class="['AudioEEP', mp3Source && mp3Source == 'tts' ? 'Audio-tts' : '']">
     <div v-if="!hideSlider" class="audioLine">
       <div class="playBox" @click="PlayAudio">
         <div class="play" :class="[audio.loading ? 'loadBtn' : audio.playing ? 'playBtn' : 'pauseBtn']">
@@ -359,7 +359,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.AudioNNPE {
+.AudioEEP {
   width: 100%;
 
   .audioLine {
@@ -442,7 +442,7 @@ export default {
 }
 </style>
 <style lang="scss">
-.AudioNNPE {
+.AudioEEP {
   .el-slider__button-wrapper {
     position: relative;
     z-index: 0;

src/views/personal_workbench/project/components/AudioLine.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <div :class="['AudioNNPE']">
+  <div :class="['AudioEEP']">
     <div class="audioLine">
       <div class="playBox" @click="PlayAudio">
         <div class="play" :class="[audio.loading ? 'loadBtn' : audio.playing ? 'playBtn' : 'pauseBtn']">
@@ -284,7 +284,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.AudioNNPE {
+.AudioEEP {
   width: 100%;
 
   .audioLine {
@@ -369,7 +369,7 @@ export default {
 }
 </style>
 <style lang="scss">
-.AudioNNPE {
+.AudioEEP {
   .el-slider__button-wrapper {
     position: relative;
     z-index: 0;