uni开发APP问题解决方案(持续更新)

iOS下拉刷新时顶部漂移

在页面methods同级加上如下代码,

<template>
	<view>
		<view class="navbar" :style="{position:headerPosition,top:headerTop}">
			...代码略
		</view>
	</view>
</template>
<script>
	data() {
		return {
			headerPosition:"fixed",
			headerTop:"0px",
		}
	},
	onLoad(options){
		// #ifdef H5
		this.headerTop = document.getElementsByTagName('uni-page-head')[0].offsetHeight+'px';
		// #endif
	},
	onPageScroll(e){
		if(e.scrollTop>=0){
			this.headerPosition = "fixed";
		}else{
			this.headerPosition = "absolute";
		}
	}
</script>

iOS登录时键盘顶部闪烁

在原有的输入框同级增加一个输入框

<template>
	<view>
		<view class="input">
			<input type="number" v-model="from.account" placeholder="请输入手机号" :maxlength="11">
			<input type="number" style="height: 0;min-height: 0;overflow: hidden;">
		</view>
	</view>
</template>

如果想去除IOS软键盘上方横条,在pages.json中某个页面或者全局配置 style,关键代码:softinputNavBar:none

// 某个页面去除方案
"pages": [
	{
		"path": "pages/index/index",
		"style": {
			"app-plus": {
				"softinputNavBar": "none"
			}	
		}
	}
],
// 全局去除方案
"globalStyle": {
	"app-plus": {
		"softinputNavBar": "none"
	}	
}

iOS底部手势提示线适配

在页面需要适配的地方增加css,例如:

page{
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom); 
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值