feat:订单详情页面组件封装
This commit is contained in:
13
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.js
vendored
Normal file
13
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.js
vendored
Normal 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
|
||||
4
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxml
vendored
Normal 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>
|
||||
42
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxss
vendored
Normal file
42
unpackage/dist/dev/mp-weixin/pages/order/components/OrderInfo/index.wxss
vendored
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user