feat：你可以这样问我提示词组件封装

components/ServiceTipsWord/index.vue

@@ -0,0 +1,40 @@
+<template>
+  <view class="service-prompt">
+    <view class="service-header">
+      <text class="header-text">你可以这样问我</text>
+      <image
+        class="header-icon"
+        src="./images/icon_refresh.png"
+        @click="handleRefresh"
+      ></image>
+    </view>
+    <view class="service-buttons">
+      <text class="service-button" @click="handleClick('bed')">
+        帮我加一张床
+      </text>
+      <text class="service-button" @click="handleClick('hotWater')">
+        房间热水不够热
+      </text>
+      <text class="service-button" @click="handleClick('mahjong')">
+        帮忙加一台麻将机
+      </text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+const handleRefresh = (type) => {
+  console.log(`Button clicked: ${type}`);
+};
+
+const handleClick = (type) => {
+  console.log(`Button clicked: ${type}`);
+  // Add your logic here based on the type (e.g., 'bed', 'hotWater', 'mahjong')
+};
+</script>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>

components/ServiceTipsWord/prompt.md

@@ -0,0 +1,16 @@
+## 消息体提示词组件
+
+组件名称：消息体提示词组件
+帮我加一张床、房间热水不够热、帮我加一台麻将机
+
+## 提示词：
+
+使用 uniapp + vue3 组合式 api 开发微信小程序，要求如下：
+1、按照提供的图片高度还原交互设计
+2、要求布局样式结构简洁明了，class 命名请按照模块名称来命名，例如：.service-prompt
+3、可以使用 uniapp 内置的组件
+4、帮忙加一张床、房间热水不够热、帮忙加一台麻将机有点击交互
+
+## 备注
+
+仅供学习、交流使用，请勿用于商业用途。

components/ServiceTipsWord/styles/index.scss

@@ -0,0 +1,53 @@
+.service-prompt {
+  padding: 12px 18px;
+}
+
+.service-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 5px;
+}
+
+.header-text {
+  font-size: 12px;
+  color: #6b84a2;
+}
+
+.header-icon {
+  width: 9px;
+  height: 9px;
+  margin-left: 8px;
+}
+
+.service-buttons {
+  display: flex;
+  flex-wrap: nowrap;
+}
+
+.service-button {
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
+  padding-left: 12px;
+  padding-right: 12px;
+  background: linear-gradient(
+    180deg,
+    rgba(255, 255, 255, 0.5) 0%,
+    #ffffff 100%
+  );
+  box-shadow: 0px 2px 6px 0px rgba(16, 78, 137, 0.1);
+  border-radius: 20px 20px 20px 20px;
+  border: 1px solid #fff;
+  border-image: linear-gradient(
+    137deg,
+    rgba(255, 255, 255, 1),
+    rgba(255, 255, 255, 0.5),
+    rgba(255, 255, 255, 1)
+  );
+  font-size: 12px;
+  font-weight: 500;
+  color: #00a6ff;
+  border-radius: 50px;
+}

