当前位置:   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博客】
推荐阅读
  

闽ICP备14008679号