Tailwind CSS 使用 Iconify 图标

3 跟帖

0 查看

楼主

4 天前
北京

#1

1. 安装依赖

安装 iconify 图标库和 TailwindCSS 插件。

npm install @iconify/json @iconify/tailwind -D

复制代码

2. 配置插件

配置 tailwind.config.js 文件。

/** @type {import('tailwindcss').Config} */
const { addDynamicIconSelectors } = require('@iconify/tailwind')
export default {
content: [
'./src/**/*.{vue,js,ts,jsx,tsx}'
],
theme: {
extend: {},
},
plugins: [addDynamicIconSelectors()],
}

复制代码

3. 使用图标

<span class="icon-[svg-spinners--12-dots-scale-rotate]"></span>

复制代码