style(sass): 调整聊天图标样式

- 调整聊天图标的左右边距- 优化 voice.svg 图标的视觉效果
- 修复公告组件中的样式问题
- 优化热门产品、消息、导航列表等组件的样式

src/views/AI/components/message.vue

@@ -1,6 +1,6 @@
 <template>
   <section>
-    <div v-for="(message, index) in messagesList" :key="index" class="message-item ">
+    <div v-for="(message, index) in messagesList" :key="index" class="message-item">
       <!--用户消息-->
       <div v-if="message.type === 'user'" class="user-message mb10">
         <p>{{ message.text }}</p>
@@ -18,15 +18,15 @@
           <p v-html="md.render(message.think)" v-if="message.think && message.showThink" class="thinkText" />
         </span>
         <div>
-          <p v-html="md.render(message.text)" v-if="message.text "></p>
-          <span class="speakLoadingToast pv10" v-else-if='!message.text && !thinkOk && !message.isThink'>
+          <p v-html="md.render(message.text)" v-if="message.text"></p>
+          <span class="speakLoadingToast pv10" v-else-if="!message.text && !thinkOk && !message.isThink">
             <van-loading type="spinner" color="#2e5ca9" size="20px" v-if="!message.text" />
           </span>
         </div>
       </div>
       <!--百宝箱-->
-      <div v-else class='mb10'>
-        <treasure-box :item="message" @setProductName='setProductName'></treasure-box>
+      <div v-else class="mb10">
+        <treasure-box :item="message" @setProductName="setProductName"></treasure-box>
       </div>
       <!-- 新增点赞和踩按钮 -->
       <div class="reaction-buttons mb10" v-if="message.type !== 'user'">
@@ -51,8 +51,7 @@ const md = new MarkdownIt({
   html: true,
   linkify: true,
   typographer: true,
-})
-  .use(markdownItKatex)
+}).use(markdownItKatex)
 export default {
   name: 'message',
   components: { TreasureBox, [Icon.name]: Icon },
@@ -76,8 +75,8 @@ export default {
     }
   },
   methods: {
-    setProductName(e){
-      this.$emit('setProductName',e)
+    setProductName(e) {
+      this.$emit('setProductName', e)
     },
 
     showThink(message) {