新加键盘监控 控制按钮显示隐藏

manifest.json

@@ -2,8 +2,8 @@
     "name" : "库比森轮胎-经销商端",
     "appid" : "__UNI__D89E6F8",
     "description" : "",
-    "versionName" : "1.0.19",
-    "versionCode" : 1019,
+    "versionName" : "1.0.20",
+    "versionCode" : 1020,
     "transformPx" : false,
     "ios" : {
         "bundleIdentifer" : "uni.app.UNID89E6F8" // 替换为你的 Bundle ID

pages/home/claim/details.vue

@@ -146,7 +146,7 @@
 		</view> -->
 		<view v-if="form.claimSourceType==1" class="nav-bottom-height">
 		</view>
-		<view v-if="form.claimSourceType==1" class="goods-nav-bottom">
+		<view v-show="!keyboardShow" v-if="form.claimSourceType==1" class="goods-nav-bottom">
 			<uni-goods-nav v-if="!form.id" :fill="true" :options="[]" :buttonGroup="buttonGroup"
 				@buttonClick="buttonClick" />
 			<uni-goods-nav v-if="form.auditStatus==0" :fill="true" :options="[]" :buttonGroup="buttonGroup2"
@@ -174,6 +174,7 @@
 	export default {
 		data() {
 			return {
+				keyboardShow:false,
 				buttonGroup: [{
 					text: '保存',
 					backgroundColor: '#03803B',
@@ -234,6 +235,20 @@
 				this.getDetail(option.id)
 			}
 		},
+		onShow() {
+			// 监听键盘高度变化
+			uni.onKeyboardHeightChange((res) => {
+				// 根据键盘高度调整布局
+				if (res.height > 0) {
+					this.keyboardShow = true
+				} else {
+					this.keyboardShow = false
+				}
+			});
+		},
+		onUnload() {
+			uni.offKeyboardHeightChange();
+		},
 		methods: {
 			buttonClick(e) {
 				if (e.index == 0) {

pages/home/store/details.vue

@@ -265,7 +265,7 @@
 		</view> -->
 		<view v-if="form.enableOrNot!=1" class="nav-bottom-height">
 		</view>
-		<view v-if="form.enableOrNot!=1&&!popupShow" class="goods-nav-bottom">
+		<view v-show="!keyboardShow" v-if="form.enableOrNot!=1&&!popupShow" class="goods-nav-bottom">
 			<uni-goods-nav v-if="form.checkStatus=='录入'||form.checkStatus=='审核驳回'" :fill="true" :options="[]"
 				:buttonGroup="buttonGroup" @buttonClick="buttonClick" />
 			<uni-goods-nav v-if="!(form.checkStatus=='录入'||form.checkStatus=='审核驳回')" :fill="true" :options="[]"
@@ -306,6 +306,7 @@
 	export default {
 		data() {
 			return {
+				keyboardShow:false,
 				modalShow: false,
 				popupShow: false,
 				buttonGroup: [{
@@ -410,7 +411,19 @@
 				this.getDetail(option.id)
 			}
 		},
+		onShow() {
+			// 监听键盘高度变化
+			uni.onKeyboardHeightChange((res) => {
+				// 根据键盘高度调整布局
+				if (res.height > 0) {
+					this.keyboardShow=true
+				} else {
+					this.keyboardShow=false
+				}
+			});
+		},
 		onUnload() {
+			uni.offKeyboardHeightChange();
 			uni.$off();
 		},
 		methods: {

static/customicons.css

@@ -1,15 +1,18 @@
 @font-face {
-  font-family: "customicons"; /* Project id 2878519 */
-  src:url('/static/customicons.ttf') format('truetype');
+	font-family: "customicons";
+	/* Project id 2878519 */
+	src: url('/static/customicons.ttf') format('truetype');
 }
+
 .nav-bottom-height {
 	height: calc(50px + env(safe-area-inset-bottom)) !important;
 }
+
 .goods-nav-bottom {
-	// display: flex;
-	// flex-direction: column;
+	/* display: flex; */
+	/* flex-direction: column; */
 	position: fixed;
-	z-index:1000;
+	z-index: 1000;
 	left: 0;
 	right: 0;
 	/* #ifdef H5 */
@@ -18,21 +21,23 @@
 	/* #endif */
 	bottom: 0;
 	/* #ifndef APP-PLUS */
-	bottom: env(safe-area-inset-bottom);
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
 	/* #endif */
 }
+
 .customicons {
-  font-family: "customicons" !important;
+	font-family: "customicons" !important;
 }
 
 .youxi:before {
-  content: "\e60e";
+	content: "\e60e";
 }
 
 .wenjian:before {
-  content: "\e60f";
+	content: "\e60f";
 }
 
 .zhuanfa:before {
-  content: "\e610";
-}
+	content: "\e610";
+}