jikeH5/pages/wyCar/success.vue

<template>
	<view class="content">
		<!-- 自定义导航 -->
		<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="aspectFit" class="backImg" @click="goback">
					</image>
		
				</view>
				<view class="zdyNavTitle">网约车优享</view>
				<view style="width: 50px;"></view>
			</view>
		</view>
		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
		<view style="height: 44px;"></view>
		<view class="duihaoImgBox">
			<img src="../../static/img/icon_suc@2x.png" alt="" class="duihaoImg"/>
		</view>
		<view class="title1">提交成功</view>
		<view class="title2">请耐心等待审核结果</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
      
		},
		created() {
			
		},
		methods: {
	goback(){
		
			//app交互
			var standalone = window.navigator.standalone
			var userAgent = window.navigator.userAgent.toLowerCase()
			var safari = /safari/.test(userAgent)
			var ios = /iphone|ipod|ipad|mac/.test(userAgent)
			var android = /android/.test(userAgent)
			if (ios) {
							 if ( true) {//!standalone&& !safari
							   window.webkit.messageHandlers.goMyNav.postMessage(null)
							 }
			} else if (android) {
							 window.android.postMessage()
			}
		
	   
	},
		}
	}
</script>

<style scoped>
	.duihaoImg{
		width: 108rpx;height: 108rpx;
		display: block;
		    margin: 0 auto;
	}
	.duihaoImgBox{
		text-align: center;
		padding-top: 60rpx;
		
	}
	.title1{
		font-weight: 500;padding-top: 20rpx;text-align: center;
		color: #3C3C3C;font-size: 32rpx;font-weight: 600;
		line-height: 45rpx;
	}
	.title2{
		font-weight: 400;font-size: 28rpx;
		color: #666666;padding-top: 8rpx;
		text-align: center;
	}
	.zdyNavBox {
		width: 100vw;
		background: #FFFFFF;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	
	
	}
	
	.zdyNav {
		height: 44px;
		display: flex;
		justify-content: space-between;
	
		align-items: center;
	
	}
	
	.backImg {
		width: 44rpx;
		height: 44rpx;
		margin-left: 10rpx;
		margin-right: 20rpx;
	}
	
	.homeImg {
		width: 44rpx;
		height: 44rpx;
	
	}
	
	.zdyNavLeft {
		display: flex;
		align-items: center;
	}
	
	.zdyNavTitle {
	
		height: 44px;
		background: #FFFFFF;
		text-align: center;
		font-size: 34rpx;
		line-height: 44px;
	}
	
</style>