TAY
tailwindcss

tailwindcss 比较low的瀑布流

```html <div class="columns-1 md:columns-3 lg:columns-3 divide-y sm:divide-none"> <div class="bg-...

xiaocai

tailwindcss 侧边目录

```html <div class="flex-col w-full block"> <div> <button class="flex items-center gap-1.5 grou...

xiaocai

传统 web 项目使用 tailwindcss

开发阶段使用 cdn ``` <script src="https://cdn.tailwindcss.com" type="text/javascript"></script> `...

xiaocai

tailwindcss tree 树形样式

![file](https://images.tryatry.com/image/1/202311/2681235a05ebf1b9ca1ea421eef7ebe2.png) ```html...

xiaocai

tailwindcss modal html代码

```html <div class=""> <div class="w-full h-full fixed top-0 left-0 z-50 overflow-x-hidden over...

xiaocai

laravel tailwindcss 分页模板代码

```html @if ($paginator->hasPages()) <div class="pagination text-sm mt-4"> <div class="flex...

xiaocai

laravel 安装 tailwindcss

下载 tailwindcss ``` npm install -D tailwindcss postcss autoprefixer ``` 生成 tailwind.config....

xiaocai

tailwindcss 与其他ui样式冲突

禁用 tailwindcss 基础样式 `preflight: false` tailwind.config.js ```javascript export default {...

xiaocai

新建 vite + vue3 + talwindcss 项目

# 一、安装 vite ``` npm create vite@latest ``` 如提示 create-vite: 未找到命令 ``` npm install...

xiaocai

vue3 tailwindcss 夜间模式

tailwindcss ```javascript module.exports = { …… darkMode: "class", }; ``` 组件里 html `...

xiaocai

tailwindcss cdn 引入样式

```html <script src="https://cdn.tailwindcss.com"></script> ``` 在head中会产生已使用的css代码

xiaocai