Icon图标

官方图标

兼容ant-design-vue官方icon

<template>
  <div style="font-size:50px;">
    <med-icon type="search"/>
    <med-icon type="close"/>
  </div>
</template>

显示代码

线上iconfont

配置线上iconfont仓库地址，传入线上url

<template>
  <div style="font-size:50px;">
    <med-icon type="icon_daoruhuanzhe" url="//at.alicdn.com/t/font_2822858_38ypeuupb3s.js"/>
  </div>
</template>

显示代码

本地iconfont

配置本地iconfont仓库地址，传入本地绝对路径，建议放在项目public文件夹下

<template>
  <div style="font-size:50px;">
    <med-icon type="logo_docare" url="/icon/iconfont.js"/>
  </div>
</template>

显示代码