unpackage/dist/dev/.sourcemap/mp-weixin/common/assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"assets.js","sources":["static/quick/quick_icon_bg.png","static/logo.png","static/input_voice_icon.png","static/input_send_icon.png","static/hello_xiaomu_icon@2x.png","static/hello_logo_icon@2x.png","static/top_bg_icon.png","static/drawer_icon.png","static/wave_icon.png","static/test/mk_img_1.png","components/create-service-order/images/icon_service.png","components/create-service-order/images/icon_volume.png"],"sourcesContent":["export default \"__VITE_ASSET__ff753b35__\"","export default \"__VITE_ASSET__46719607__\"","export default \"__VITE_ASSET__76f969d6__\"","export default \"__VITE_ASSET__e6bd7a29__\"","export default \"__VITE_ASSET__2eba501c__\"","export default \"__VITE_ASSET__51733f19__\"","export default \"__VITE_ASSET__ead16fdc__\"","export default \"__VITE_ASSET__a9576f2b__\"","export default \"__VITE_ASSET__d889f8a8__\"","export default \"__VITE_ASSET__c4efe7df__\"","export default \"__VITE_ASSET__86f6117d__\"","export default \"__VITE_ASSET__0bc37c9e__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"assets.js","sources":["static/quick/quick_icon_bg.png","static/logo.png","static/input_voice_icon.png","static/input_send_icon.png","static/hello_xiaomu_icon@2x.png","static/hello_logo_icon@2x.png","static/top_bg_icon.png","static/drawer_icon.png","static/wave_icon.png","static/test/mk_img_1.png","components/ServiceTipsWord/images/icon_refresh.png"],"sourcesContent":["export default \"__VITE_ASSET__ff753b35__\"","export default \"__VITE_ASSET__46719607__\"","export default \"__VITE_ASSET__76f969d6__\"","export default \"__VITE_ASSET__e6bd7a29__\"","export default \"__VITE_ASSET__2eba501c__\"","export default \"__VITE_ASSET__51733f19__\"","export default \"__VITE_ASSET__ead16fdc__\"","export default \"__VITE_ASSET__a9576f2b__\"","export default \"__VITE_ASSET__d889f8a8__\"","export default \"__VITE_ASSET__c4efe7df__\"","export default \"__VITE_ASSET__14f000bd__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["components/ServiceTipsWord/index.vue","E:/Program Files/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDovWUdDaGF0Q1MvY29tcG9uZW50cy9TZXJ2aWNlVGlwc1dvcmQvaW5kZXgudnVl"],"sourcesContent":["<template>\r\n  <view class=\"service-prompt\">\r\n    <view class=\"service-header\">\r\n      <text class=\"header-text\">你可以这样问我</text>\r\n      <image\r\n        class=\"header-icon\"\r\n        src=\"./images/icon_refresh.png\"\r\n        @click=\"handleRefresh\"\r\n      ></image>\r\n    </view>\r\n    <view class=\"service-buttons\">\r\n      <text class=\"service-button\" @click=\"handleClick('bed')\">\r\n        帮我加一张床\r\n      </text>\r\n      <text class=\"service-button\" @click=\"handleClick('hotWater')\">\r\n        房间热水不够热\r\n      </text>\r\n      <text class=\"service-button\" @click=\"handleClick('mahjong')\">\r\n        帮忙加一台麻将机\r\n      </text>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref } from \"vue\";\r\n\r\nconst handleRefresh = (type) => {\r\n  console.log(`Button clicked: ${type}`);\r\n};\r\n\r\nconst handleClick = (type) => {\r\n  console.log(`Button clicked: ${type}`);\r\n  // Add your logic here based on the type (e.g., 'bed', 'hotWater', 'mahjong')\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"./styles/index.scss\";\r\n</style>\r\n","import Component from 'D:/YGChatCS/components/ServiceTipsWord/index.vue'\nwx.createComponent(Component)"],"names":["uni"],"mappings":";;;;;;AA2BA,UAAM,gBAAgB,CAAC,SAAS;AAC9BA,oBAAA,MAAA,MAAA,OAAA,8CAAY,mBAAmB,IAAI,EAAE;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,SAAS;AAC5BA,oBAAA,MAAA,MAAA,OAAA,8CAAY,mBAAmB,IAAI,EAAE;AAAA,IAEvC;;;;;;;;;;;;;ACjCA,GAAG,gBAAgB,SAAS;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["components/service-prompt/index.vue","E:/Program Files/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDovWUdDaGF0Q1MvY29tcG9uZW50cy9zZXJ2aWNlLXByb21wdC9pbmRleC52dWU"],"sourcesContent":["<template>\r\n  <view class=\"service-prompt\">\r\n    <view class=\"service-header\">\r\n      <text class=\"header-text\">你可以这样问我</text>\r\n      <image class=\"header-icon\" src=\"./images/icon_refresh.png\"></image>\r\n    </view>\r\n    <view class=\"service-buttons\">\r\n      <button class=\"service-button\" @click=\"handleClick('bed')\">\r\n        帮我加一张床\r\n      </button>\r\n      <button class=\"service-button\" @click=\"handleClick('hotWater')\">\r\n        房间热水不够热\r\n      </button>\r\n      <button class=\"service-button\" @click=\"handleClick('mahjong')\">\r\n        帮忙加一台麻将机\r\n      </button>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref } from \"vue\";\r\n\r\nconst handleClick = (type) => {\r\n  console.log(`Button clicked: ${type}`);\r\n  // Add your logic here based on the type (e.g., 'bed', 'hotWater', 'mahjong')\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"./styles/index.scss\";\r\n</style>\r\n","import Component from 'D:/YGChatCS/components/service-prompt/index.vue'\nwx.createComponent(Component)"],"names":["uni"],"mappings":";;;;;;AAuBA,UAAM,cAAc,CAAC,SAAS;AAC5BA,oBAAA,MAAA,MAAA,OAAA,6CAAY,mBAAmB,IAAI,EAAE;AAAA,IAEvC;;;;;;;;;;;;ACzBA,GAAG,gBAAgB,SAAS;"}

