vue 引入iconfont阿里图标库+在placeholder添加icon

1进入iconfont官网,将需要的图标加入库,点击下载代码

   

                                                 

2 解压之后,将iconfont.css 和字体文件 copy到项目中

3 全局引入iconfont.css

4 模板中使用

unicode使用

这是在页面中如何使用矢量图标,但是我们要解决的问题是如何在input框中让矢量图标成为占位符,在这里我提供一个方法:

将Unicode放到placeholder中。使用iconfont类,就可以啦

如果无效建议:

效果:

对应的unicode编码则为 \u加后4位 

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复