<!-- 历史订单 -->
<template>
	<view class="aircraft-history">
		<Topnav :topLevel="topLevel" title="历史订单" defaultBackColor="#333333"
		 defaultNavTextColor="#333333" showBack />
		<view class="history-content">
			<u-image width="100%" :src="fileUrl+topBg" mode="widthFix" />
			<view class="order-history" :style="{top: CustomBar+'px'}">
				123
			</view>
		</view>
		<u-toast ref="uToast"></u-toast>
		<Loading :show="loading" />
	</view>
</template>

<script>
import configService from '@/common/config.service.js';
import Topnav from '@/components/topnav/index.vue';
export default {
	// #ifdef MP
	options: {
		styleIsolation: 'shared'
	},
	// #endif
	components: { Topnav },
	data() {
		return {
			// #ifdef MP
			// 微信小程序自定义导航栏参数
			CustomBar: this.CustomBar || 0,
			// #endif
			// 订单页图标基础路径
			fileUrl: configService.fileUrl + 'aerocraft/order/',
			// 顶部背景图
			topBg: 'bg.png',
			// 载人图标
			manned: 'manned.png',
			// 载物图标
			goods: 'goods.png',
			loading: true, // 加载
			// 页面是否滚动到顶
			topLevel: 0,
		}
	},
	onPageScroll(e) {
		const level = e.scrollTop/60;
		if(level<=1) this.topLevel = level;
		else this.topLevel = 1;
		this.scrollTop = e.scrollTop;
	},
	onLoad(options) {
		this.loading = false;
	},
	methods: {
		// 返回
		back() {
			uni.navigateBack();
		},
	},
}
</script>

<style scoped lang="scss">
.aircraft-history {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: #F5F5F5;
	.history-content{
		width: 100%;
		position: relative;
		.order-history{
			position: absolute;
		}
	}
}
</style>