feat:订单详情页面组件封装

unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.js

@@ -0,0 +1,16 @@
+"use strict";
+const common_assets = require("../../../../common/assets.js");
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  __name: "index",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return {
+        a: common_assets._imports_0$2
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-10c0c630"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/OrderStatusInfo/index.js.map

unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.json

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

unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.wxml

@@ -0,0 +1 @@
+<view class="order-status data-v-10c0c630"><view class="status-header data-v-10c0c630"><image class="status-icon data-v-10c0c630" src="{{a}}"></image><text class="status-text data-v-10c0c630">已取消</text></view><view class="status-description data-v-10c0c630"> 您已取消待支付的订单 </view></view>

unpackage/dist/dev/mp-weixin/pages/order/components/OrderStatusInfo/index.wxss

@@ -0,0 +1,24 @@
+.order-status.data-v-10c0c630 {
+  color: #fff;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.status-header.data-v-10c0c630 {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.status-icon.data-v-10c0c630 {
+  width: 18px;
+  height: 18px;
+  margin-right: 8px;
+}
+.status-text.data-v-10c0c630 {
+  font-size: 18px;
+  font-weight: 600;
+}
+.status-description.data-v-10c0c630 {
+  font-size: 12px;
+}