键盘与页面之间出现了空白区域，求清除

池中金麟

1. <template name='tpl'>
   
2.     <scroll-view class="page" scroll-y="true">
   
3.         <view class="header">
   
4.             <text class="page-title">登录账号</text>
   
5.             <text class="page-title-sub">停车服务管理系统</text>
   
6.         </view>
   
7.         <form action="" method="post">
   
8.             <view class="form-item">
   
9.                 <image src="../image/username.png" class="form-item-image"></image>
   
10.                 <input type="text" placeholder="用户名">
    
11.             </view>
    
12.             <view class="form-item">
    
13.                 <image src="../image/password.png" class="form-item-image"></image>
    
14.                 <input type="password" placeholder="密码">
    
15.             </view>
    
16.             <button type="submit">登录</button>
    
17.         </form>
    
18.     </scroll-view>
    
19. </template>
    
20. <script>
    
21.     export default {
    
22.         name: 'tpl',
    
23.         apiready(){//like created
    
24. 
    
25.         },
    
26.         data() {
    
27.             return{
    
28. 
    
29.             }
    
30.         },
    
31.         methods: {
    
32. 
    
33.         }
    
34.     }
    
35. </script>
    
36. <style>
    
37.     .page {
    
38.         height:100%;
    
39.         background-color: rgba(116, 168, 248, 1);
    
40.         background-image:url(../image/login_bg.png);
    
41.         background-size:100%;
    
42.         background-position: top center;
    
43.     }
    
44.     .header{
    
45.         margin-top:20px;
    
46.         padding:32px 0 0 25px;
    
47.     }
    
48.     .page-title{
    
49.         color:#ffffff;
    
50.         font-size:28px;
    
51.         font-weight: bold;
    
52.     }
    
53.     .page-title-sub{
    
54.         color:#ffffff;
    
55.         font-size:23px;
    
56.     }
    
57.     form{
    
58.         margin:200px 10px 10px;
    
59.         background-color:#ffffff;
    
60.         padding:40px 30px;
    
61.         border-radius: 20px;
    
62.     }
    
63.     .form-item{
    
64.         flex-direction: row;
    
65.         align-items: center;
    
66.         margin-top:20px;
    
67. 
    
68.     }
    
69.     .form-item-image{
    
70.         width:20px;
    
71.         height:20px;
    
72.     }
    
73.     input{
    
74.         width:80%;
    
75.         border:none;
    
76.         margin-left:10px;
    
77.     }
    
78.     button{
    
79.         color:#ffffff;
    
80.         height:45px;
    
81.         border-radius: 22px;
    
82.         background-image: linear-gradient(to bottom,#74a8f8,#3d6afb);
    
83.         margin-top:20px;
    
84.     }
    
85.    
    
86. </style>
    

复制代码

弹出键盘时，键盘与页面之间出现了空白区域，不知道怎么消除，求解。

技术咨询-F

<preference name="softInputMode" value="pan"/>
config.xml 配置这一项，提交代码重新编译

池中金麟

技术支持-F 发表于 2021-2-24 22:00
config.xml 配置这一项，提交代码重新编译

修改后无效，还是老样子。

技术咨询-F

池中金麟 发表于 2021-2-25 16:45
修改后无效，还是老样子。

已反馈给相关技术查看

常山赵子云

是每个手机上都这样吗，还是个别手机上？

池中金麟

常山赵子云 发表于 2021-2-27 17:49
是每个手机上都这样吗，还是个别手机上？

用的官方的apploader测试的。手机是 HUAWEI MATE 9  安卓版本是 9。EMUI 是9.1.0。刚点开密码输入框的时候会有，一旦点击键盘，输入任意一个字符，就会自动恢复正常。

技术咨询-F

还在排查

池中金麟

技术支持-F 发表于 2021-3-3 21:59
还在排查

好的，麻烦你们了。

常山赵子云

池中金麟 发表于 2021-3-4 08:54
好的，麻烦你们了。

这个看起来像是华为安全键盘弹出的空白块，试试看设置一下输入法关闭安全输入或者看看别的手机/输入法会复现么？

池中金麟

常山赵子云 发表于 2021-3-9 18:14
这个看起来像是华为安全键盘弹出的空白块，试试看设置一下输入法关闭安全输入或者看看别的手机/输入法会 ...

好我试试