uni-forms中使用uni-easyinput ,分别用type="text" 和type="textarea" 作为uni-forms-item的内容
5***@qq.com
- 发布：2022-06-02 10:52
- 更新：2022-06-09 17:06
- 阅读：563
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 全部
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
输入框对齐
输入框对齐
实际结果：
输入框不对齐
输入框不对齐
bug描述：
uni-easyinput type="textarea"时输入框和type="text"的没对齐。
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
提供可以复现的demo，方便排查
5***@qq.com (作者)
<uni-forms :modelValue="formData" ref="form" :border="true" style="margin-top: 50rpx;" :rules="rules">
<uni-forms-item name="name" label="姓名">
<uni-easyinput type="text" :inputBorder="false" v-model="formData.name" placeholder="请输入姓名" />
</uni-forms-item>
<uni-forms-item name="phone" label="电话">
<uni-easyinput type="text" :inputBorder="false" v-model="formData.phone" placeholder="请输入电话" />
</uni-forms-item>
<uni-forms-item name="job" label="工作">
<uni-easyinput type="text" :inputBorder="false" placeholder="请输入工作" v-model="formData.job"></uni-easyinput>
</uni-forms-item>
<uni-forms-item name="summary" label="简介">
<uni-easyinput type="textarea" :inputBorder="false" placeholder="请输入简介" v-model="formData.summary" ></uni-easyinput>
</uni-forms-item>
</uni-forms>