底部

components/tabbar/tabbar.vue

@@ -1,43 +1,17 @@
 <template>
 	<view>
 		<u-tabbar :value="value1" :fixed="true" :placeholder="false" :safeAreaInsetBottom="false">
-			<u-tabbar-item
+			<u-tabbar-item :badge="`${item.menuName === '工作待办' ? $store.state.mine.xiaoxi : 0}`"
-				:badge="`${item.menuName === '工作待办' ? $store.state.mine.xiaoxi : 0}`"
+				v-for="(item, index) in isMenu" :key="index" :text="item.menuName" :name="item.menuName"
-				v-for="(item, index) in isMenu"
+				@click="click1(item.path)">
-				:key="index"
+				<image v-if="item.menuName === '工作待办'" class="u-page item slot-icon" slot="active-icon"
-				:text="item.menuName"
+					src="../../static/images/login/chat.png" style="height: 25px;width: 25px"></image>
-				
+				<image v-if="item.menuName === '首页'" class="u-page item slot-icon" slot="active-icon"
-				:name="item.menuName"
+					src="../../static/images/login/user.png" style="height: 25px;width: 25px"></image>
-				@click="click1(item.path)"
+				<image v-if="item.menuName === '工作待办'" class="u-page item slot-icon" slot="inactive-icon"
-			>
+					src="../../static/images/login/chat.png" style="height: 25px;width: 25px"></image>
-			<image
+				<image v-if="item.menuName === '首页'" class="u-page item slot-icon" slot="inactive-icon"
-			v-if="item.menuName === '工作待办'"
+					src="../../static/images/login/user.png" style="height: 25px;width: 25px"></image>
-			class="u-page item slot-icon"
-			slot="active-icon"
-			src="../../static/images/login/chat.png"
-			style="height: 25px;width: 25px"
-			></image>
-			<image  
-			v-if="item.menuName === '首页'"
-			class="u-page item slot-icon"
-			slot="active-icon"
-			src="../../static/images/login/user.png"
-			style="height: 25px;width: 25px"
-			></image>
-			<image
-			v-if="item.menuName === '工作待办'"
-			class="u-page item slot-icon"
-			slot="inactive-icon"
-			src="../../static/images/login/chat.png"
-			style="height: 25px;width: 25px"
-			></image>
-			<image  
-			v-if="item.menuName === '首页'"
-			class="u-page item slot-icon"
-			slot="inactive-icon"
-			src="../../static/images/login/user.png"
-			style="height: 25px;width: 25px"
-			></image>
 			</u-tabbar-item>
 		</u-tabbar>
 		<view style="height: 50px; width: 100%;"></view>
@@ -76,4 +50,20 @@ export default {
 	};
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+	/deep/.u-tabbar--fixed {
+		height: calc(45px + constant(safe-area-inset-bottom));
+		height: 45px;
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* 直接扩展高度，因为padding-bottom是内边距 */
+		height: calc(45px + env(safe-area-inset-bottom));
+		/* 直接扩展高度 */
+		padding-bottom: constant(safe-area-inset-bottom);
+		/*兼容 iOS<11.2 */
+		padding-bottom: env(safe-area-inset-bottom);
+		/* 兼容iOS>= 11.2*/
+	}
+</style>

pages/index.vue

@@ -6,9 +6,12 @@
 		<LoadingPage :loading="loading"></LoadingPage>
 
 		<!-- //导航栏 -->
-	<!-- <u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="首页" :autoBack="true">
+		<u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="首页" :autoBack="true">
-	
+			<template #left>
-	</u-navbar> -->
+				<image src='../static/back.png' style="width: 36rpx;height: 36rpx;" @click="goback">
+				</image>
+			</template>
+		</u-navbar>
 
 		<view v-show="!loading">
 			<view class="swiper">
@@ -23,7 +26,8 @@
 						<u-grid-item v-for="(item, index) in indexQuanXian" :key="index" :name="item.path">
 							<view class="grid-item-box1">
 								<image :src="`${item.pic}`" style="width: 70rpx; height: 70rpx;" />
-								<text style=" font-size: 26rpx;font-family: Noto Sans S Chinese;font-weight: 400;color: #212121;margin-top: 10rpx;">{{ item.menuName }}</text>
+								<text
+									style=" font-size: 26rpx;font-family: Noto Sans S Chinese;font-weight: 400;color: #212121;margin-top: 10rpx;">{{ item.menuName }}</text>
 							</view>
 						</u-grid-item>
 					</u-grid>
@@ -31,7 +35,9 @@
 			</view>
 			<view class="box">
 				<view class="notice-body" style="margin-top: 15rpx;" @click="goToPage(3)">
-					<view class="notice"><image src="../static/images/zhuye/notice.png" alt=""></image></view>
+					<view class="notice">
+						<image src="../static/images/zhuye/notice.png" alt=""></image>
+					</view>
 					<u-notice-bar color="#212121" bgColor="#FFFFFFF" icon=" " :text="gonggao"></u-notice-bar>
 					<u-icon name="arrow-right" color="#2979ff" size="20"></u-icon>
 				</view>
@@ -46,12 +52,14 @@
 					<view style="margin-top: 18rpx;">{{ phoCall }}</view>
 				</view>
 			</view>
