当前位置:   article > 正文

vant改变步骤条的icon_steps里面的自定义icon-prefix vant4

steps里面的自定义icon-prefix vant4

**

需求:改变steps组件的icon

**
本来的样子是这样的
在这里插入图片描述
现在的需求是改成别的icon
在这里插入图片描述

方法

先下载icon文件
在这里插入图片描述
百度阿里icon
在这里插入图片描述
搜索想要的icon加入购物车
在这里插入图片描述
在这里插入图片描述
选好了点下载代码
在这里插入图片描述
把这几个文件放到静态目录里面,然后再把iconfont.css文件引入,更改这个css的自己的icon
在这里插入图片描述
把Iconfont里面的代码添加到自己需要的下面然后把自己需要的icon前缀改成.van-icon-
在这里插入图片描述
最后在组件中使用自己的icon

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/234969
推荐阅读
  

闽ICP备14008679号