aircraft-pilot/aircraft/server/order/detail.vue

86 lines
1.8 KiB
Vue

<!-- 订单详情 -->
<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>