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

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

@@ -0,0 +1,18 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const contactName = "李元一";
+const contactPhone = "13172891829";
+const _sfc_main = {
+  __name: "index",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.t(contactName),
+        b: common_vendor.t(contactPhone)
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-03373a80"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/UserInfo/index.js.map

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

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

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

@@ -0,0 +1 @@
+<view class="user-info mb12 data-v-03373a80"><view class="user-info-title data-v-03373a80">游客信息</view><view class="user-info-item data-v-03373a80"><text class="label data-v-03373a80">联系游客：</text><text class="value data-v-03373a80">{{a}}</text></view><view class="user-info-item data-v-03373a80"><text class="label data-v-03373a80">联系电话：</text><text class="value data-v-03373a80">{{b}}</text></view></view>

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

@@ -0,0 +1,24 @@
+.user-info.data-v-03373a80 {
+  background-color: #fff;
+  border-radius: 10px;
+  padding: 16px 18px;
+}
+.user-info-title.data-v-03373a80 {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 14px;
+}
+.user-info-item.data-v-03373a80 {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.label.data-v-03373a80 {
+  font-size: 14px;
+  color: #666;
+  margin-right: 8px;
+}
+.value.data-v-03373a80 {
+  font-size: 14px;
+  color: #333;
+}