美文网首页
iview select组件下拉图标改成实心箭头图标

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

作者: 良品山核桃 | 来源:发表于2019-11-09 17:36 被阅读0次

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

    image

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


    image.png
    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

    相关文章

      网友评论

          本文标题:iview select组件下拉图标改成实心箭头图标

          本文链接:https://www.haomeiwen.com/subject/zoynbctx.html