78 lines
1.6 KiB
Vue
78 lines
1.6 KiB
Vue
<!-- 历史订单 -->
|
|
<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> |