背景图片修改

pages.json

@@ -325,7 +325,10 @@
 			{
 				"path": "pages/record/visitor",
 				"style": {
-					"navigationBarTitleText": "访客记录"
+					"navigationBarTitleText": "访客记录",
+					"h5":{
+						"titleNView":false
+					}
 				}
 			}
 		]

pages/index/index.vue

@@ -1,12 +1,13 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar  color="#ffffff" leftWidth='340rpx'  :background-color="backgroundColor" :border="false" statusBar='true' fixed="true">
 			</uni-nav-bar>
 		</view>
 		<!-- 主体 -->
 		<image :src="navbg" class="navbg"></image>
-		<view class="yymain" :style="'margin-top:-'+marTop+'rpx;'">
+		<!-- :style="'margin-top:-'+marTop+'rpx;'" -->
+		<view class="yymain" >
 			<!-- 顶部 -->
 			<view class="yqtop flexcj">
 				<view class="yqtopl">
@@ -303,7 +304,7 @@
 		
 	},
 	mounted() {
-		this.getHeightFn()
+		// this.getHeightFn()
 	},
 	onShow() {
 		var that=this;

pages/mine/index.vue

@@ -186,26 +186,10 @@
 			// #endif
 		},
 		mounted() {
-			// this.getHeightFn()
 		}, 
 		
 		methods: {
 			checkPermi,checkRole,
-			getHeightFn(){
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.zxbox').boundingClientRect(data => {
-					var top=data.top<0 ? -data.top : data.top;
-					this.listTop = data.height//赋值，待会要用
-					if (top <=this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			// 待我审批
 			handleToYy(){
 				this.$tab.navigateTo("/pages/order/list")

pages/video/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar  color="#ffffff" leftWidth="200rpx" title="实时监控"  :background-color="backgroundColor" :border="false" statusBar='true' fixed="true">
 				<block slot="left">
@@ -13,7 +13,7 @@
 			</uni-nav-bar>
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<view class="vidbox mb18">
 				<!-- #ifdef APP-PLUS -->
 				<video :src="videourl" id="myvideo" autoplay controls></video>
@@ -212,9 +212,6 @@
 	},
 	onShow() {
 	},
-	mounted() {
-		this.getHeightFn()
-	},
 	// 上拉触底加载更多触发事件
 	onReachBottom() {
 		if (this.reachflag) {
@@ -393,26 +390,6 @@
 			this.reachflag=true;
 			this.getDataFn()
 		},
-		getHeightFn(){
-			let query = uni.createSelectorQuery().in(this);
-			//需要给黄色区域设置一个id标识，在这里是demo
-			query.select('.navbox').boundingClientRect(data => {
-				var top=data.top<0 ? -data.top : data.top;
-				var stubarHeight=Number(this.stubarHeight);
-				this.marTop =stubarHeight > 0?692 - Number(data.height)*2 : 692 - Number(data.height)*2 + 40 //赋值，待会要用
-				if (top <=this.nvaHeight) {
-					const opacity = top / 100 // 计算透明度值
-					const color = `rgba(4, 145, 253, ${opacity})`
-					this.backgroundColor = color // 更新盒子背景颜色
-				} else {
-					this.backgroundColor = '#00A9F0'
-				}
-			}).exec();
-			query.select(".table").boundingClientRect(data => {
-				var top=data.top<0 ? -data.top : data.top;
-				this.tabtop=Number(top)-Number(this.nvaHeight)
-			}).exec();
-		},
 		getCameraList(){
 			// 设备
 			var params={
@@ -502,7 +479,7 @@ page{background: #ffffff;}
 .reset{width:56rpx; height: 88rpx;display: flex;align-items: center;justify-content: center;
 	image{width: 26rpx;height: 30rpx;}
 }
-.navbg{width: 100%;height: 692rpx;}	
+.navbg{width: 100%;height: 692rpx;z-index: 0;}	
 .vidbox{overflow: hidden;
 	border-radius: 14rpx;box-sizing: border-box;width:100%;position: relative;display: flex;align-items: center;overflow: auto;flex-wrap: nowrap;
 	video{width: 100%;height: 450rpx;flex: 1;}

static/style.css

@@ -46,6 +46,7 @@ image{display: block;}
 .pregbox{padding: 160rpx 56rpx 96rpx;}
 .shax {font-size: 30rpx;color: #666;text-align: center;padding: 20rpx 0;}
 
+.navbg{width: 100%;height: 692rpx;position: absolute;left: 0;right: 0;top: 0;z-index: -1;}	
 .rebtn{height: 98rpx;background: #D32C26;border-radius: 48rpx;font-size: 34rpx;font-weight: 500;
 color: #FFFFFF;flex: 1;display: flex;align-items: center;justify-content: center;}
 .rebtn.btn1{background-color:#C6C6C6;}

work/pages/record/clockin.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="打卡记录" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
@@ -13,12 +13,12 @@
 				<view class="lbtab flexc">
 					<image :src="licoimg" class="limg"  @click='getResetFn'></image>
 					<view class="lbtabs flexc">
-						<!-- <picker class="pickbox" range-key='dictLabel' 	:range="adrlist" @change="bindTimeChangea">
+						<picker class="pickbox" range-key='dictLabel' 	:range="adrlist" @change="bindTimeChangea">
 							<view class="pickboxa">
-								<view class="tit overtwo" >{{deptName||'全部部门'}}</view>
+								<view class="tit overtwo" >{{deptName||'考勤类型'}}</view>
 								<image :src="wupimg" class="hupimg"></image>
 							</view>
-						</picker> -->
+						</picker>
 						<picker mode="date" class="pickbox"  
 							 @change="bindTimeChangea">
 							<view class="pickboxa">
@@ -32,7 +32,7 @@
 			
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<!-- 列表 -->
 			<y-list type='clock' :datalist="list" :wtdt="wtdt" @getDetail='getDetail' :adrlist="adrlist" @getDelFn="getDelFn" @gettypeFn="gettypeFn"></y-list>
 		</view>
@@ -84,15 +84,11 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		// 上拉触底加载更多触发事件
 		onReachBottom() {
 			if (this.reachflag) {
@@ -137,23 +133,6 @@
 				this.time=val
 				this.getConfirm()
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 门卫
 				// getDictionaryFn('is_read').then(res=>{
@@ -219,8 +198,8 @@
 </style>
 <style lang="scss" scoped>
 .navbox{position: fixed;left: 0;right: 0;top: 0;z-index: 4;	}
-.navbg{width: 100%;height: 692rpx;}	
-.zxmain{position: relative;padding: 8rpx 32rpx 40rpx;box-sizing: border-box;}
+.navbg{width: 100%;height: 692rpx;}
+.zxmain{position: relative;padding: 180rpx 32rpx 40rpx;box-sizing: border-box;}
 .search{padding: 0 52rpx;box-sizing: border-box;
 	width: 100%;height: 76rpx;background: rgba(40, 139, 214, 0.5);border-radius: 38rpx;
 	image{width: 24rpx;height: 24rpx;margin-right: 22rpx;flex: 0 0 auto;}
@@ -229,7 +208,7 @@
 .lbtab{padding: 0 56rpx;
 	.limg{width: 24rpx;height: 24rpx;margin-right: 16rpx;flex:0 0 auto;}
 	.lbtabs{overflow: auto;flex-wrap: nowrap;flex:1;
-		.pickbox{text-align: right;font-weight: 500;font-size: 28rpx;color: #161616;min-height:88rpx;margin: 0 10rpx;
+		.pickbox{text-align: right;font-weight: 500;font-size: 28rpx;color: #161616;min-height:88rpx;margin: 0 20rpx;flex:1;
 			.pickboxa{justify-content: center;	
 				min-height: 88rpx;display: flex;align-items: center;	
 			}

work/pages/record/detail.vue

@@ -1,12 +1,12 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="打卡记录" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
 			</uni-nav-bar>
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<view class="ytbox">
 				<view class="ytop flexc">
 					<view class="tit" v-if="dataobj.name">{{dataobj.name.charAt(0)}}</view>
@@ -105,15 +105,11 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 			// 3c8cadac11af4f1298a2882addc8788d
 		},
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		methods: {
 			checkPermi,
 			checkRole,
@@ -154,23 +150,6 @@
 			shrinkClick(e){
 				console.log(e,3)
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 门卫
 				// getDictionaryFn('is_read').then(res=>{

work/pages/yyorder/eat.vue

@@ -1,12 +1,12 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="就餐预订" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
 			</uni-nav-bar>
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<view class="ytbox">
 				<uni-forms ref="form" class="ytforms"  :modelValue="datainfo">
 					<view class="ytsbox">
@@ -126,14 +126,10 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		methods: {
 			checkPermi,
 			checkRole,
@@ -185,23 +181,6 @@
 				this.datainfo.orderFoodType=this.jclxlist[val].value
 				this.jclx=this.jclxlist[val].label
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			getSubmit() {
 				var that=this;
 				var params = JSON.parse(JSON.stringify(this.datainfo))
@@ -306,7 +285,7 @@ font-size: 22rpx;line-height: 34rpx;
 color: #FF0000;}
 
 .navbox{position: fixed;left: 0;right: 0;top: 0;z-index: 4;	}
-.navbg{width: 100%;height: 692rpx;}	
+.navbg{width: 100%;height: 692rpx;position: absolute;left: 0;right: 0;top: 0;z-index: -1;}	
 .zxmain{position: relative;padding: 20rpx 32rpx 40rpx;box-sizing: border-box;display: flex;
 		min-height: calc(100vh - 44px);		
 }

work/pages/yyorder/eatlist.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="就餐预订" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
@@ -28,7 +28,7 @@
 			
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<!-- 列表 -->
 			<y-list type='eatlist' :datalist="list" :wtdt="wtdt" @getDetail='getDetail' :jclxlist="jclxlist" @getDelFn="getDelFn"></y-list>
 			<view class="yyfbtn flexcc" v-if="checkPermi(['system:food:add'])" @click="getAddFn">添加就餐预约</view>
@@ -88,14 +88,10 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		// 上拉触底加载更多触发事件
 		onReachBottom() {
 			if (this.reachflag) {
@@ -143,23 +139,6 @@
 				this.orderFoodType=this.jclxlist[val].dictValue;
 				this.getConfirm()
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 就餐类型
 				getDictionaryFn('jiucan').then(res=>{
@@ -237,7 +216,7 @@
 <style lang="scss" scoped>
 .navbox{position: fixed;left: 0;right: 0;top: 0;z-index: 4;	}
 .navbg{width: 100%;height: 692rpx;}	
-.zxmain{position: relative;padding: 8rpx 32rpx 100rpx;box-sizing: border-box;}
+.zxmain{position: relative;padding: 96rpx 32rpx 100rpx;box-sizing: border-box;}
 .search{padding: 0 52rpx;box-sizing: border-box;
 	width: 100%;height: 76rpx;background: rgba(40, 139, 214, 0.5);border-radius: 38rpx;
 	image{width: 24rpx;height: 24rpx;margin-right: 22rpx;flex: 0 0 auto;}

work/pages/yyorder/eatlistday.vue

@@ -1,12 +1,12 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="我的订餐记录" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
 			</uni-nav-bar>
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<view class="ytbox">
 				<!-- <view class="ytop flexc">
 					<view class="tit">{{visitName.charAt(0)}}</view>
@@ -99,15 +99,11 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 			// 3c8cadac11af4f1298a2882addc8788d
 		},
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		methods: {
 			checkPermi,
 			checkRole,
@@ -164,23 +160,6 @@
 			shrinkClick(e){
 				console.log(e,3)
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 就餐类型
 				getDictionaryFn('jiucan').then(res=>{

work/pages/yyorder/limit.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="人员权限" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
@@ -28,7 +28,7 @@
 			
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<!-- 列表 -->
 			<y-list type='limit' :datalist="list" :wtdt="wtdt" @getDetail='getDetail' :mjlist="mjlist" @getDelFn="getDelFn"></y-list>
 			<view class="yyfbtn flexcc" v-if="checkPermi(['system:management:add'])" @click="getAddFn">添加人员</view>
@@ -88,14 +88,10 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		// 上拉触底加载更多触发事件
 		onReachBottom() {
 			if (this.reachflag) {
@@ -143,23 +139,6 @@
 				this.orderFoodType=this.jclxlist[val].dictValue;
 				this.getConfirm()
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 门禁
 				getDictionaryFn('menj').then(res=>{
@@ -231,7 +210,7 @@
 <style lang="scss" scoped>
 .navbox{position: fixed;left: 0;right: 0;top: 0;z-index: 4;	}
 .navbg{width: 100%;height: 692rpx;}	
-.zxmain{position: relative;padding: 8rpx 32rpx 100rpx;box-sizing: border-box;}
+.zxmain{position: relative;padding: 96rpx 32rpx 100rpx;box-sizing: border-box;}
 .search{padding: 0 52rpx;box-sizing: border-box;
 	width: 100%;height: 76rpx;background: rgba(40, 139, 214, 0.5);border-radius: 38rpx;
 	image{width: 24rpx;height: 24rpx;margin-right: 22rpx;flex: 0 0 auto;}

work/pages/yyorder/limitdetail.vue

@@ -1,12 +1,12 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="人员权限" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
 			</uni-nav-bar>
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<view class="ytbox">
 				<uni-forms ref="form" class="ytforms"  :modelValue="datainfo">
 					<view class="ytsbox">
@@ -128,14 +128,10 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		methods: {
 			checkPermi,
 			checkRole,
@@ -209,23 +205,6 @@
 				this.datainfo.deptId=e[0].deptId
 				this.datainfo.deptName=e[0].deptName
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			getSubmit() {
 				var that=this;
 				var params = JSON.parse(JSON.stringify(this.datainfo))

work/pages/yyorder/meetadd.vue

@@ -1,12 +1,12 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="会议预订" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
 			</uni-nav-bar>
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<view class="ytbox">
 				<uni-forms ref="form" class="ytforms" :rules="rules"  :modelValue="datainfo">
 					<!-- 预定会议室 -->
@@ -205,15 +205,11 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		methods: {
 			checkPermi,
 			checkRole,
@@ -229,23 +225,6 @@
 				var val=e.detail.value;
 				// this.day=val
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 门卫
 				// getDictionaryFn('is_read').then(res=>{

work/pages/yyorder/meeting.vue

@@ -1,12 +1,12 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="会议预订" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
 			</uni-nav-bar>
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<view class="ytbox">
 				<uni-forms ref="form" class="ytforms" :rules="rules"  :modelValue="datainfo">
 					<view class="ytsbox">
@@ -150,15 +150,11 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		methods: {
 			checkPermi,
 			checkRole,
@@ -171,23 +167,6 @@
 				var val=e.detail.value;
 				// this.day=val
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 门卫
 				// getDictionaryFn('is_read').then(res=>{

work/pages/yyorder/meetlist.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view :style="'padding-top:'+nvaHeight+'px;'">
 		<view class="navbox">
 			<uni-nav-bar color="#ffffff" left-icon="left" title="会议预订" :background-color="backgroundColor"
 				:border="false" statusBar='true' fixed="true" @clickLeft='getBack'>
@@ -39,7 +39,7 @@
 			
 		</view>
 		<image :src="navbg" class="navbg"></image>
-		<view class="zxmain" :style="'margin-top:-'+marTop+'rpx;'">
+		<view class="zxmain">
 			<!-- 列表 -->
 			<y-list type='meetlist' :datalist="list" :wtdt="wtdt" @getDetail='getDetail'  @getDelFn="getDelFn" ></y-list>
 			<view class="yyfbtn flexcc" v-if="checkPermi(['system:order:add'])" @click="getAddFn">添加会议预约</view>
@@ -100,14 +100,10 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 		onShow() {},
-		mounted() {
-			this.getHeightFn()
-		},
 		// 上拉触底加载更多触发事件
 		onReachBottom() {
 			if (this.reachflag) {
@@ -158,23 +154,6 @@
 			bindTimeChangec(e){
 				var val=e.detail.value;
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// 会议室
 				getRoomNoList().then(res=>{
@@ -244,7 +223,7 @@
 <style lang="scss" scoped>
 .navbox{position: fixed;left: 0;right: 0;top: 0;z-index: 4;	}
 .navbg{width: 100%;height: 692rpx;}	
-.zxmain{position: relative;padding: 8rpx 32rpx 100rpx;box-sizing: border-box;}
+.zxmain{position: relative;padding:96rpx 32rpx 100rpx;box-sizing: border-box;}
 .search{padding: 0 52rpx;box-sizing: border-box;
 	width: 100%;height: 76rpx;background: rgba(40, 139, 214, 0.5);border-radius: 38rpx;
 	image{width: 24rpx;height: 24rpx;margin-right: 22rpx;flex: 0 0 auto;}

work/pages/yyorder/menuRecord.vue

@@ -71,13 +71,11 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},
 		onShow() {},
 		mounted() {
-			// this.getHeightFn()
 		},
 		// 上拉触底加载更多触发事件
 		onReachBottom() {
@@ -109,23 +107,6 @@
 				this.recordTime='';
 				this.getConfirm()
 			},
-			getHeightFn() {
-				let query = uni.createSelectorQuery().in(this);
-				//需要给黄色区域设置一个id标识，在这里是demo
-				query.select('.navbox').boundingClientRect(data => {
-					var top = data.top < 0 ? -data.top : data.top;
-					var stubarHeight = Number(this.stubarHeight);
-					this.marTop = stubarHeight > 0 ? 692 - Number(data.height) * 2 : 692 - Number(data.height) *
-						2 + 40 //赋值，待会要用
-					if (top <= this.nvaHeight) {
-						const opacity = top / 100 // 计算透明度值
-						const color = `rgba(4, 145, 253, ${opacity})`
-						this.backgroundColor = color // 更新盒子背景颜色
-					} else {
-						this.backgroundColor = '#00A9F0'
-					}
-				}).exec();
-			},
 			init() {
 				// // 就餐类型
 				// getDictionaryFn('jiucan').then(res=>{

work/pages/yyorder/menulist.vue

@@ -72,7 +72,6 @@
 				success: (e) => {
 					this.stubarHeight = Number(e.statusBarHeight);
 					this.nvaHeight = Number(e.statusBarHeight) + 44;
-					this.tabscheight = Number(this.nvaHeight) * 2 + 100;
 				}
 			})
 		},