feat: 轮播组件优化

unpackage/dist/dev/.sourcemap/mp-weixin/components/ImageSwiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["components/ImageSwiper/index.vue","E:/Program Files/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDovWUdDaGF0Q1MvY29tcG9uZW50cy9JbWFnZVN3aXBlci9pbmRleC52dWU"],"sourcesContent":["<template>\n  <view class=\"image-swiper\">\n    <swiper\n      class=\"swiper-box\"\n      :autoplay=\"false\"\n      :interval=\"3000\"\n      :duration=\"1000\"\n      :current=\"active\"\n    >\n      <swiper-item\n        class=\"swiper-item\"\n        v-for=\"(item, index) in thumbnails\"\n        :key=\"index\"\n      >\n        <image :src=\"item.url\" mode=\"aspectFill\"></image>\n      </swiper-item>\n    </swiper>\n\n    <view class=\"custom-indicator\">\n      图片{{ active + 1 }}/{{ thumbnails.length }}\n    </view>\n\n    <view class=\"thumbnail-box\">\n      <view\n        v-for=\"(thumb, index) in thumbnails\"\n        :key=\"index\"\n        class=\"thumbnail-item\"\n        @click=\"handleThumbnailClick(index)\"\n      >\n        <image :src=\"thumb.url\" mode=\"aspectFill\"></image>\n        <text>{{ thumb.description }}</text>\n      </view>\n    </view>\n  </view>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nconst active = ref(0);\n\nconst thumbnails = ref([\n  {\n    url: \"https://fastly.picsum.photos/id/866/654/400.jpg?hmac=z3vI4CYrpnXEgimSlJCDwXRxEa-UDHiRwzGEyB8V-po\",\n    description: \"瑶山古寨\",\n  },\n  {\n    url: \"https://fastly.picsum.photos/id/284/654/400.jpg?hmac=89XRCJxYTblKIFGLOp6hJ9U0GC8BQrcnJwE5pG21NAk\",\n    description: \"民俗表演\",\n  },\n  {\n    url: \"https://fastly.picsum.photos/id/281/654/400.jpg?hmac=hcAJB7y2Xz3DVuz6S4XeQZgzaTJ_QWnxtbnaagZL6Fs\",\n    description: \"特色美食\",\n  },\n  {\n    url: \"https://fastly.picsum.photos/id/435/654/400.jpg?hmac=TSVDxfo-zXbunxNQK0erSG_nmKcS20xfhbQsCAXLlHo\",\n    description: \"传统服饰\",\n  },\n  {\n    url: \"https://fastly.picsum.photos/id/737/654/400.jpg?hmac=VED05oEK3XB0Aa_DUVoZjTAf0bHjAmNYyJky4lq5vVo\",\n    description: \"其他\",\n  },\n]);\n\nconst handleThumbnailClick = (index) => {\n  active.value = index;\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import \"./styles/index.scss\";\n</style>\n","import Component from 'D:/YGChatCS/components/ImageSwiper/index.vue'\nwx.createComponent(Component)"],"names":["ref"],"mappings":";;;;;AAuCA,UAAM,SAASA,cAAAA,IAAI,CAAC;AAEpB,UAAM,aAAaA,cAAAA,IAAI;AAAA,MACrB;AAAA,QACE,KAAK;AAAA,QACL,aAAa;AAAA,MACd;AAAA,MACD;AAAA,QACE,KAAK;AAAA,QACL,aAAa;AAAA,MACd;AAAA,MACD;AAAA,QACE,KAAK;AAAA,QACL,aAAa;AAAA,MACd;AAAA,MACD;AAAA,QACE,KAAK;AAAA,QACL,aAAa;AAAA,MACd;AAAA,MACD;AAAA,QACE,KAAK;AAAA,QACL,aAAa;AAAA,MACd;AAAA,IACH,CAAC;AAED,UAAM,uBAAuB,CAAC,UAAU;AACtC,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;ACjEA,GAAG,gBAAgB,SAAS;"}

