Tailwind 配置项目

这是一个从Vben Admin 5.4.4中提取的Tailwind CSS配置，提供了一套预设的样式和工具类，可以快速应用于Vue项目中。

安装

npm install @iboot/tailwind-config
# 或
yarn add @iboot/tailwind-config
# 或
pnpm add @iboot/tailwind-config

使用方式

1. 在项目中安装Tailwind CSS:

npm install -D tailwindcss postcss autoprefixer

2. 在tailwind.config.js中引入此配置:

module.exports = require('@iboot/tailwind-config');

3. 在项目的CSS文件中引入Tailwind:

@tailwind base;
@tailwind components;
@tailwind utilities;

特性

• 预定义的色彩系统
• 响应式设计支持
• 常用工具类预设
• 与Vben Admin风格一致

示例

<button class="bg-primary text-white px-4 py-2 rounded">
  主要按钮
</button>