<!-- 订单详情 -->
<template>
	<view class="order-detail">
		<Topnav :topLevel="topLevel" title="订单详情" defaultBackColor="#333333"
		 defaultNavTextColor="#333333" showBack />
		<view class="order-top">
			<u-image width="100%" :src="myFileUrl+topBg" mode="widthFix" />
			<view class="top-abs" :style="{top: CustomBar+'px'}">
				<view class="order-status">待接单</view>
				<view class="order-tips">请尽快执行任务</view>
			</view>
		</view>
		<view class="order-content">
			123
		</view>
	</view>
</template>

<script>
import Topnav from '@/components/topnav/index.vue';
import configService from '@/common/config.service.js';
export default {
	// #ifdef MP
	options: {
		styleIsolation: 'shared'
	},
	// #endif
	components: { Topnav },
	data(){
		return{
			// #ifdef MP
			// 微信小程序自定义导航栏参数
			CustomBar: this.CustomBar || 0,
			// #endif
			//我的页图标基础路径
			myFileUrl: configService.fileUrl + 'aerocraft/my/',
			// 轮播图
			topBg: 'top-bg.png',
			// 页面是否滚动到顶
			topLevel: 0,
		}
	},
	onPageScroll(e) {
		
	}
}
</script>

<style scoped lang="scss">
.order-detail{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	.order-top{
		width: 100%;
		position: relative;
		.top-abs{
			position: absolute;
			.order-status{
				margin-top: 68rpx;
				margin-left: 32rpx;
				font-family: Source Han Sans SC;
				font-weight: bold;
				font-size: 42rpx;
				color: #333333;
			}
			.order-tips{
				margin-top: 28rpx;
				margin-left: 32rpx;
				font-family: Source Han Sans SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #666666;
			}
		}
	}
	.order-content{
		flex: 1;
		z-index: 1;
		margin-top: -230rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 40rpx 30rpx 20rpx;
	}
}
</style>