style: ai 洞察界面调整

src/views/Survey/views/Analysis/Index.vue

@@ -66,11 +66,13 @@ const { questionAnalysis } = useFetchAnalysis(sn.value);
 
     <van-cell v-if="aiInsightsConfig.message.length > 0" class="ai-insight">
       <template #extra>
-        <!--  ai 洞察部分内容  -->
+        <div class="ai-insight-content">
-        <article class="ai-insight-content">
+          <img width="54px" height="15px" src="@/assets/img/analysis/ai-insight.png" alt="" />
-          <img src="@/assets/img/analysis/ai-insight.png" alt="" />
+          <!--  ai 洞察部分内容  -->
-          <div v-html="aiInsightsConfig.message" />
+          <article class="ai-insight-message">
-        </article>
+            <div v-html="aiInsightsConfig.message" />
+          </article>
+        </div>
       </template>
     </van-cell>
 
@@ -101,11 +103,19 @@ const { questionAnalysis } = useFetchAnalysis(sn.value);
 
   .ai-insight {
     background-image: url('@/assets/img/home/item-back.png');
-    background-position: top;
+    background-position: 11% 11%;
 
     .ai-insight-content {
-      background-color: #f8fbfe;
+      margin: 16px 0 0 0;
-      padding: 14px;
+
+      img {
+        margin-bottom: 8px;
+      }
+      .ai-insight-message {
+        border-radius: 8px;
+        padding: 16px;
+        background-color: rgba(245, 249, 254, 0.7);
+      }
     }
   }
 

src/views/Survey/views/Analysis/components/Wait/Index.vue

@@ -7,7 +7,7 @@ import { aiInsightsConfig } from '@/views/Survey/views/Analysis/hooks/useAnalysi
   <section class="wait-container">
     <el-image :src="waitImg"></el-image>
     <el-text>AI 小助手加速工作中</el-text>
-    <el-text>
+    <el-text style="margin-top: 10px">
       {{
         aiInsightsConfig.info.length !== 0
           ? aiInsightsConfig.info
@@ -23,5 +23,9 @@ import { aiInsightsConfig } from '@/views/Survey/views/Analysis/hooks/useAnalysi
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
+
+  .el-image {
+    margin-bottom: 16px;
+  }
 }
 </style>