首页龙虾技能列表 › Tailwind CSS — 响应式设计、暗黑模式和配置的实用类

Tailwind CSS — 响应式设计、暗黑模式和配置的实用类

v?

使用 Tailwind CSS 实用类,轻松实现响应式设计、暗黑模式切换和自定义配置,提升前端开发效率。

5· 2,300·0 当前·0 累计

运行时依赖

无特殊依赖

安装命令 点击复制

官方clawhub install tailwindcss
镜像加速clawhub install tailwindcss --registry https://cn.clawhub-mirror.com

技能文档

简介

Tailwind CSS 是一个流行的实用类 CSS 框架,帮助您快速构建响应式、可定制的用户界面。

主要功能

  • 响应式设计:轻松创建跨设备兼容的布局
  • 暗黑模式:一键切换暗黑主题,提升用户体验
  • 自定义配置:通过 tailwind.config.js 定制您的 CSS 体验

快速开始

npm install tailwindcss
然后,在您的 CSS 文件中导入 Tailwind:
@tailwind base;
@tailwind components;
@tailwind utilities;

配置

创建并编辑 tailwind.config.js 以满足您的项目需求:
module.exports = {
  // 你的配置选项
};

示例

查看 官方文档 获取更多示例和指南。

数据来源:ClawHub ↗ · 中文优化:龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险,如需更匹配、更安全的方案,建议联系付费定制

了解定制服务