<template>
<view class="content">
<input class="username" />
<input class="password" type="password" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.username {
width: 100%;
height: 88rpx;
border: 2rpx solid red;
}
.password {
width: 100%;
height: 88rpx;
border: 2rpx solid red;
margin-top: 24rpx;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
4***@qq.com
- 发布：2023-08-09 13:31
- 更新：2023-08-11 11:25
- 阅读：611
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.5 (21G72)
HBuilderX类型： 正式
HBuilderX版本号： 3.8.7
手机系统： Android
手机系统版本号： Android 11
手机厂商： OPPO
手机机型： oppo reno2
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
两输入框互相切换即可
两输入框互相切换即可
预期结果：
无异常遮罩
无异常遮罩
实际结果：
有异常遮罩
有异常遮罩
bug描述：
uniapp安卓机型切换输入框弹出键盘会出现异常黑色遮罩 当"softinputMode"为"adjustResize"时， 两个输入框 一个type为text 一个type为password 切换时弹出的密码键盘几率出现黑色遮罩层
1***@qq.com - lichaozheng
你好，我也碰到这个问题，不过我是webview套壳的应用，打包新的壳之后，安装新的应用之后，登录页输入password的时候，切换到了数字键盘，也是出现一块黑色的方块，请问，解决了吗，一直不知道是什么原因导致的，之前一直没出现这个问题
-
-
回复 4***@qq.com: 你的问题解决了吗？我这边当初设置softinputMode：adjustResize就是为了解决ios软键盘弹起屏幕滚动的问题，所以没法设置adjustPan
2024-03-01 10:32
