martial-arts/pagesB/confirm-order/confirm-order.vue

72 lines
2.4 KiB
Vue
Raw Normal View History

2022-08-03 13:28:45 +00:00
<template>
<view>
<status-container titlet="确认订单" returnc="#FFFFFF">
<view slot="content" style="margin-top: -20rpx;">
<view class="bacf disjbac fon24 pad-sx20 pad-zy30 boxshowb">
<view class="fon20 line-h40">
<view class="" style="color: #676767;">四川省成都市武侯区</view>
<view class="fon26">成华奥园广场三期6栋1418-1419</view>
<view class="">郑珊珊 182****1234</view>
</view>
<view class="icon icon-next fon28" style="color: #777777;"></view>
</view>
<view class="bacf mar-s30 pad30 fon24 boxshowb">
<view class="disac bbot pad-x30">
<image src="https://s6.jpg.cm/2022/02/14/L4oDhy.jpg" mode="aspectFill" class="flexs mar-y20" style="width: 228rpx;height: 160rpx;" lazy-load></image>
<view class="disjb fc pad-sx10 fon24" style="height: 160rpx;">
<view class="col26 clips2">止戈为武思通造化随通而 行为术基础动作教学</view>
<view class="col26 disjbac">
<view class="">199.00</view>
<view style="letter-spacing: 6rpx;">X2</view>
</view>
</view>
</view>
<view class="bbot pad-sx30">
<view class="disjbac">
<view class="">商品金额</view>
<view class="">199.00</view>
</view>
<view class="disjbac mar-s30">
<view class="">优惠券抵扣</view>
<view class="disjbac col-e42417">-10.00 <view class="icon icon-next fon28 mar-z10" style="color: #777777;"></view></view>
</view>
<view class="disjbac mar-s30">
<view class="">积分抵扣</view>
<view class="disjbac col-e42417">-10.00 <view class="icon icon-next fon28 mar-z10" style="color: #777777;"></view></view>
</view>
</view>
<view class="disje pad-s30 pad-x10 pad-y30">
合计1168.00
</view>
</view>
<!-- 立即购买 -->
<view class="posixzy bacf pad-sx20 disjbac pad-zy30 boxshowt">
<view class="fon24">合计<span class="col-e42417 fon34 bold">189.00</span></view>
<view class="fon24 colf radius32 disjcac" style="background-color: #f37617;width: 184rpx;height: 64rpx;">去支付</view>
</view>
</view>
</status-container>
</view>
</template>
<script>
// 底部组件
import footTab from '@/components/foot-tabs/foot-tab.vue';
export default {
components:{'foot-tab' :footTab},
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style></style>