ai-chat-bot-interface 1.6.10 → 1.6.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ai-chat-bot-interface",
   "private": false,
-  "version": "1.6.10",
+  "version": "1.6.12",
   "type": "module",
   "main": "index.js",
   "description": "A AI chat bot interface. (private)",

package/src/App.vue

@@ -10,7 +10,7 @@ const handleLog = (log) => {
     <chat-ui
       bot-id="7574379096097439754"
       token="sat_cSmj7ZyuePbkEpOKR7F259YuIfp2fjX9rJ3Om2O0gB9JzrGjAk8pSL269rbu8kzr"
-      uid="262598"
+      uid="0"
       :def-msg="{ placeholder: '发消息...' }"
       :show-header="false"
       :card-list="{ dishes: true, personalForm: true }"

package/src/components/DishesCard.vue

@@ -68,6 +68,9 @@
         {{ materialText }}
       </div>
       <div class="title">制作工艺</div>
+      <div v-if="info.skuVideo">
+        <video :src="info.skuVideo" width="100%" controls="true" />
+      </div>
       <div
         v-for="(item, index) in info.makeCraftList"
         :key="index"
@@ -77,8 +80,16 @@
           <div class="num">第{{ index + 1 }}步</div>
           <div class="desc">{{ item.content }}</div>
         </div>
+        <div>
+          <img
+            v-for="(img, index) in getImageList(item.craftImg)"
+            :key="index"
+            :src="img"
+            width="100%"
+            alt="step image"
+          />
+        </div>
       </div>
-
       <div class="collapse_btn" @click.stop="isOpen = false">收起</div>
     </div>
   </div>
@@ -108,9 +119,13 @@ const contentRef = ref(null); // 用于引用内容 DOM 元素
 const contentHeight = ref(0); // 存储内容的实际高度
 
 onMounted(() => {
-  contentHeight.value = hasDetails.value ? contentRef.value.scrollHeight : 0;
+  getContentHeight();
 });
 
+const getContentHeight = () => {
+  contentHeight.value = hasDetails.value ? contentRef.value.scrollHeight : 0;
+};
+
 // const Emits = defineEmits(['update:open']);
 
 const subStr = computed(() => {
@@ -140,8 +155,22 @@ const previewImg = (url) => {
 };
 
 const switchOpen = () => {
+  if (!isOpen.value) {
+    getContentHeight();
+  }
   isOpen.value = !isOpen.value;
 };
+
+const getImageList = (str) => {
+  let list = [];
+  try {
+    list = JSON.parse(str);
+  } catch (e) {
+    console.warn('====== get image list error =======', e);
+  }
+
+  return list;
+};
 </script>
 
 <style scoped lang="less">