-			<swiper v-if="showYj >= 0 && !list1.length == '0'" style="height: 210rpx;" class="new box" :autoplay="true" :interval="3000" :circular="true">
+			<swiper v-if="showYj >= 0 && !list1.length == '0'" style="height: 210rpx;" class="new box" :autoplay="true"
+				:interval="3000" :circular="true">
 				<swiper-item v-for="(item, index) in list1" :key="index" @click="goToPage(4, item)">
 					<view style="background-color: #fff;width: 100%;">
 						<!-- 头部 -->
 						<view class="sortHead">
-							<image src="../static/images/Yjplan/sort.png" style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image>
+							<image src="../static/images/Yjplan/sort.png"
+								style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image>
 							<span class="sortTitle">{{ index + 1 }}.{{ item.houseName }}</span>
 						</view>
 						<!-- 卡片 -->
@@ -72,7 +80,8 @@
 				<view style="background-color: #fff;width: 100%;">
 					<!-- 头部 -->
 					<view class="sortHead">
-						<image src="../static/images/Yjplan/sort.png" style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image>
+						<image src="../static/images/Yjplan/sort.png"
+							style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image>
 						<span class="sortTitle">最近一次演练计划</span>
 					</view>
 					<!-- 卡片 -->
@@ -82,13 +91,17 @@
 								<view class="content" style="border-left: 13rpx #FFD777 solid;margin-left: 4rpx; ">
 									<view class="name">{{ backlog.drillName }}</view>
 									<view class="address" style="display: flex;align-items: center;">
-										<image src="../static/images/drill/adress.png" style="width: 24rpx;height: 24rpx;margin-right: 5rpx;" />
+										<image src="../static/images/drill/adress.png"
+											style="width: 24rpx;height: 24rpx;margin-right: 5rpx;" />
 										{{ backlog.drillAddress }}
 									</view>
 								</view>
 								<view class="content">
-									<view class="name" style="color: #df4d63;font-weight: 600;">{{ backlog.text4 }}</view>
+									<view class="name" style="color: #df4d63;font-weight: 600;">{{ backlog.text4 }}
-									<view class="address" style="display: flex;align-items: center;">{{ backlog.drillDate }}</view>
+									</view>
+									<view class="address" style="display: flex;align-items: center;">
+										{{ backlog.drillDate }}
+									</view>
 								</view>
 							</view>
 						</view>
@@ -173,16 +186,29 @@
 	</view>
 </template>
 <script>
-import { backlog } from '@/api/indexpage/YJDrill/index.js';
+	import {
+		backlog
+	} from '@/api/indexpage/YJDrill/index.js';
 	//权限控制
 	import auth from '@/plugins/auth.js';
 	//车辆预警
-import { getUserProfile, listCountByAll, listNotice, getConfigKey, getLessNum } from '@/api/indexpage/user.js';
+	import {
-import { appMenuShowInfo, sendList } from '@/api/menu.js';
+		getUserProfile,
+		listCountByAll,
+		listNotice,
+		getConfigKey,
+		getLessNum
+	} from '@/api/indexpage/user.js';
+	import {
+		appMenuShowInfo,
+		sendList
+	} from '@/api/menu.js';
 	// import { getFzTask, getNoReadMessage } from '@/api/indexpage/mine.js';
 	import Tabbar from '@/components/tabbar/tabbar.vue';
 	import update from '@/components/update/update.vue';
-import { dateFormat } from '@/minix/timeCommon.js';
+	import {
+		dateFormat
+	} from '@/minix/timeCommon.js';
 	export default {
 		name: 'index',
 		components: {
@@ -236,6 +262,9 @@ export default {
 			this.getConfigKeyData();
 		},
 		methods: {
+			goback() {
+				window.history.back()
+			},
 			getYanLian() {
 				backlog().then(res => {
 					this.backlog = res[0];
@@ -259,7 +288,8 @@ export default {
 					//D:/公司代码/公司代码20230829/华北石油局/
 					this.$tab.navigateTo(`/pages/GongGao/GongGao`);
 				} else if (bs === 4) {
-				this.$tab.navigateTo(`/pages/indexpage/YJgoods/wzYvJing/wzYvJing?ckId=${item.houseId}&ckName=${item.houseName}`);
+					this.$tab.navigateTo(
+						`/pages/indexpage/YJgoods/wzYvJing/wzYvJing?ckId=${item.houseId}&ckName=${item.houseName}`);
 				}
 			},
 			getGongGao() {

static/index.html

@@ -2,13 +2,17 @@
 <html lang="zh-CN">
 	<head>
 		<meta charset="utf-8">
+		<meta name='viewport' content="width=device-width, viewport-fit=cover" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 		<meta name="renderer" content="webkit">
 		<title><%= htmlWebpackPlugin.options.title %></title>
 		<link rel="shortcut icon" type="image/x-icon" href="<%= BASE_URL %>static/favicon.ico">
 		<script>
-			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS
-			document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+				.supports('top: constant(a)'))
+			document.write(
+				'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+				(coverSupport ? ', viewport-fit=cover' : '') + '" />')
 		</script>
 		<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
 	</head>
@@ -17,4 +21,12 @@
 			<strong>本站点必须要开启JavaScript才能运行.</strong>
 		</noscript>
 		<div id="app"></div>
+		<style>
+			#app {
+				padding-bottom: constant(safe-area-inset-bottom);
+				/* 兼容 iOS<11.2 */
+				padding-bottom: env(safe-area-inset-bottom);
+				/* 兼容iOS>= 11.2 */
+			}
+		</style>
 </html>