罗文
罗文
  • 发布:2019-01-21 00:27
  • 更新:2019-01-21 14:17
  • 阅读:2244

【报Bug】input组件的placeholder值在H5平台偏上

分类:uni-app

详细问题描述(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
uni-app 里面的input组件,placeholder值在H5平台往上偏,安卓平台是居中的,效果如下图:

这是安卓平台的效果

这是H5平台的效果,

测试手机为小米4C,H5版是用系统自带的浏览器测试的。

重现步骤
[步骤]
[结果]
[期望]
[如果语言难以表述清晰,可以拍一个视频或截图,有图有真相]

IDE运行环境说明
[HBuilder 或 HBuilderX]
HBuilderX

[IDE版本号]
1.5.0 20190119

  1. [windows版本号]
    win10

[mac版本号]

App运行环境说明

[Android版本号]
7.0
[iOS版本号]
[手机型号]
小米4C
[模拟器型号]

附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[安装包]

联系方式
[QQ]

2019-01-21 00:27 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

是不是设置了高度之类的样式?
请提供一个可以重现此问题的 demo,方便测试定位下问题,谢谢配合。

临时解决办法,在 App.vue 中添加样式:

.input-placeholder {  
    line-height: 100upx;  
}

这个 100upx 是 input 的高度那个值,这里只是举例。
当然,为了确保特定的 input 生效,.input-placeholder 选择器前面需要加载其它的 class 来控制下。

该问题目前已经被锁定, 无法添加新回复