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

This commit is contained in:
duanshuwen
2025-07-13 12:17:41 +08:00
parent 34a62d2f3e
commit 8766bb3720
88 changed files with 1021 additions and 47 deletions

View File

@@ -0,0 +1,13 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
__name: "index",
setup(__props) {
return (_ctx, _cache) => {
return {};
};
}
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-845df54e"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/order/components/OrderInfo/index.js.map

View File

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

View File

@@ -0,0 +1 @@
<view class="order-info data-v-845df54e"><view class="order-item data-v-845df54e"><text class="label data-v-845df54e">订单号</text><text class="value data-v-845df54e">HUSUWF29387865</text></view><view class="order-item data-v-845df54e"><text class="label data-v-845df54e">流水号</text><text class="value data-v-845df54e">76487829387865</text></view><view class="order-item data-v-845df54e"><text class="label data-v-845df54e">支付方式</text><text class="value data-v-845df54e">微信</text></view><view class="order-item amount data-v-845df54e"><text class="label data-v-845df54e">实际支付金额</text><text class="value data-v-845df54e">¥31.8</text></view><button class="reserve-button data-v-845df54e">再次预定</button><text class="feedback data-v-845df54e">投诉反馈</text></view>

View File

@@ -0,0 +1,42 @@
.order-info.data-v-845df54e {
background-color: #fff;
border-radius: 10px;
padding: 16px 18px;
}
.order-item.data-v-845df54e {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.label.data-v-845df54e {
font-size: 12px;
color: #666;
}
.value.data-v-845df54e {
font-size: 12px;
color: #333;
}
.amount .label.data-v-845df54e {
color: #333;
}
.amount .value.data-v-845df54e {
color: #ff5722;
font-size: 18px;
}
.reserve-button.data-v-845df54e {
width: 100%;
background-color: #ffa500;
color: #fff;
border: none;
border-radius: 50px;
height: 42px;
font-size: 14px;
margin-top: 20px;
}
.feedback.data-v-845df54e {
display: block;
text-align: center;
font-size: 14px;
color: #333;
margin-top: 10px;
}