iview如何在表单lable中添加icon图标
需求如下图,要在label后面加一个icon图标。
首先查看iview中的icon,检查元素,可以看到 font-family: Ionicons 和content: “\F107”,等会儿要用。
接下来可以用css的after选择器添加icon图标。
<FormItem label="计划位置" class="labelIcon">
<Select>
<Option value="beijing">New York</Option>
</Select>
</FormItem>
.labelIcon{
/deep/.ivu-form-item-label{
&:after{
content: '\F107';
font-family: Ionicons;
font-size: 16px;
}
}
}
这样就ok啦!