unpackage/dist/dev/mp-weixin/common/assets.js

@@ -1,16 +1,15 @@
 "use strict";
 const _imports_0$6 = "/static/quick/quick_icon_bg.png";
 const _imports_0$5 = "/static/logo.png";
-const _imports_1$3 = "/static/input_voice_icon.png";
+const _imports_1$2 = "/static/input_voice_icon.png";
 const _imports_2 = "/static/input_send_icon.png";
 const _imports_0$4 = "/static/hello_xiaomu_icon@2x.png";
-const _imports_1$2 = "/static/hello_logo_icon@2x.png";
+const _imports_1$1 = "/static/hello_logo_icon@2x.png";
 const _imports_0$3 = "/static/top_bg_icon.png";
 const _imports_0$2 = "/static/drawer_icon.png";
 const _imports_0$1 = "/static/wave_icon.png";
-const _imports_1$1 = "/static/test/mk_img_1.png";
+const _imports_1 = "/static/test/mk_img_1.png";
-const _imports_0 = "/assets/icon_service.86f6117d.png";
+const _imports_0 = "/assets/icon_refresh.14f000bd.png";
-const _imports_1 = "/assets/icon_volume.0bc37c9e.png";
 exports._imports_0 = _imports_0$5;
 exports._imports_0$1 = _imports_0$4;
 exports._imports_0$2 = _imports_0$3;
@@ -18,9 +17,8 @@ exports._imports_0$3 = _imports_0$2;
 exports._imports_0$4 = _imports_0$6;
 exports._imports_0$5 = _imports_0$1;
 exports._imports_0$6 = _imports_0;
