baidu / amis

前端低代码框架,通过 JSON 配置就能生成各种页面。
https://baidu.github.io/amis/
Apache License 2.0
17.33k stars 2.51k forks source link

表单项在移动端模式下的样式问题: #8544

Open hehuasa opened 1 year ago

hehuasa commented 1 year ago

描述问题:

input输入框在移动端展示模式,label内容较多已提行。但对应的输入框还在第一行,手机上点击这一项时会有页面失效的错觉。

截图或视频:

1698632553139

如何复现(请务必完整填写下面内容):

打开官网示例页面,切换至移动端显示。表单---所有类型汇总 页面: https://aisuda.bce.baidu.com/amis/examples/form/full

  1. amis 版本是什么?请先在最新 beta 版本测试问题是否存在 本地 amis 3.4.3 表现是一样的。

label提行后,视觉上给人感觉输入框也对应提行了(但实际没有提行是空白的,用户不知道空白处可以点击或输入)。建议优化一下,输入框给一个下划线,或者把输入框也提行。

zhangtao07 commented 1 year ago

建议添加placeholder,一些比较流行的移动端框架也是采取的顶部对齐方式。