unpackage/dist/dev/.sourcemap/mp-weixin/pages/chat/ChatMainList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMainList.js","sources":["pages/chat/ChatMainList.vue","E:/Program Files/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDovWUdDaGF0Q1MvcGFnZXMvY2hhdC9DaGF0TWFpbkxpc3QudnVl"],"sourcesContent":["<template>\n  <view class=\"chat-container\" @touchend=\"handleTouchEnd\">\n    <!-- 顶部的背景 -->\n    <chat-top-bg-img class=\"chat-container-bg\"></chat-top-bg-img>\n\n    <!-- 顶部自定义导航栏 -->\n    <view\n      class=\"nav-bar-container\"\n      :style=\"{\n        paddingTop: statusBarHeight + 'px',\n        backgroundColor: navBgColor,\n      }\"\n    >\n      <chat-top-nav-bar @openDrawer=\"openDrawer\"></chat-top-nav-bar>\n    </view>\n\n    <view class=\"chat-container-msg-list\">\n      <!-- logo栏 -->\n      <chat-top-banner class=\"chat-container-top-bannar\"></chat-top-banner>\n\n      <!-- 消息列表（可滚动区域） -->\n      <scroll-view\n        scroll-y\n        :scroll-into-view=\"lastMsgId\"\n        :scroll-with-animation=\"true\"\n        class=\"area-msg-list\"\n      >\n        <view style=\"padding: 6px 12px\">\n          <OneFeelMK001></OneFeelMK001>\n        </view>\n        <view style=\"padding: 6px 12px\">\n          <OneFeelMK001></OneFeelMK001>\n        </view>\n        <view style=\"padding: 6px 12px\">\n          <OneFeelMK001></OneFeelMK001>\n        </view>\n\n        <ResponseWrapper>\n          <ResponseIntro />\n        </ResponseWrapper>\n\n        <view\n          class=\"area-msg-list-content\"\n          v-for=\"item in chatMsgList\"\n          :key=\"item.msgId\"\n          :id=\"item.msgId\"\n        >\n          <template v-if=\"item.msgType === MessageRole.AI\">\n            <ChatCardAI class=\"message-item message-item-ai\" :text=\"item.msg\">\n              <image\n                v-if=\"\n                  item.msgContent && item.msgContent.type === MessageType.IMAGE\n                \"\n                src=\"/static/logo.png\"\n                style=\"width: 100px; height: 100px\"\n              ></image>\n              <OneFeelMK001></OneFeelMK001>\n            </ChatCardAI>\n          </template>\n\n          <template v-else-if=\"item.msgType === MessageRole.ME\">\n            <ChatCardMine\n              class=\"message-item message-item-mine\"\n              :text=\"item.msg\"\n            >\n            </ChatCardMine>\n          </template>\n          <template v-else>\n            <text class=\"message-item message-item-other\">{{ item.msg }}</text>\n          </template>\n        </view>\n        <!-- 底部锚点（用于滚动到底部） -->\n        <view :id=\"lastMsgId\"></view>\n      </scroll-view>\n\n      <!-- 输入框区域 -->\n      <view class=\"footer-area\">\n        <ChatMoreTips @replySent=\"handleReply\"></ChatMoreTips>\n        <ChatQuickAccess @replySent=\"handleReply\"></ChatQuickAccess>\n\n        <view class=\"area-input\">\n          <!-- 发送语音 -->\n          <view class=\"input-container-voice\">\n            <image src=\"/static/input_voice_icon.png\"></image>\n          </view>\n          <!-- 输入框 -->\n          <textarea\n            class=\"textarea\"\n            type=\"text\"\n            placeholder=\"快速订票，呼叫服务\"\n            cursor-spacing=\"65\"\n            confirm-type=\"done\"\n            v-model=\"inputMessage\"\n            @confirm=\"sendMessage\"\n            @touchend=\"handleNoHideKeyboard\"\n            :confirm-hold=\"true\"\n            auto-height\n            :show-confirm-bar=\"false\"\n            :hold-keyboard=\"holdKeyboard\"\n            maxlength=\"300\"\n          />\n          <view class=\"input-container-send\" @click=\"sendMessage\">\n            <image src=\"/static/input_send_icon.png\"></image>\n          </view>\n        </view>\n      </view>\n    </view>\n  </view>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, getCurrentInstance, nextTick } from \"vue\";\nimport { ref, watch } from \"vue\";\nimport { defineEmits } from \"vue\";\nimport { onLoad } from \"@dcloudio/uni-app\";\nimport ChatTopBanner from \"./ChatTopBanner.vue\";\nimport ChatTopBgImg from \"./ChatTopBgImg.vue\";\nimport ChatTopNavBar from \"./ChatTopNavBar.vue\";\nimport ChatCardAI from \"./ChatCardAI.vue\";\nimport ChatCardMine from \"./ChatCardMine.vue\";\nimport ChatQuickAccess from \"./ChatQuickAccess.vue\";\nimport ChatMoreTips from \"./ChatMoreTips.vue\";\n\nimport { MessageRole, ChatModel, MessageType } from \"../../model/ChatModel\";\n\nimport OneFeelMK001 from \"../module/OneFeelMK001.vue\";\nimport ResponseIntro from \"@/components/ResponseIntro/index.vue\";\nimport ResponseWrapper from \"@/components/ResponseWrapper/index.vue\";\n\nconst instance = getCurrentInstance(); // 获取当前组件实例\n\n// 导航栏相关\nconst statusBarHeight = ref(20);\nconst navBgColor = ref(\"rgba(66, 173, 249, 0)\");\nconst navOpacity = ref(0);\n\nconst timer = ref(null);\nconst holdKeyboard = ref(false); // focus时，点击页面Line truncated
+{"version":3,"file":"ChatMainList.js","sources":["pages/chat/ChatMainList.vue","E:/Program Files/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDovWUdDaGF0Q1MvcGFnZXMvY2hhdC9DaGF0TWFpbkxpc3QudnVl"],"sourcesContent":["<template>\n  <view class=\"chat-container\" @touchend=\"handleTouchEnd\">\n    <!-- 顶部的背景 -->\n    <chat-top-bg-img class=\"chat-container-bg\"></chat-top-bg-img>\n\n    <!-- 顶部自定义导航栏 -->\n    <view\n      class=\"nav-bar-container\"\n      :style=\"{\n        paddingTop: statusBarHeight + 'px',\n        backgroundColor: navBgColor,\n      }\"\n    >\n      <chat-top-nav-bar @openDrawer=\"openDrawer\"></chat-top-nav-bar>\n    </view>\n\n    <view class=\"chat-container-msg-list\">\n      <!-- logo栏 -->\n      <chat-top-banner class=\"chat-container-top-bannar\"></chat-top-banner>\n\n      <!-- 消息列表（可滚动区域） -->\n      <scroll-view\n        scroll-y\n        :scroll-into-view=\"lastMsgId\"\n        :scroll-with-animation=\"true\"\n        class=\"area-msg-list\"\n      >\n        <view style=\"padding: 6px 12px\">\n          <OneFeelMK001></OneFeelMK001>\n        </view>\n        <view style=\"padding: 6px 12px\">\n          <OneFeelMK001></OneFeelMK001>\n        </view>\n        <view style=\"padding: 6px 12px\">\n          <OneFeelMK001></OneFeelMK001>\n        </view>\n\n        <ResponseWrapper>\n          <ResponseIntro />\n          <ImageSwiper />\n        </ResponseWrapper>\n\n        <view\n          class=\"area-msg-list-content\"\n          v-for=\"item in chatMsgList\"\n          :key=\"item.msgId\"\n          :id=\"item.msgId\"\n        >\n          <template v-if=\"item.msgType === MessageRole.AI\">\n            <ChatCardAI class=\"message-item message-item-ai\" :text=\"item.msg\">\n              <image\n                v-if=\"\n                  item.msgContent && item.msgContent.type === MessageType.IMAGE\n                \"\n                src=\"/static/logo.png\"\n                style=\"width: 100px; height: 100px\"\n              ></image>\n              <OneFeelMK001></OneFeelMK001>\n            </ChatCardAI>\n          </template>\n\n          <template v-else-if=\"item.msgType === MessageRole.ME\">\n            <ChatCardMine\n              class=\"message-item message-item-mine\"\n              :text=\"item.msg\"\n            >\n            </ChatCardMine>\n          </template>\n          <template v-else>\n            <text class=\"message-item message-item-other\">{{ item.msg }}</text>\n          </template>\n        </view>\n        <!-- 底部锚点（用于滚动到底部） -->\n        <view :id=\"lastMsgId\"></view>\n      </scroll-view>\n\n      <!-- 输入框区域 -->\n      <view class=\"footer-area\">\n        <ChatMoreTips @replySent=\"handleReply\"></ChatMoreTips>\n        <ChatQuickAccess @replySent=\"handleReply\"></ChatQuickAccess>\n\n        <view class=\"area-input\">\n          <!-- 发送语音 -->\n          <view class=\"input-container-voice\">\n            <image src=\"/static/input_voice_icon.png\"></image>\n          </view>\n          <!-- 输入框 -->\n          <textarea\n            class=\"textarea\"\n            type=\"text\"\n            placeholder=\"快速订票，呼叫服务\"\n            cursor-spacing=\"65\"\n            confirm-type=\"done\"\n            v-model=\"inputMessage\"\n            @confirm=\"sendMessage\"\n            @touchend=\"handleNoHideKeyboard\"\n            :confirm-hold=\"true\"\n            auto-height\n            :show-confirm-bar=\"false\"\n            :hold-keyboard=\"holdKeyboard\"\n            maxlength=\"300\"\n          />\n          <view class=\"input-container-send\" @click=\"sendMessage\">\n            <image src=\"/static/input_send_icon.png\"></image>\n          </view>\n        </view>\n      </view>\n    </view>\n  </view>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, getCurrentInstance, nextTick } from \"vue\";\nimport { ref, watch } from \"vue\";\nimport { defineEmits } from \"vue\";\nimport { onLoad } from \"@dcloudio/uni-app\";\nimport ChatTopBanner from \"./ChatTopBanner.vue\";\nimport ChatTopBgImg from \"./ChatTopBgImg.vue\";\nimport ChatTopNavBar from \"./ChatTopNavBar.vue\";\nimport ChatCardAI from \"./ChatCardAI.vue\";\nimport ChatCardMine from \"./ChatCardMine.vue\";\nimport ChatQuickAccess from \"./ChatQuickAccess.vue\";\nimport ChatMoreTips from \"./ChatMoreTips.vue\";\n\nimport { MessageRole, ChatModel, MessageType } from \"../../model/ChatModel\";\n\nimport OneFeelMK001 from \"../module/OneFeelMK001.vue\";\nimport ResponseIntro from \"@/components/ResponseIntro/index.vue\";\nimport ResponseWrapper from \"@/components/ResponseWrapper/index.vue\";\nimport ImageSwiper from \"@/components/ImageSwiper/index.vue\";\n\nconst instance = getCurrentInstance(); // 获取当前组件实例\n\n// 导航栏相关\nconst statusBarHeight = ref(20);\nconst navBgColor = ref(\"rgba(66, 173, 249, 0)\");\nconst navOpacity = ref(0Line truncated

unpackage/dist/dev/mp-weixin/components/ImageSwiper/index.js

@@ -0,0 +1,57 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  __name: "index",
+  setup(__props) {
+    const active = common_vendor.ref(0);
+    const thumbnails = common_vendor.ref([
+      {
+        url: "https://fastly.picsum.photos/id/866/654/400.jpg?hmac=z3vI4CYrpnXEgimSlJCDwXRxEa-UDHiRwzGEyB8V-po",
+        description: "瑶山古寨"
+      },
+      {
+        url: "https://fastly.picsum.photos/id/284/654/400.jpg?hmac=89XRCJxYTblKIFGLOp6hJ9U0GC8BQrcnJwE5pG21NAk",
+        description: "民俗表演"
+      },
+      {
+        url: "https://fastly.picsum.photos/id/281/654/400.jpg?hmac=hcAJB7y2Xz3DVuz6S4XeQZgzaTJ_QWnxtbnaagZL6Fs",
+        description: "特色美食"
+      },
+      {
+        url: "https://fastly.picsum.photos/id/435/654/400.jpg?hmac=TSVDxfo-zXbunxNQK0erSG_nmKcS20xfhbQsCAXLlHo",
+        description: "传统服饰"
+      },
+      {
+        url: "https://fastly.picsum.photos/id/737/654/400.jpg?hmac=VED05oEK3XB0Aa_DUVoZjTAf0bHjAmNYyJky4lq5vVo",
+        description: "其他"
+      }
+    ]);
+    const handleThumbnailClick = (index) => {
+      active.value = index;
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.f(thumbnails.value, (item, index, i0) => {
+          return {
+            a: item.url,
+            b: index
+          };
+        }),
+        b: active.value,
+        c: common_vendor.t(active.value + 1),
+        d: common_vendor.t(thumbnails.value.length),
+        e: common_vendor.f(thumbnails.value, (thumb, index, i0) => {
+          return {
+            a: thumb.url,
+            b: common_vendor.t(thumb.description),
+            c: index,
+            d: common_vendor.o(($event) => handleThumbnailClick(index), index)
+          };
+        })
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-cc2009df"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/ImageSwiper/index.js.map

unpackage/dist/dev/mp-weixin/components/ImageSwiper/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/components/ImageSwiper/index.wxml

@@ -0,0 +1 @@
+<view class="image-swiper data-v-cc2009df"><swiper class="swiper-box data-v-cc2009df" autoplay="{{false}}" interval="{{3000}}" duration="{{1000}}" current="{{b}}"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="b" class="swiper-item data-v-cc2009df"><image class="data-v-cc2009df" src="{{item.a}}" mode="aspectFill"></image></swiper-item></swiper><view class="custom-indicator data-v-cc2009df"> 图片{{c}}/{{d}}</view><view class="thumbnail-box data-v-cc2009df"><view wx:for="{{e}}" wx:for-item="thumb" wx:key="c" class="thumbnail-item data-v-cc2009df" bindtap="{{thumb.d}}"><image class="data-v-cc2009df" src="{{thumb.a}}" mode="aspectFill"></image><text class="data-v-cc2009df">{{thumb.b}}</text></view></view></view>

unpackage/dist/dev/mp-weixin/components/ImageSwiper/index.wxss

@@ -0,0 +1,71 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.image-swiper.data-v-cc2009df {
+  position: relative;
+  width: 100%;
+}
+.swiper-box.data-v-cc2009df {
+  border-radius: 8px;
+  height: 200px;
+  overflow: hidden;
+}
+.swiper-item image.data-v-cc2009df {
+  width: 100%;
+  height: 100%;
+}
+.custom-indicator.data-v-cc2009df {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 10;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 50px;
+  padding: 3px 8px;
+  font-size: 8px;
+  color: #fff;
+}
+.thumbnail-box.data-v-cc2009df {
+  position: absolute;
+  left: 12px;
+  right: 12px;
+  bottom: 36px;
+  display: flex;
+  gap: 5px;
+}
+.thumbnail-item.data-v-cc2009df {
+  text-align: center;
+}
+.thumbnail-item image.data-v-cc2009df {
+  width: 48px;
+  height: 38px;
+  border-radius: 4px;
+  border: 1px solid #fff;
+}
+.thumbnail-item text.data-v-cc2009df {
+  color: #fff;
+  font-size: 8px;
+  display: block;
+}

unpackage/dist/dev/mp-weixin/pages/chat/ChatMainList.js

@@ -3,7 +3,7 @@ const common_vendor = require("../../common/vendor.js");
 const common_assets = require("../../common/assets.js");
 const model_ChatModel = require("../../model/ChatModel.js");
 if (!Math) {
-  (ChatTopBgImg + ChatTopNavBar + ChatTopBanner + OneFeelMK001 + ResponseIntro + ResponseWrapper + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
+  (ChatTopBgImg + ChatTopNavBar + ChatTopBanner + OneFeelMK001 + ResponseIntro + ImageSwiper + ResponseWrapper + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
 }
 const ChatTopBanner = () => "./ChatTopBanner.js";
 const ChatTopBgImg = () => "./ChatTopBgImg.js";
@@ -15,6 +15,7 @@ const ChatMoreTips = () => "./ChatMoreTips.js";
 const OneFeelMK001 = () => "../module/OneFeelMK001.js";
 const ResponseIntro = () => "../../components/ResponseIntro/index.js";
 const ResponseWrapper = () => "../../components/ResponseWrapper/index.js";
+const ImageSwiper = () => "../../components/ImageSwiper/index.js";
 const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
   __name: "ChatMainList",
   emits: ["openDrawer"],
@@ -32,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
     const emits = __emit;
     const openDrawer = () => {
       emits("openDrawer");
-      common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:170", "=============打开抽屉");
+      common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:172", "=============打开抽屉");
     };
     const handleReply = (text) => {
       loadMessage(text);
@@ -98,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
         }
       };
       chatMsgList.value.push(newMsgAI);
-      common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:254", "发送的新消息：", JSON.stringify(newMsg));
+      common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:256", "发送的新消息：", JSON.stringify(newMsg));
     };
     const scrollToBottom = () => {
       lastMsgId.value = `${chatMsgList.value[chatMsgList.value.length - 1].msgId}`;
@@ -119,13 +120,13 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
           }, item.msgContent && item.msgContent.type === common_vendor.unref(model_ChatModel.MessageType).IMAGE ? {
             c: common_assets._imports_0$1
           } : {}, {
-            d: "d7316ec5-9-" + i0 + "," + ("d7316ec5-8-" + i0),
-            e: "d7316ec5-8-" + i0,
+            d: "d7316ec5-10-" + i0 + "," + ("d7316ec5-9-" + i0),
+            e: "d7316ec5-9-" + i0,
             f: common_vendor.p({
               text: item.msg
             })
           }) : item.msgType === common_vendor.unref(model_ChatModel.MessageRole).ME ? {
-            h: "d7316ec5-10-" + i0,
+            h: "d7316ec5-11-" + i0,
             i: common_vendor.p({
               text: item.msg
             })

unpackage/dist/dev/mp-weixin/pages/chat/ChatMainList.json

@@ -10,6 +10,7 @@
     "chat-more-tips": "./ChatMoreTips",
     "one-feel-m-k001": "../module/OneFeelMK001",
     "response-intro": "../../components/ResponseIntro/index",
-    "response-wrapper": "../../components/ResponseWrapper/index"
+    "response-wrapper": "../../components/ResponseWrapper/index",
+    "image-swiper": "../../components/ImageSwiper/index"
   }
 }

unpackage/dist/dev/mp-weixin/pages/chat/ChatMainList.wxml

@@ -1 +1 @@
-<view class="chat-container data-v-d7316ec5" bindtouchend="{{q}}"><chat-top-bg-img class="chat-container-bg data-v-d7316ec5" u-i="d7316ec5-0" bind:__l="__l"></chat-top-bg-img><view class="nav-bar-container data-v-d7316ec5" style="{{'padding-top:' + b + ';' + ('background-color:' + c)}}"><chat-top-nav-bar class="data-v-d7316ec5" bindopenDrawer="{{a}}" u-i="d7316ec5-1" bind:__l="__l"></chat-top-nav-bar></view><view class="chat-container-msg-list data-v-d7316ec5"><chat-top-banner class="chat-container-top-bannar data-v-d7316ec5" u-i="d7316ec5-2" bind:__l="__l"></chat-top-banner><scroll-view scroll-y scroll-into-view="{{f}}" scroll-with-animation="{{true}}" class="area-msg-list data-v-d7316ec5"><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-3" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-4" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-5" bind:__l="__l"></one-feel-m-k001></view><response-wrapper class="data-v-d7316ec5" u-s="{{['d']}}" u-i="d7316ec5-6" bind:__l="__l"><response-intro class="data-v-d7316ec5" u-i="d7316ec5-7,d7316ec5-6" bind:__l="__l"/></response-wrapper><view wx:for="{{d}}" wx:for-item="item" wx:key="k" class="area-msg-list-content data-v-d7316ec5" id="{{item.l}}"><block wx:if="{{item.a}}"><chat-card-a-i wx:if="{{item.f}}" u-s="{{['d']}}" class="message-item message-item-ai data-v-d7316ec5" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"><image wx:if="{{item.b}}" class="data-v-d7316ec5" src="{{item.c}}" style="width:100px;height:100px"></image><one-feel-m-k001 class="data-v-d7316ec5" u-i="{{item.d}}" bind:__l="__l"></one-feel-m-k001></chat-card-a-i></block><block wx:elif="{{item.g}}"><chat-card-mine wx:if="{{item.i}}" class="message-item message-item-mine data-v-d7316ec5" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></chat-card-mine></block><block wx:else><text class="message-item message-item-other data-v-d7316ec5">{{item.j}}</text></block></view><view class="data-v-d7316ec5" id="{{e}}"></view></scroll-view><view class="footer-area data-v-d7316ec5"><chat-more-tips class="data-v-d7316ec5" bindreplySent="{{g}}" u-i="d7316ec5-11" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-12" bind:__l="__l"></chat-quick-access><view class="area-input data-v-d7316ec5"><view class="input-container-voice data-v-d7316ec5"><image class="data-v-d7316ec5" src="{{i}}"></image></view><block wx:if="{{r0}}"><textarea class="textarea data-v-d7316ec5" type="text" placeholder="快速订票，呼叫服务" cursor-spacing="65" confirm-type="done" bindconfirm="{{j}}" bindtouchend="{{k}}" confirm-hold="{{true}}" auto-height show-confirm-bar="{{false}}" hold-keyboard="{{l}}" maxlength="300" value="{{m}}" bindinput="{{n}}"/></block><view class="input-container-send data-v-d7316ec5" bindtap="{{p}}"><image class="data-v-d7316ec5" src="{{o}}"></image></view></view></view></view></view>
+<view class="chat-container data-v-d7316ec5" bindtouchend="{{q}}"><chat-top-bg-img class="chat-container-bg data-v-d7316ec5" u-i="d7316ec5-0" bind:__l="__l"></chat-top-bg-img><view class="nav-bar-container data-v-d7316ec5" style="{{'padding-top:' + b + ';' + ('background-color:' + c)}}"><chat-top-nav-bar class="data-v-d7316ec5" bindopenDrawer="{{a}}" u-i="d7316ec5-1" bind:__l="__l"></chat-top-nav-bar></view><view class="chat-container-msg-list data-v-d7316ec5"><chat-top-banner class="chat-container-top-bannar data-v-d7316ec5" u-i="d7316ec5-2" bind:__l="__l"></chat-top-banner><scroll-view scroll-y scroll-into-view="{{f}}" scroll-with-animation="{{true}}" class="area-msg-list data-v-d7316ec5"><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-3" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-4" bind:__l="__l"></one-feel-m-k001></view><view class="data-v-d7316ec5" style="padding:6px 12px"><one-feel-m-k001 class="data-v-d7316ec5" u-i="d7316ec5-5" bind:__l="__l"></one-feel-m-k001></view><response-wrapper class="data-v-d7316ec5" u-s="{{['d']}}" u-i="d7316ec5-6" bind:__l="__l"><response-intro class="data-v-d7316ec5" u-i="d7316ec5-7,d7316ec5-6" bind:__l="__l"/><image-swiper class="data-v-d7316ec5" u-i="d7316ec5-8,d7316ec5-6" bind:__l="__l"/></response-wrapper><view wx:for="{{d}}" wx:for-item="item" wx:key="k" class="area-msg-list-content data-v-d7316ec5" id="{{item.l}}"><block wx:if="{{item.a}}"><chat-card-a-i wx:if="{{item.f}}" u-s="{{['d']}}" class="message-item message-item-ai data-v-d7316ec5" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"><image wx:if="{{item.b}}" class="data-v-d7316ec5" src="{{item.c}}" style="width:100px;height:100px"></image><one-feel-m-k001 class="data-v-d7316ec5" u-i="{{item.d}}" bind:__l="__l"></one-feel-m-k001></chat-card-a-i></block><block wx:elif="{{item.g}}"><chat-card-mine wx:if="{{item.i}}" class="message-item message-item-mine data-v-d7316ec5" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></chat-card-mine></block><block wx:else><text class="message-item message-item-other data-v-d7316ec5">{{item.j}}</text></block></view><view class="data-v-d7316ec5" id="{{e}}"></view></scroll-view><view class="footer-area data-v-d7316ec5"><chat-more-tips class="data-v-d7316ec5" bindreplySent="{{g}}" u-i="d7316ec5-12" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-13" bind:__l="__l"></chat-quick-access><view class="area-input data-v-d7316ec5"><view class="input-container-voice data-v-d7316ec5"><image class="data-v-d7316ec5" src="{{i}}"></image></view><block wx:if="{{r0}}"><textarea class="textarea data-v-d7316ec5" type="text" placeholder="快速订票，呼叫服务" cursor-spacing="65" confirm-type="done" bindconfirm="{{j}}" bindtouchend="{{k}}" confirm-hold="{{true}}" auto-height show-confirm-bar="{{false}}" hold-keyboard="{{l}}" maxlength="300" value="{{m}}" bindinput="{{n}}"/></block><view class="input-container-send data-v-d7316ec5" bindtap="{{p}}"><image class="data-v-d7316ec5" src="{{o}}"></image></view></view></view></view></view>