|
|
|
|
<template>
|
|
|
|
|
<view>
|
|
|
|
|
<!-- 头部 -->
|
|
|
|
|
<view class="width100 height120 backcorfff">
|
|
|
|
|
<image src="../../../static/img/noorder.png" class="flleft conImg mart10 margle10"></image>
|
|
|
|
|
<view class="conCont paddtop15">
|
|
|
|
|
<view class="font20 fontwig6 fcor333 text1 paddtright10">乌江能源加油站(大一型国企)</view>
|
|
|
|
|
<view class="font14 fcor999 text2 paddtop5 paddtright10">贵州省贵阳市什么什么大道65号</view>
|
|
|
|
|
<view class="font20 fontwig6 fcoreb5 paddtop5">￥6.40
|
|
|
|
|
<text class="margle10 slogan font14">￥6.38</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- //订单详情 -->
|
|
|
|
|
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">订单详情</view>
|
|
|
|
|
<view class="line1"></view>
|
|
|
|
|
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff">
|
|
|
|
|
<view class="flleft width50">
|
|
|
|
|
油号\油枪
|
|
|
|
|
</view>
|
|
|
|
|
<view class="flright width40 fotct">
|
|
|
|
|
92#/2号
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="line1"></view>
|
|
|
|
|
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff">
|
|
|
|
|
<view class="flleft width50">
|
|
|
|
|
加油金额
|
|
|
|
|
</view>
|
|
|
|
|
<view class="flright width40 fotct">
|
|
|
|
|
500
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="width100 mart15 fcor333 font16 fontwig6 paddleft10">重要说明</view>
|
|
|
|
|
<view class="width95 paddleft10 font14 fcor999 mart5">1.<text class="fcor089 fontwig6">请先加油后下单</text>,即您到站后,与工作人员确认油号,抢号后再付款。</view>
|
|
|
|
|
<view class="width95 paddleft10 font14 fcor999 mart5">2.请勿先付款后加油,若您已下单付款。请于24小时内到加油站完成加油;若您48小时内未完成加油,请及时发起退单;逾期退单可能会退单失败。</view>
|
|
|
|
|
<!-- 底部按钮 -->
|
|
|
|
|
<view class="footer">
|
|
|
|
|
<view class="width50 flleft fcoreb5 padleft15 font15">
|
|
|
|
|
合计: ￥<text class="font24">0.00</text>
|
|
|
|
|
</view>
|
|
|
|
|
<button class="reBtn flright">去支付</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="less">
|
|
|
|
|
page {
|
|
|
|
|
background-color: #f7f7f7;
|
|
|
|
|
}
|
|
|
|
|
.conImg{
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 100px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
}
|
|
|
|
|
.conCont{
|
|
|
|
|
margin-left: 115px;
|
|
|
|
|
}
|
|
|
|
|
.slogan {
|
|
|
|
|
color: #807c87;
|
|
|
|
|
text-decoration: line-through;
|
|
|
|
|
}
|
|
|
|
|
.footer {
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0upx;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 99upx;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
border-top: solid 1upx #eee;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
.reBtn{
|
|
|
|
|
width: 110px;
|
|
|
|
|
background-color: #089bf5;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
border-radius: 22px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