-exports._imports_1 = _imports_1$3;
+exports._imports_1 = _imports_1$2;
-exports._imports_1$1 = _imports_1$2;
+exports._imports_1$1 = _imports_1$1;
-exports._imports_1$2 = _imports_1$1;
+exports._imports_1$2 = _imports_1;
-exports._imports_1$3 = _imports_1;
 exports._imports_2 = _imports_2;
 //# sourceMappingURL=../../.sourcemap/mp-weixin/common/assets.js.map

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -6963,7 +6963,7 @@ function isConsoleWritable() {
 function initRuntimeSocketService() {
   const hosts = "10.10.3.1,192.168.56.1,127.0.0.1";
   const port = "8090";
-  const id = "mp-weixin_vtjw4A";
+  const id = "mp-weixin_3K_f2n";
   const lazy = typeof swan !== "undefined";
   let restoreError = lazy ? () => {
   } : initOnError();

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

@@ -0,0 +1,26 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const common_assets = require("../../common/assets.js");
+const _sfc_main = {
+  __name: "index",
+  setup(__props) {
+    const handleRefresh = (type) => {
+      common_vendor.index.__f__("log", "at components/ServiceTipsWord/index.vue:29", `Button clicked: ${type}`);
+    };
+    const handleClick = (type) => {
+      common_vendor.index.__f__("log", "at components/ServiceTipsWord/index.vue:33", `Button clicked: ${type}`);
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_assets._imports_0$6,
+        b: common_vendor.o(handleRefresh),
+        c: common_vendor.o(($event) => handleClick("bed")),
+        d: common_vendor.o(($event) => handleClick("hotWater")),
+        e: common_vendor.o(($event) => handleClick("mahjong"))
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-f577f2f2"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/ServiceTipsWord/index.js.map

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

@@ -0,0 +1 @@
+<view class="service-prompt data-v-f577f2f2"><view class="service-header data-v-f577f2f2"><text class="header-text data-v-f577f2f2">你可以这样问我</text><image class="header-icon data-v-f577f2f2" src="{{a}}" bindtap="{{b}}"></image></view><view class="service-buttons data-v-f577f2f2"><text class="service-button data-v-f577f2f2" bindtap="{{c}}"> 帮我加一张床 </text><text class="service-button data-v-f577f2f2" bindtap="{{d}}"> 房间热水不够热 </text><text class="service-button data-v-f577f2f2" bindtap="{{e}}"> 帮忙加一台麻将机 </text></view></view>

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

@@ -0,0 +1,64 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.service-prompt.data-v-f577f2f2 {
+  padding: 12px 18px;
+}
+.service-header.data-v-f577f2f2 {
+  display: flex;
+  align-items: center;
+  margin-bottom: 5px;
+}
+.header-text.data-v-f577f2f2 {
+  font-size: 12px;
+  color: #6b84a2;
+}
+.header-icon.data-v-f577f2f2 {
+  width: 9px;
+  height: 9px;
+  margin-left: 8px;
+}
+.service-buttons.data-v-f577f2f2 {
+  display: flex;
+  flex-wrap: nowrap;
+}
+.service-button.data-v-f577f2f2 {
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
+  padding-left: 12px;
+  padding-right: 12px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
+  box-shadow: 0px 2px 6px 0px rgba(16, 78, 137, 0.1);
+  border-radius: 20px 20px 20px 20px;
+  border: 1px solid #fff;
+  border-image: linear-gradient(137deg, white, rgba(255, 255, 255, 0.5), white);
+  font-size: 12px;
+  font-weight: 500;
+  color: #00a6ff;
+  border-radius: 50px;
+}

unpackage/dist/dev/mp-weixin/components/create-service-order/index.js

@@ -1,33 +0,0 @@
-"use strict";
-const common_vendor = require("../../common/vendor.js");
-const common_assets = require("../../common/assets.js");
-const _sfc_main = {
-  __name: "index",
-  setup(__props) {
-    const contactName = common_vendor.ref("");
-    const contactPhone = common_vendor.ref("");
-    const handleCall = () => {
-      common_vendor.index.__f__("log", "at components/create-service-order/index.vue:59", "Calling with:", contactName.value, contactPhone.value);
-    };
-    const makePhoneCall = () => {
-      common_vendor.index.makePhoneCall({
-        phoneNumber: "15185111210"
-      });
-    };
-    return (_ctx, _cache) => {
-      return {
-        a: common_assets._imports_0$6,
-        b: contactName.value,
-        c: common_vendor.o(($event) => contactName.value = $event.detail.value),
-        d: contactPhone.value,
-        e: common_vendor.o(($event) => contactPhone.value = $event.detail.value),
-        f: common_vendor.o(handleCall),
-        g: common_assets._imports_1$3,
-        h: common_vendor.o(makePhoneCall)
-      };
-    };
-  }
-};
-const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-a90069d4"]]);
-wx.createComponent(Component);
-//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/create-service-order/index.js.map

unpackage/dist/dev/mp-weixin/components/create-service-order/index.wxml

@@ -1 +0,0 @@
-<view class="create-service-order data-v-a90069d4"><view class="create-service-wrapper data-v-a90069d4"><view class="order-header data-v-a90069d4"><text class="data-v-a90069d4">创建服务工单</text></view><view class="order-content data-v-a90069d4"><view class="order-item data-v-a90069d4"><image src="{{a}}" class="order-icon data-v-a90069d4"></image><text class="order-description data-v-a90069d4">加一台麻将机</text></view><view class="order-line data-v-a90069d4"></view><view class="order-details data-v-a90069d4"><view class="detail-item data-v-a90069d4"><text class="detail-label data-v-a90069d4">房间号：</text><text class="detail-value data-v-a90069d4">302</text></view><view class="detail-item data-v-a90069d4"><text class="detail-label data-v-a90069d4">服务时间：</text><text class="detail-value data-v-a90069d4">2025-09-12 12:00</text></view><view class="detail-item data-v-a90069d4"><text class="detail-label data-v-a90069d4">联系房客：</text><input class="detail-input data-v-a90069d4" placeholder="请填写联系人" value="{{b}}" bindinput="{{c}}"/></view><view class="detail-item data-v-a90069d4"><text class="detail-label data-v-a90069d4">联系电话：</text><input class="detail-input data-v-a90069d4" placeholder="请填写联系电话" value="{{d}}" bindinput="{{e}}"/></view></view><button class="order-button data-v-a90069d4" bindtap="{{f}}">立即呼叫</button></view></view><view class="footer-help data-v-a90069d4"><image src="{{g}}" class="help-icon data-v-a90069d4"></image><text class="help-text data-v-a90069d4">没解决问题？给我打电话吧！</text><text class="help-phone data-v-a90069d4" bindtap="{{h}}">15185111210</text></view></view>

unpackage/dist/dev/mp-weixin/components/create-service-order/index.wxss

@@ -1,148 +0,0 @@
-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-/* 颜色变量 */
-/* 行为相关颜色 */
-/* 文字基本颜色 */
-/* 背景颜色 */
-/* 边框颜色 */
-/* 尺寸变量 */
-/* 文字尺寸 */
-/* 图片尺寸 */
-/* Border Radius */
-/* 水平间距 */
-/* 垂直间距 */
-/* 透明度 */
-/* 文章场景相关 */
-.create-service-order.data-v-a90069d4 {
-  margin-left: 12px;
-  margin-right: 12px;
-}
-.create-service-wrapper.data-v-a90069d4 {
-  box-sizing: border-box;
-  padding: 12px 12px 16px;
-  background-color: #eff6fa;
-  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 4px 20px 20px 20px;
-  border: 1px solid #fff;
-}
-.order-header.data-v-a90069d4 {
-  font-size: 14px;
-  font-weight: 500;
-  margin-bottom: 10px;
-  color: #333;
-}
-.order-content.data-v-a90069d4 {
-  width: 100%;
-  box-sizing: border-box;
-  background-color: #fff;
-  padding: 12px;
-  border-radius: 8px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-.order-item.data-v-a90069d4 {
-  display: flex;
-  align-items: center;
-  margin-bottom: 12px;
-}
-.order-icon.data-v-a90069d4 {
-  width: 24px;
-  height: 24px;
-  margin-right: 8px;
-  border-radius: 50%;
-  background-color: #ffa500;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.order-description.data-v-a90069d4 {
-  font-size: 14px;
-  font-weight: 500;
-  color: #333;
-}
-.order-line.data-v-a90069d4 {
-  position: relative;
-  border: 1px dashed #eeeeee;
-  margin-left: -12px;
-  margin-right: -12px;
-}
-.order-line.data-v-a90069d4::before, .order-line.data-v-a90069d4::after {
-  content: "";
-  position: absolute;
-  top: -8px;
-  width: 16px;
-  height: 16px;
-  border-radius: 50px;
-  background-color: #eff6fa;
-}
-.order-line.data-v-a90069d4::before {
-  left: -8px;
-}
-.order-line.data-v-a90069d4::after {
-  right: -8px;
-}
-.order-details.data-v-a90069d4 {
-  margin-top: 12px;
-}
-.detail-item.data-v-a90069d4 {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-  font-size: 14px;
-  color: #666;
-}
-.detail-label.data-v-a90069d4 {
-  width: 70px;
-  margin-right: 10px;
-}
-.detail-value.data-v-a90069d4 {
-  color: #333;
-}
-.detail-input.data-v-a90069d4 {
-  border: none;
-  outline: none;
-  width: calc(100% - 80px);
-  font-size: 14px;
-  color: #999;
-  border-bottom: 1px solid #ddd;
-}
-.order-button.data-v-a90069d4 {
-  width: 280px;
-  height: 42px;
-  background: linear-gradient(90deg, #ff7e00, #ffba00);
-  color: #fff;
-  font-size: 14px;
-  font-weight: 600;
-  border-radius: 20px;
-  margin-top: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.footer-help.data-v-a90069d4 {
-  margin-top: 8px;
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  color: #ed6a0c;
-}
-.help-icon.data-v-a90069d4 {
-  width: 16px;
-  height: 14px;
-  margin-right: 5px;
-}
-.help-text.data-v-a90069d4 {
-  margin-right: 5px;
-}
-.help-phone.data-v-a90069d4 {
-  cursor: pointer;
-}

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 + ChatCardAI + ChatCardMine + CreateServiceOrder + ChatMoreTips + ChatQuickAccess)();
+  (ChatTopBgImg + ChatTopNavBar + ChatTopBanner + OneFeelMK001 + ServiceTipsWord + ChatCardAI + ChatCardMine + ChatMoreTips + ChatQuickAccess)();
 }
 const ChatTopBanner = () => "./ChatTopBanner.js";
 const ChatTopBgImg = () => "./ChatTopBgImg.js";
@@ -13,7 +13,7 @@ const ChatCardMine = () => "./ChatCardMine.js";
 const ChatQuickAccess = () => "./ChatQuickAccess2.js";
 const ChatMoreTips = () => "./ChatMoreTips.js";
 const OneFeelMK001 = () => "../module/OneFeelMK001.js";
-const CreateServiceOrder = () => "../../components/create-service-order/index.js";
+const ServiceTipsWord = () => "../../components/ServiceTipsWord/index.js";
 const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
   __name: "ChatMainList",
   emits: ["openDrawer"],
@@ -31,7 +31,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:165", "=============打开抽屉");
+      common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:166", "=============打开抽屉");
     };
     const handleReply = (text) => {
       loadMessage(text);
@@ -97,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
         }
       };
       chatMsgList.value.push(newMsgAI);
-      common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:249", "发送的新消息：", JSON.stringify(newMsg));
+      common_vendor.index.__f__("log", "at pages/chat/ChatMainList.vue:250", "发送的新消息：", JSON.stringify(newMsg));
     };
     const scrollToBottom = () => {
       lastMsgId.value = `${chatMsgList.value[chatMsgList.value.length - 1].msgId}`;
@@ -118,13 +118,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
           } : {}, {
-            d: "d7316ec5-7-" + i0 + "," + ("d7316ec5-6-" + i0),
+            d: "d7316ec5-8-" + i0 + "," + ("d7316ec5-7-" + i0),
-            e: "d7316ec5-6-" + i0,
+            e: "d7316ec5-7-" + i0,
             f: common_vendor.p({
               text: item.msg
             })
           }) : item.msgType === common_vendor.unref(model_ChatModel.MessageRole).ME ? {
-            h: "d7316ec5-8-" + i0,
+            h: "d7316ec5-9-" + i0,
             i: common_vendor.p({
               text: item.msg
             })

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

@@ -9,6 +9,6 @@
     "chat-quick-access": "./ChatQuickAccess",
     "chat-more-tips": "./ChatMoreTips",
     "one-feel-m-k001": "../module/OneFeelMK001",
-    "create-service-order": "../../components/create-service-order/index"
+    "service-tips-word": "../../components/ServiceTipsWord/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><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><create-service-order class="data-v-d7316ec5" u-i="d7316ec5-9" bind:__l="__l"/><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-10" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-11" 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><service-tips-word class="data-v-d7316ec5" u-i="d7316ec5-6" bind:__l="__l"/><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-10" bind:__l="__l"></chat-more-tips><chat-quick-access class="data-v-d7316ec5" bindreplySent="{{h}}" u-i="d7316ec5-11" 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>