上传代码

uniapp04/unpackage/dist/dev/mp-alipay/pages/testfour/list/list.axml

@@ -0,0 +1 @@
+<view>123</view>

uniapp04/unpackage/dist/dev/mp-alipay/pages/testfour/list/list.js

@@ -0,0 +1,8 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return {};
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+my.createPage(MiniProgramPage);

uniapp04/unpackage/dist/dev/mp-alipay/pages/testfour/list/list.json

@@ -0,0 +1,5 @@
+{
+  "defaultTitle": "测试一",
+  "pullRefresh": false,
+  "usingComponents": {}
+}

uniapp04/unpackage/dist/dev/mp-alipay/pages/testfour/testfour.acss

@@ -0,0 +1,111 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+page {
+  background-color: #f5f5f5;
+}
+.tab-menu {
+  display: flex;
+  justify-content: space-around;
+  padding: 10px 0;
+  background-color: #f5f5f5;
+}
+.tab-item {
+  padding: 10px;
+  cursor: pointer;
+}
+.tab-item.active {
+  color: #4095e5;
+  font-weight: bold;
+}
+.container {
+  align-items: center;
+  padding: 20rpx;
+}
+.container1 {
+  width: 80%;
+  height: 100vh;
+  margin: 0 auto;
+  background-color: #fff;
+}
+.numberState {
+  height: 80rpx;
+  margin-top: 20px;
+}
+.number {
+  font-weight: 700;
+  font-size: 60rpx;
+  float: left;
+}
+.state {
+  font-size: 30rpx;
+  font-weight: 700;
+  float: right;
+  margin-top: 15rpx;
+  margin-right: 10rpx;
+}
+.time {
+  font-size: 30rpx;
+  color: #999;
+  padding-bottom: 10px;
+}
+.message {
+  padding-top: 25rpx;
+  height: 70rpx;
+  border-top: 1px dotted #787878;
+}
+.name {
+  font-size: 45rpx;
+  font-weight: 700;
+  float: left;
+}
+.phone {
+  float: left;
+  font-size: 30rpx;
+  line-height: 70rpx;
+  padding-left: 10rpx;
+  color: #787878;
+}
+.km {
+  font-size: 30rpx;
+  padding-top: 5px;
+  color: #787878;
+  margin-bottom: 10px;
+}
+.box {
+  padding-bottom: 30px;
+  border-bottom: 1px dotted #787878;
+}
+.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;
+}

uniapp04/unpackage/dist/dev/mp-alipay/pages/testfour/testfour.axml

@@ -0,0 +1 @@
+<view class="content"><view class="container1"><view a:if="{{a}}" class="box"><view class="numberState"><view class="number">#{{b}}</view><view class="state">实付：{{c}}</view></view><view class="message"><view class="name">{{d}}</view><view class="phone">手机尾号{{e}}</view></view><uni-list u-s="{{['d']}}" u-i="a65c6706-0" onVI="__l"><uni-list u-s="{{['d']}}" u-i="a65c6706-1,a65c6706-0" onVI="__l" u-p="{{g||''}}"><uni-list-chat a:for="{{f}}" a:for-item="item" a:key="a" u-i="{{item.b}}" onVI="__l" u-p="{{item.c||''}}"></uni-list-chat></uni-list></uni-list><view class="km" onTap="{{i}}">订单号码：{{h}}</view><view class="km">备注：{{j}}</view><view class="km">支付方式: {{k}}</view><view class="time">下单时间：{{l}}</view></view></view></view>

uniapp04/unpackage/dist/dev/mp-alipay/pages/testfour/testfour.js

@@ -0,0 +1,114 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const API_api = require("../../API/api.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: "testfour",
+  setup(__props) {
+    const orderItem = common_vendor.ref(null);
+    const getOrder = () => {
+      let orderId = common_vendor.index.getStorageSync("orderId");
+      common_vendor.index.request({
+        url: API_api.apiImageUrl + "/api/orders/get/my",
+        method: "GET",
+        data: {
+          id: orderId
+        },
+        header: {
+          "Content-Type": "application/json",
+          // 确保设置正确的 Content-Type
+          "cookie": common_vendor.index.getStorageSync("cookie") || ""
+        },
+        success(res) {
+          console.log("成功");
+          console.log(res.data.data);
+          if (res.data && res.data.data) {
+            orderItem.value = res.data.data;
+          }
+        },
+        fail() {
+          console.log("失败");
+        }
+      });
+    };
+    common_vendor.onMounted(getOrder());
+    const copyText = async () => {
+      try {
+        await common_vendor.index.setClipboardData({
+          data: orderItem.value,
+          success: () => {
+            common_vendor.index.showToast({
+              title: "复制成功",
+              icon: "success",
+              duration: 2e3
+            });
+          },
+          fail: (err) => {
+            common_vendor.index.showToast({
+              title: "复制失败",
+              icon: "none",
+              duration: 2e3
+            });
+          }
+        });
+      } catch (error) {
+        console.error("复制失败:", error);
+        common_vendor.index.showToast({
+          title: "复制失败",
+          icon: "none",
+          duration: 2e3
+        });
+      }
+    };
+    common_vendor.ref([
+      {
+        imgUrl: "https://img95.699pic.com/photo/50093/6813.jpg_wh860.jpg",
+        title: "鸡腿饭",
+        unread: "1",
+        time: "单价25元",
+        message: "这次点的外卖真是超乎预期的好吃！【香辣鸡腿堡】外皮酥脆，鸡肉鲜嫩多汁，辣度适中，每一口都是满满的幸福感。【薯条】也是惊喜，又脆又香，完全没有油腻感。最棒的是配送员【小张】，准时送达，态度亲切，还特意提醒我餐品有点烫，小心食用。整体体验满分，下次还会再点！"
+      }
+    ]);
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: orderItem.value
+      }, orderItem.value ? {
+        b: common_vendor.t(orderItem.value.id),
+        c: common_vendor.t(orderItem.value.totalPrice),
+        d: common_vendor.t(orderItem.value.userName),
+        e: common_vendor.t(orderItem.value.phone.slice(-4)),
+        f: common_vendor.f(orderItem.value.orderDetailsVOList, (item, k0, i0) => {
+          return {
+            a: item.id,
+            b: "a65c6706-2-" + i0 + ",a65c6706-1",
+            c: common_vendor.p({
+              title: item.dishesVO.dishesName,
+              avatar: item.dishesVO.dishesImage,
+              note: item.dishesVO.dishesPrice,
+              ["badge-text"]: item.quantity,
+              clickable: "true"
+            })
+          };
+        }),
+        g: common_vendor.p({
+          border: true
+        }),
+        h: common_vendor.t(orderItem.value.pickupCode),
+        i: common_vendor.o(copyText),
+        j: common_vendor.t(orderItem.value.notes),
+        k: common_vendor.t(orderItem.value.pickupMethod === 0 ? "线上支付" : "线下支付"),
+        l: common_vendor.t(orderItem.value.updateTime)
+      } : {});
+    };
+  }
+};
+my.createPage(_sfc_main);

uniapp04/unpackage/dist/dev/mp-alipay/pages/testfour/testfour.json

@@ -0,0 +1,8 @@
+{
+  "defaultTitle": "订单详情",
+  "pullRefresh": 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"
+  }
+}