上传代码

uniapp04/unpackage/dist/dev/mp-weixin/pages/messageCenter/messageCenter.js

@@ -0,0 +1,54 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+if (!Array) {
+  const _easycom_uni_list_chat2 = common_vendor.resolveComponent("uni-list-chat");
+  const _easycom_uni_list2 = common_vendor.resolveComponent("uni-list");
+  (_easycom_uni_list_chat2 + _easycom_uni_list2)();
+}
+const _easycom_uni_list_chat = () => "../../uni_modules/uni-list/components/uni-list-chat/uni-list-chat.js";
+const _easycom_uni_list = () => "../../uni_modules/uni-list/components/uni-list/uni-list.js";
+if (!Math) {
+  (_easycom_uni_list_chat + _easycom_uni_list)();
+}
+const _sfc_main = {
+  __name: "messageCenter",
+  setup(__props) {
+    const historyList = common_vendor.ref([
+      {
+        imgUrl: "https://ts1.tc.mm.bing.net/th/id/R-C.e05fb7d12c52fc08ed0b83cc9aafaa70?rik=n8c5LP%2bsEJF1WQ&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fw%2f2021%2f04-21%2f99523%2fwater_99523_698_698_.png&ehk=pHsR6er2LGmrUr%2bVVLRbNE%2bSWMkqOSMyvoYueS4GqDs%3d&risl=&pid=ImgRaw&r=0",
+        title: "支付宝客服",
+        unread: "1",
+        time: "刚才",
+        message: "我的外卖被偷了，抓紧给我退款"
+      }
+    ]);
+    const handleDonate = () => {
+      common_vendor.index.navigateTo({ url: "../talk/talk" });
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.f(historyList.value, (item, index, i0) => {
+          return {
+            a: common_vendor.o(handleDonate, index),
+            b: "8911ee70-2-" + i0 + "," + ("8911ee70-1-" + i0),
+            c: common_vendor.p({
+              title: item.title,
+              avatar: item.imgUrl,
+              note: item.message,
+              time: item.time,
+              ["badge-positon"]: "left",
+              ["badge-text"]: item.unread,
+              clickable: "true"
+            }),
+            d: index,
+            e: "8911ee70-1-" + i0 + ",8911ee70-0"
+          };
+        }),
+        b: common_vendor.p({
+          border: true
+        })
+      };
+    };
+  }
+};
+wx.createPage(_sfc_main);

uniapp04/unpackage/dist/dev/mp-weixin/pages/messageCenter/messageCenter.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "消息中心",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "uni-list-chat": "../../uni_modules/uni-list/components/uni-list-chat/uni-list-chat",
+    "uni-list": "../../uni_modules/uni-list/components/uni-list/uni-list"
+  }
+}

uniapp04/unpackage/dist/dev/mp-weixin/pages/messageCenter/messageCenter.wxml

@@ -0,0 +1 @@
+<uni-list u-s="{{['d']}}" u-i="8911ee70-0" bind:__l="__l"><uni-list wx:for="{{a}}" wx:for-item="item" wx:key="d" u-s="{{['d']}}" u-i="{{item.e}}" bind:__l="__l" u-p="{{b}}"><uni-list-chat wx:if="{{item.c}}" bindclick="{{item.a}}" u-i="{{item.b}}" bind:__l="__l" u-p="{{item.c}}"></uni-list-chat></uni-list></uni-list>

uniapp04/unpackage/dist/dev/mp-weixin/pages/messageCenter/messageCenter.wxss

@@ -0,0 +1,17 @@
+
+page {
+	background-color: #fff;
+}
+.chat-custom-right {
+	flex: 1;
+
+	display: flex;
+
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: flex-end;
+}
+.chat-custom-text {
+	font-size: 12px;
+	color: #999;
+}