1***@qq.com
1***@qq.com
  • 发布:2022-07-22 14:55
  • 更新:2022-07-22 16:32
  • 阅读:184

【报Bug】form-items的表单bug

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.18

第三方开发者工具版本号: 不知

基础库版本号: 不知

项目创建方式: HBuilderX

示例代码:

<uni-forms ref="baseForm" :modelValue="baseFormData">
<uni-forms-item v-for="c in props.columns" :key='c.dataIndex' :label="c.label">
<uni-data-picker v-model="condition[c.dataIndex]" :localdata="c.localdata" popup-title="选择城市" :border="false">
</uni-data-picker>
</uni-forms-item>
</uni-forms>

操作步骤:

<uni-forms ref="baseForm" :modelValue="baseFormData">
<uni-forms-item v-for="c in props.columns" :key='c.dataIndex' :label="c.label">
<uni-data-picker v-model="condition[c.dataIndex]" :localdata="c.localdata" popup-title="选择城市" :border="false">
</uni-data-picker>
</uni-forms-item>
</uni-forms>

预期结果:

1

实际结果:

1

bug描述:

vue3, xx.nvue页面
使用uni-forms表单的下拉选择功能,如果border设置为false,那么未选中状态时,右侧下箭头没有垂直对齐
应该缺少了一个css样式:align-items:center;

2022-07-22 14:55 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

而且这个组件的padding边距也有问题,未选中状态的padding:0 5px ;其他组件的padding至少左侧都是 10px;不对齐

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