uni-app 支付宝小程序输入框显示完成横条后隐藏

uni-app 支付宝小程序输入框显示完成横条后隐藏

操作步骤:

  • 请看视频

预期结果:

  • 不显示“完成”横条

实际结果:

  • 不显示“完成”横条 ,现在视频有显示后自动隐藏了。

bug描述:

附件

项目属性 详细信息
产品分类 uniapp/小程序/阿里
PC开发环境 Windows
操作系统版本 macbook pro 15.1
HBuilderX类型 正式
HBuilderX版本 4.75
工具版本号 3.9.56
基础库版本号 2.9.73
项目创建方式 HBuilderX

更多关于uni-app 支付宝小程序输入框显示完成横条后隐藏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

你的输入框相关的代码怎么写的?

更多关于uni-app 支付宝小程序输入框显示完成横条后隐藏的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 的支付宝小程序中,输入框显示“完成”横条后自动隐藏是正常行为,这是支付宝小程序平台自身的 UI 设计规范。该横条(通常称为“键盘辅助工具栏”)会在输入框聚焦时短暂显示,随后自动隐藏,目的是提升用户交互体验,避免遮挡内容。

如果希望完全隐藏该横条,可以通过以下配置实现:

  1. pages.json 中对应页面的 style 配置项中添加:
    "app-plus": {
      "softinputNavBar": "none"
    }
    
    或针对支付宝小程序单独设置:
    "mp-alipay": {
      "allowDefault": false,
      "inputBar": false
    }
回到顶部