[feat][ai生涯访谈][聊天静态页面]

src/views/xjc-integratedmachine/environment/ai_interview/ai_career_interview_chat.vue

@@ -74,7 +74,11 @@
                                     alt="icon"
                                     style="margin-left: 4px;height: 36px;width: 36px"/>
                             </div>
-                            <el-button @click="ttsStartPlay(item.content, index)">{{playActiveIndex === index && playButtonFlag ?'停止':'播放'}}</el-button>
+                            <!--<el-button @click="ttsStartPlay(item.content, index)">{{playActiveIndex === index && playButtonFlag ?'停止':'播放'}}</el-button>-->
+                            <img @click="ttsStartPlay(item.content, index)"
+                                 :src="playActiveIndex === index && playButtonFlag ?playingPlayer:mutePlayer"
+                                 alt="icon"
+                                 style="margin-left: 4px;height: 36px;width: 36px"/>
                         </div>
                     </div>
                 </div>
@@ -108,6 +112,8 @@
     import {aiChatRecordList, aiChatRecordAdd} from '@/api/xjc-integratedmachine/common/aiChat.js'
     import msgFold from '@/assets/images/environment/ai-career-msg-fold.png'
     import msgExpand from '@/assets/images/environment/ai-career-msg-expand.png'
+    import mutePlayer from '@/assets/images/environment/ai-career-mute-player.png'
+    import playingPlayer from '@/assets/images/environment/ai-career-playing-player.png'
     const router = useRouter()
     const route = useRoute()
 
@@ -752,7 +758,7 @@
                 width: 392px;
                 margin-left: 14px;
                 font-weight: 400;
-                font-size: 28px;
+                font-size: 24px;
                 color: #7D7C7C;
                 line-height: 40px;
                 text-align: left;
@@ -765,7 +771,7 @@
                 overflow: auto;
                 margin-left: 14px;
                 font-weight: 400;
-                font-size: 28px;
+                font-size: 24px;
                 color: #7D7C7C;
                 line-height: 40px;
                 text-align: left;
@@ -865,7 +871,7 @@
 
     .content-text{
         font-weight: 400;
-        font-size: 28px !important;
+        font-size: 24px !important;
         color: #333333;
         line-height: 52px;
         letter-spacing: 3px;