let test1 = new plus.nativeObj.View('test',
{bottom:'0px',left:'0px',height:'44px',width:'100%',backgroundColor: '#FF0000'});
test1.draw([
{tag:'input',id:'input',inputStyles:{fonstSize:'16px'},position:{top:'0px',left:'0px',width:'100%',height:'20px'}},
{tag:'font',id:'font',text:'原生控件',textStyles:{size:'18px'}}
]);
test1.show();
安安静静是女神
- 发布：2021-02-05 15:38
- 更新：2021-03-19 18:50
- 阅读：1273
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win7
HBuilderX类型： 正式
HBuilderX版本号： 3.0.7
手机系统： Android
手机系统版本号： Android 10
手机厂商： OPPO
手机机型： PACM00
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
https://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.InputStyles
用的代码示例也是这样
昨天还好好的 今天一打开就成这样了
https://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.InputStyles
用的代码示例也是这样
昨天还好好的 今天一打开就成这样了
预期结果：
红色的input区域在键盘的上方 页面没有设置softinputMode 默认为adjustPan
红色的input区域在键盘的上方 页面没有设置softinputMode 默认为adjustPan
实际结果：
input的位置是对的 因为能看到文本提示
但是红色的父级区域在两个键盘的高度上 页面上移的高度也是对的
input的位置是对的 因为能看到文本提示
但是红色的父级区域在两个键盘的高度上 页面上移的高度也是对的
bug描述：
原生input弹起来顶起这么高是为什么 而且实际的input的位置是对的
安安静静是女神 (作者)
<template>
<view>
<button @tap="draw">创建 </button>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
draw() {
let test1 = new plus.nativeObj.View('test', {
bottom: '0px',
left: '0px',
height: '44px',
width: '100%',
backgroundColor: '#FF0000'
});
test1.draw([{
tag: 'input',
id: 'input',
inputStyles: {
fonstSize: '16px'
},
position: {
top: '0px',
left: '0px',
width: '100%',
height: '20px'
}
},
{
tag: 'font',
id: 'font',
text: '原生控件',
textStyles: {
size: '18px'
}
}
]);
test1.show();
}
}
}
</script>
<style>
</style>
pages.json 配置
{
"path" : "pages/comp/test"
}安安静静是女神 (作者)
<template>
<div>
<view>都开始合肥市科技加思考了</view>
<view class="inputBox">
<input type="text">
</view>
</div>
</template>
<script>
export default {
}
</script>
<style>
.inputBox{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 80upx;
background-color: #fff;
}
</style>
nvue页面 输入框点击 效果
