uni-app中uni-forms-item组件的label属性缺失且left-icon不显示
uni-app中uni-forms-item组件的label属性缺失且left-icon不显示
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | 10 | HBuilderX |
产品分类:uniapp/H5
浏览器平台:Chrome
浏览器版本:最新版
示例代码:
<slot name="left">
<uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />
<text class="label-text">{{label}}</text>
<text v-if="required" class="is-required">*</text>
</slot>
操作步骤:
<slot name="left">
<uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />
<text class="label-text">{{label}}</text>
<text v-if="required" class="is-required">*</text>
</slot>
预期结果:
<slot name="left">
<uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />
<text class="label-text">{{label}}</text>
<text v-if="required" class="is-required">*</text>
</slot>
实际结果:
<slot name="left">
<uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />
<text class="label-text">{{label}}</text>
<text v-if="required" class="is-required">*</text>
</slot>
bug描述:
看了uni-admin的登陆页面源码发现的一个问题,明明设置了left-icon属性,却没有显示。
<uni-forms-item left-icon="uni-icons-person-filled" name="username" labelWidth="35">
<input ref="usernameInput" @confirm="submitForm" class="uni-input-border" type="text" placeholder="账户" v-model="formData.username" />
</uni-forms-item>
更多关于uni-app中uni-forms-item组件的label属性缺失且left-icon不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

