- 当前 Bug 的表现(可附上截图)
1、textarea组件设置auto-height属性后,建议增加一个初始高度的属性与之相匹配,如果form中除textarea外还有input组件,很可能就会textarea比input的height值还小,看起来很别扭,如果能增加初始高度属性,就可以设置与input组件的height值相同,输入内容多了后还能自动增加高度,看起来比较舒服。见图一。

图一
2、textarea组件设置auto-height属性后,placeholder属性文字内容如果比较长的话,建议textarea组件的初始高度能和placeholder内容相适应,自动匹配一下,能让placeholder的内容完整显示,否则就会侵占其他组件显示空间,挤在一起。见图二。

图二
3、textarea组件的placeholder属性文字内容如果想强制换行,普通H5页面上可以用 实现,但小程序中会将 当成普通文字而不换行,见图二,普通正常h5页面见图三。

图三
- 提供一个最简复现 Demo
<view class="">
<textarea class=“qlm-input” name=“tx” value="" placeholder=“这是一个textarea组件这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。 这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。” auto-height maxlength=“300”/>
<input class=“qlm-input” name=“name” type=“text” value="" placeholder=“这是一个input组件 : 姓名”/>
<input class=“qlm-input” name=“phone” type=“text” value="" placeholder=“这是一个input组件 : 手机号码”/>
</view>
因为刚试着用,还没发布,因此不知道手机上表现会如何。