在vant使用插槽自定义图标

1.在每个带图标的组件下面会有相应的v-slot name说明2.在组件中使用(这里用的是阿里巴巴的icon font)<van-field v-model="user.mobile" center icon-prefix="toutiao" left-icon="shouji" placeholder="请输入手机号码" style="position:relative;"><

Simple_IDE

8623人浏览 · 2020-10-27 10:00:43

Simple_IDE · 2020-10-27 10:00:43 发布

1.在每个带图标的组件下面会有相应的v-slot name说明
在这里插入图片描述
2.在组件中使用
(这里用的是阿里巴巴的icon font)

  <van-field v-model="user.mobile" center icon-prefix="toutiao" left-icon="shouji" placeholder="请输入手机号码" style="position:relative;">
            <template #left-icon>
                <div class="toutiao toutiaoshouji"></div>
            </template>
        </van-field>