feat： 添加产品助手对话功能

src/views/AI-new/components/HotProducts.vue

@@ -1,10 +1,9 @@
 <template>
-  <div class="hot-products">
+  <div class="hot-products" :class="[!messagesList.length ? 'show' : 'hide']">
     <h4>你可以这样问我：</h4>
 
     <ul>
-      <li v-for="(product, index) in commendList" :key="index" :title="product.title"
-        @click="cellClick(product)">
+      <li v-for="(product, index) in commendList" :key="index" :title="product.title" @click="cellClick(product)">
         <a href="javascript:void(0)">{{ product.title }}</a>
       </li>
     </ul>
@@ -41,6 +40,11 @@ export default {
         action: () => {
           console.log('普通办公室职员适合投保的产品有哪些？');
         }
+      }, {
+        title: "年龄: 26岁, 性别: 男, 主要理财目标: 养老保障",
+        action: () => {
+          console.log('年龄: 26岁, 性别: 男, 主要理财目标: 养老保障');
+        }
       }],
       showAll: false, // 控制是否展示全部数据
     }
@@ -79,6 +83,14 @@ export default {
   padding: 10px;
   border-radius: 5px;
   overflow: scroll;
+  transition: all .3s ease-in-out;
+
+  &.hide {
+    opacity: 0;
+  }
+  &.show {
+    opacity: 1;
+  }
 
   h4 {
     color: grey;