Vant自带图标较少,可以搭配使用阿里图标库
下载到本地方式
1、下载至本地
2、下载后的文件放在assets下
3、在main.js中引入
4、应用
<van-searchv-model="searchValue"shape="round"left-icon="alisearch"class="toolbar-search"placeholder="请输入名称或ID"><van-icon slot="left-icon" class="iconfont" color="#4580FA" class-prefix="icon" name="alisearch"></van-icon></van-search>
5、页面效果
二、引用在线地址
方式一:
在index.hmtl 中引入
<link rel="stylesheet" href="///t/font_2192503_l5gc8br9qp.css">
方式二:
在App.vue中import 引入