jikeH5/pages/remind/index.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="lineBox">
			<view class="line" @click="goRouter('maintenance')">
				<view class="lineTop">
					<view class="title">保养提醒</view>
					<view class="genjin">
						<span>去跟进</span>
						<image src="../../static/img/tixingJt.png" mode="" class="tixingJt"></image>
					</view>
				</view>
				<view class="lineCont">
					<view class="lineContView">
						<span>待我处理：</span>
						<span class="lcNum">10</span>
						<span>条</span>
					</view>
					<view class="lineContView">
						<span>所有待处理：</span>
						<span class="lcNum">10</span>
						<span>条</span>
					</view>
				</view>
			</view>
			<view class="line" @click="goRouter('detection')">
				<view class="lineTop">
					<view class="title">检测异常提醒</view>
					<view class="genjin">
						<span>去跟进</span>
						<image src="../../static/img/tixingJt.png" mode="" class="tixingJt"></image>
					</view>
				</view>
				<view class="lineCont">
					<view class="lineContView">
						<span>待我处理：</span>
						<span class="lcNum">10</span>
						<span>条</span>
					</view>
					<view class="lineContView">
						<span>所有待处理：</span
						<span class="lcNum">10</span>
						<span>条</span>
					</view>
				</view>
			</view>
			
		</view>

		
		
	</view>
</template>

<script>

	export default {
		data() {
			return {
			    iStatusBarHeight:'',
				
				token:'',
				uid:'',
			}
		},
		onLoad(opt) {
			console.log(window.location.origin)
			//this.url=window.location.origin
           this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
		   this.token=opt.token;
		   this.uid=opt.uid
		   
		},
		
		methods: {
			getList(){
				
			},
			goRouter(url){
			  uni.navigateTo({
			  	url:url
			  })	
			},
			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()
					}
				
			   
			},
		},
		onPullDownRefresh() {
			this.page = 1;
			this.getList()
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		}
	}
</script>

<style scoped>
   .lineBox{
	   padding: 0 24rpx;
   }
   .line{
	   background: #FFFFFF;
	   border-radius: 10rpx;
	   margin-top: 20rpx;
	   padding: 30rpx 20rpx;
   }
.tixingJt{
	width: 10rpx;height: 19rpx;
	margin-top: 14rpx;
	margin-left: 10rpx;
}
.lineTop{
	display: flex;justify-content: space-between;
}
.title{
	font-weight: 500;
	font-size: 30rpx;
	color: #3C3C3C;
	line-height: 42rpx;
}
.genjin{
	display: flex;
	line-height: 42rpx;
	font-size: 24rpx;
	color: #FF4F00;
}
.lineCont{
	display: flex;
	justify-content: space-between;
	background: #FAFAFA;
	border-radius: 10rpx;
	padding:14rpx 20rpx ;
	font-size: 24rpx;
	color: #3C3C3C;
	line-height: 33rpx;
	margin-top: 20rpx;
}
.lcNum{
	font-weight: 500;
	font-size: 28rpx;
	color: #FF4F00;
}
.lineContView{
	width: 50%;
}
	.content{
		min-height: 100vh;
		background: #F6F6F6;
	}
	.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>