iview select组件下拉图标改成实心箭头图标

2019-11-09 本文已影响0人良品山核桃

工作中使用了了iview的select组件，设计图上要求是实心的箭头图标

image

查看select组件代码，可以看到是使用了iview的图标组件 <Icon type="ios-arrow-down" />

image.png

把<Icon type="ios-arrow-down" /> 替换成实心下拉图标<Icon type="md-arrow-dropdown" />

.ivu-icon-ios-arrow-down:before{
    color: #67A1EA;
    content: "\F33D";//替换content
}

最后效果

image.png