86 lines
1.8 KiB
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> |