<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>
