Vue项目中使用fontawesome5

  1. 下载fontawesome5,官网地址:fontawesome5
  2. 把下载的fontawesome-free-5.11.2-web文件夹复制到src目录下assets目录下
  3. 在src目录下main.js中引入css
// 导入图标css
import './assets/fontawesome-free-5.11.2-web/css/all.min.css'
  1. 在组件中使用图标
        <el-form-item>
          <el-input prefix-icon="fas fa-user" placeholder="请输入账号"></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            prefix-icon="fas fa-lock"
            placeholder="请输入密码"
            show-password
          ></el-input>
        </el-form-item>

猜你喜欢

转载自blog.csdn.net/qq_28988969/article/details/104480627