|
@@ -1,6 +1,22 @@
|
|
|
<template>
|
|
|
<view class="box">
|
|
|
-
|
|
|
+
|
|
|
+ <!-- 自定义导航 -->
|
|
|
+ <view class="zdyNavBox">
|
|
|
+ <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
|
+ <view class="zdyNav">
|
|
|
+ <view class="zdyNavLeft">
|
|
|
+ <image src="../../../static/img/nav_icon_back.png" mode="" class="backImg" @click="goback"></image>
|
|
|
+ <image src="../../../static/img/nav_icon_home.png" mode="" class="homeImg" @click="gohome"></image>
|
|
|
+ </view>
|
|
|
+ <view class="zdyNavTitle">订单详情</view>
|
|
|
+ <view style="width: 100px;"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
|
+ <view style="height: 44px;"></view>
|
|
|
+
|
|
|
+
|
|
|
<view class="top">
|
|
|
<view class="orderState">
|
|
|
<image src="../../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;"></image>
|
|
@@ -219,7 +235,8 @@
|
|
|
data() {
|
|
|
return {
|
|
|
|
|
|
- id: '',
|
|
|
+ id: '',
|
|
|
+ iStatusBarHeight:'',
|
|
|
SheetType: '', //SheetType 1 商品2项目3套餐4救援5钣喷6集客
|
|
|
orderData: '',
|
|
|
|
|
@@ -244,7 +261,7 @@
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
|
-
|
|
|
+ this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
|
this.id = opt.id
|
|
|
this.SheetType = opt.SheetType
|
|
|
|
|
@@ -437,12 +454,16 @@
|
|
|
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
goback() {
|
|
|
-
|
|
|
- uni.navigateBack({})
|
|
|
-
|
|
|
-
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1
|
|
|
+ })
|
|
|
+ },
|
|
|
+ gohome(){
|
|
|
+ uni.switchTab({
|
|
|
+ url:'../../index/index'
|
|
|
+ })
|
|
|
},
|
|
|
|
|
|
},
|
|
@@ -462,7 +483,47 @@
|
|
|
min-height: 100vh;
|
|
|
background: #F4F5F7;
|
|
|
padding-bottom: 135rpx;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .zdyNavBox{
|
|
|
+ width: 100vw;
|
|
|
+ background: #FFFFFF;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 9999999;
|
|
|
+ }
|
|
|
+ .zdyNav{
|
|
|
+ height: 44px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .backImg{
|
|
|
+ width: 44rpx;
|
|
|
+ height: 44rpx;
|
|
|
+
|
|
|
+ margin: 0 20rpx;
|
|
|
+ }
|
|
|
+ .homeImg{
|
|
|
+ width: 44rpx;
|
|
|
+ height: 44rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ .zdyNavLeft{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .zdyNavTitle{
|
|
|
+ width: 100vw;
|
|
|
+ height: 44px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 34rpx;
|
|
|
+ line-height: 44px;
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
.top {
|
|
|
height: 190rpx;
|