TailwindCSS 第2页

TailWind CSS 文档提取组件

说明：此系列文章是个人对TailwindCSS官方文档的翻译，不是很严谨，请谅解。

你当温柔又有力量·2024-02-14 08:14

Vue--》深入学习Tailwind CSS掌握优雅而高效的前端样式开发

TailwindCSS是一个非常强大且灵活的CSS框架，适用于开发者希望高度定制化界面样式的项目。今天博主就TailwindCSS做一个简单介绍以及案例讲解，争取读者阅读文章后入门。

亦世凡华、·2024-02-14 08:24

《CSS 简易速速上手小册》第7章：CSS 预处理器与框架（2024 最新版）

深色模式支持7.2Bootstrap：快速原型设计和开发7.2.1基础知识7.2.2重点案例：构建响应式导航栏7.2.3拓展案例1：使用卡片组件展示内容7.2.4拓展案例2：定制Bootstrap主题7.3TailwindCSS

江帅帅·2024-02-11 21:38

使用 postcss-cva 来生成 cva 方法吧

的功能Css示例原子化设计注释参考生成cva函数Refers什么是cvacva全称为class-variance-authority,它是一个非常适合制作那种，创建控制Css变体方法的类库，它非常的契合像tailwindcss

·2024-02-11 18:10

NextJS开发：使用swiper实现轮播图

安装swipernpmiswiper创建组件一定要添加"useclient"，作为客户端组件来使用示例代码中的样式使用的tailwindcss"useclient"import{Swiper,SwiperSlide

ArslanRobot·2024-02-07 08:16

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版

前言什么是vueVue(发音为/vjuː/，类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。介绍使用vite、typescript、vue3、element-plus、pinia、vue-router、axios、tai

zhfy啊·2024-02-02 20:42

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差

蹦哒·2024-02-02 20:41

Vue3+vite引入Tailwind CSS

TailwindCSS是一个为快速创建定制化UI组件而设计的实用型框架。与其他CSS框架或库不同，TailwindCSS组件没有预先设置好样式。

QGS-CD·2024-02-02 00:31

tailwindcss没有提示

下载tailwindcss提示插件必须在空格后输入，才会有提示还有一点，如果tailwindcss写到一半，光标移走后，再回来写也是不会有提示的，想要出现提示就需要重新删掉从空格开始写（我现在是这样的，

殷东起·2024-02-01 07:54

【VSC插件】解决 VSC 中 Tailwind CSS IntelliSense v0.9.6 语法无法识别的问题

问题解决VSC中TailwindCSSIntelliSensev0.9.6插件语法无法识别的问题解决按照说明进行配置在插件设置中进行设置在如上扩展设置中，把TailwindCSS:EmmetCompletions

张趴菜·2024-02-01 07:49

vscode 插件 Tailwind CSS IntelliSense 解决 class 提示问题

class智能提示的：constclsName='bg-[#123456]text-[#654321]'return解决方案：安装clsx依赖pnpmiclsx设置vscode的settings.json{"tailwindCSS.experimental.classRegex

舜岳·2024-02-01 07:13

解决Windcss样式出现‘Unknown at rule @apply’警告

问题：解决方案一：1.新建文件.vscode/tailwindcss.json{"version":1.1,"atDirectives":[{"name":"@tailwind","description

26:28·2024-01-31 15:03

Next.js 学习笔记（七）——样式

TailwindCSS：实用工具优先的CSS框架，可通过组合实用工具类快速实现自定义设计。Sass：一种流行的CSS预处理器，可通过变量、嵌套规则和混合体等

Jackson-Mseven·2024-01-30 20:02

Element Plus 按需导入时和 TailwindCSS 样式冲突解决思路

TailwindCSS版本为3.3.2，ElementPlus版本为2.3.4ElementPlus按需导入时和TailwindCSS样式冲突，目前发现会导致的样式被覆盖。

写特李先生·2024-01-29 13:44

Web前端主题色更换实现方式全解析（二）

1.2结合Vuex管理主题色状态1.3示例代码与效果展示2.前端框架通用插件/库2.1Vue-ThemeSwitch2.2react-theme-switcher二、基于现代CSS框架的主题色切换1.TailwindCSS

球球不吃虾·2024-01-29 03:52

tailwindcss使用插件自定义隐藏滚动条类

在tailwindcss.config.js中constplugin=require('tailwindcss/plugin')module.exports={plugins:[plugin(({addUtilities

土生土长的IU·2024-01-26 04:26

「nuxt2配置tailwindcss」nuxt2添加tailwindcss详细步骤！解决版本不对称各种报错～～

运行环境node和npm使用版本nodev14.21.3(npmv6.14.18)1.插件下载官方文档说明npminstall-D@nuxtjs/tailwindcss@3.4.3tailwindcss

Amodoro·2024-01-24 15:55

tailwindcss初体验

tailwindcss初体验css量子化，需要记住很多类名，的确能提高效率，但是html中类名太多，有点影响逻辑，个人兴趣不大安装//安装npminstall-Dtailwindcss//初始化配置文件

是云呀！·2024-01-24 06:09

即时按需原子 CSS 引擎：比 Tailwind JIT 快 5 倍！ | 开源日报 No.149

unocss/unocssStars:14.6kLicense:MIT该项目是一个即时的按需原子CSS引擎，受到WindiCSS、TailwindCSS和Twind的启发，解决了定制化、速度和体积的问题

开源服务指南·2024-01-20 10:04

Tailwind CSS安装和构建的正确操作方式

导语就在前段时间laravel更新了8.0版本，其中有一个新特性是Jetstream是Laravel的新应用程序支架，Jetstream使用TailwindCSS，您可以在Livewire或Inertia

wjcms·2024-01-20 08:26

TailwindCss基本介绍和使用

TailwindCss基本介绍和使用1，TailwindCss是什么1，颗粒度2，优点2，引入3，使用4，一些问题2，需要经常翻阅文档，不会降低效率吗3，维护会很困难吗？4，体积会很大吗？

下雪天的夏风·2024-01-19 09:37

【前后端的那些事】评论功能实现

文章目录聊天模块1.数据库表2.后端初始化2.1controller2.2service2.3dao2.4mapper3.前端初始化3.1路由创建3.2目录创建3.3tailwindCSS安装4.tailwindUI5

飞哥不鸽·2024-01-18 15:15

项目配置集成unocss指南，配合VsCode插件太香了

Unocss是一个基于TailwindCSS的工具，它通过静态分析HTML和CSS代码，自动消除未使用的样式，以减小生成的CSS文件大小。

ita_code·2024-01-17 19:16

解决tailwind与element样式冲突

2.问题3.原因二、解决方法1.在tailwind.config.js中关闭默认样式2.拷贝Tailwind默认样式修改并引用3.在main.js中引用preflight.css一、问题描述1.环境：TailwindCSS

落魄实习生·2024-01-17 10:00

解决Antd和tailwind样式冲突问题(Button背景透明)

解决方法禁止tailwindcss的默认属性tailwind.config.js中添加corePlugins对象，并设置preflight为false。corePlugins:{prefl

田本初·2024-01-16 17:46

vue中使用ailwind css

官网地址：安装-TailwindCSS中文网推荐一个网站，里面可以查询所有的TailWindCSS的class样式：TailwindCSSCheatSheetnpm安装：注意：1、这里要用npm，不要用

半兽先生·2024-01-13 10:07

从 2023 GitHub 涨星数看 2024 前端发展方向

2023GitHub涨星数看2024前端发展方向前端涨星总榜1.shadcn/ui一个高可定制化的ReactUI组件库，与AntDesign的区别在于它直接将导入的组件文件复制到指定目录中，可以自行修改源码，并且与TailwindCSS

Jackson-Mseven·2024-01-12 00:42

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云，项目地址：https://gitee.com/breezefaith

偏安zzcoder·2024-01-09 14:01

vu2 下载使用tailwind css

命令#Vue2#安装talwindcsspostcssautoprefixernpminstalltailwindcss@npm:@tailwindcss/postcss7-compat@tailwindcss

Sengoku_Xingzi·2024-01-08 04:14

【仅记录】纯前端-手撸一个日程组件--基于svelte

1、日历外框这里放个样式就好，颜色取色outlook，主打的就是一个仿制，用的TailwindCSS样式.s

kikaori-茶·2024-01-05 16:21

tailwindcss + element plus 自动引入时，el-button样式被覆盖的问题

问题描述在安装了tailwindcss+elementplus时，会发现el-button的样式被tailwindcss的样式给覆盖了，（目前也只遇到button被覆盖的情况）。

goms·2024-01-05 01:29

让生产力起飞的超火开源CSS框架：tailwindcss

IT咖啡馆·2024-01-02 15:59

Tailwind CSS 在Html中的使用

官网地址：Installation-TailwindCSS前言记录从0到1在原生HTML中通过TailwindCLI使用TailwindCSSTailwindCLI第一步，新建一个HTML文件夹mkdirHTML

wax9092·2023-12-30 08:00

css原子化的框架Tailwindcss的使用教程(元素html和vue项目的安装与配置)

安装教程中文官网教程原始的HTML里面使用新建文件夹npminit-y初始化项目安装相关依赖npminstall-Dtailwindcsspostcss-cliautoprefixer初始化两个文件npxtailwindcssinit-p根目录下新建src/style.css@tailwindbase;@tailwindcomponents;@tailwindutilities;tailwind.

萧寂173·2023-12-28 22:56

Tailwind CSS 原子化开发初体验

TailwindCSS的工作原理是扫描所有HTML文件、JavaScript组件以及任何模板中的CSS类（class）名，然后生成相应的样式代码并写入到一个静态CSS文件中。

天問_·2023-12-26 15:26

记录grid布局实现从左至右均匀布局，自动换行

均匀布局,去掉右侧空白grid-template-columns:repeat(auto-fit,minmax(200px,1fr))tailwindcss写法：gridgap-10pxgrid-cols

新时代的弩力·2023-12-26 03:10

Github2023-12-22开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目4TypeScript项目2非开发语言项目2C项目1C++项目1HTML项目1Dart项目1TailwindCSS：快速UI开发的实用型

孙琦Ray·2023-12-24 04:49

奇迹网站系统IGC奇迹mu S18网站可视化装备模板

目前奇迹界只有ASP写的系统，这语言已经被淘汰了，本系统基于PHP8.1使用Laravel9.1PHP框架（世界上使用最多php框架）安全系数远远大于asp前端采用TailWindCSS框架，不要跟我说是

黑凤梨_·2023-12-24 00:02

TailWind CSS 文档添加工具类

说明：此系列文章是个人对TailwindCSS官方文档的翻译，不是很严谨，请谅解。添加工具类尽管tailwind提供了一系列很全面的开箱即用的工具类，但是难免还是会有那种添加自定义类的情况。

你当温柔又有力量·2023-12-20 01:40

如何使用 TailwindCSS 画一条0.5px的线条

那么如何使用TailwindCSS画一条0.5px的线条呢？

乐闻x·2023-12-19 07:22

Tailwind CSS

TailwindCSS简介，在这一课中，我们将初步了解下TailwindCSS。什么是TailwindCSS？

步子哥·2023-12-18 11:29

react+umi tailwindcss 集成方案

TailwindCSS是一个功能类优先的CSS框架，它集成了诸如flexpt-4,text-center和rotate-90这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。

李不一丶·2023-12-18 05:40

Tailwind CSS 入门

什么是TailwindCSS？TailwindCSS是一个CSS框架，它提供了大量的预定义实用类，可以用来快速构建HTML页面。

步子哥·2023-12-18 03:01

vue2 tailwindcss jit模式下热更新失效

按照网上教程安装的tailwindcss，但是修改类名后热更新的时候样式没有生效，参考了大佬的文章，解决了该问题。

小瓶子·2023-12-16 05:39

React渲染Markdown & 代码高亮显示 & 代码块复制

使用react-markdown实现markdown的渲染，使用@tailwindcss/typography实现好看的样式。

远小帅·2023-12-16 05:12

prettier自动排列 Tailwind 的类名顺序

npm安装npminstall-Dprettierprettier-plugin-tailwindcss配置prettier.config.js//prettier.config.jsmodule.exports

zhaojjjjjj163·2023-12-15 19:19

Naive UI 搭配Tailwind CSS 出现按钮变白，样式冲突，不兼容的解决

TailwindCSS的预热样式默认会替换NaiveUI的样式导致出现冲突，主要有：按钮底色变成白色、按钮涟漪出现绿边、字体异常等，在最新的V3版本tailwindcss解决很简单，Preflight关闭即可

奋斗的烧饵块·2023-12-15 18:15

TailwindCSS 如何处理RTL布局模式

那么TailwindCSS应该如何处理RTL布局模式？LTR模式vsRT

乐闻x·2023-12-14 23:21

TailwindCSS 多主题色配置

TailwindCSS多主题色配置现在大多数网站都支持主题色变换，比如切换深色模式。那么我们该如何进行主题色配置呢？

乐闻x·2023-12-14 23:44

Nextui使用

customization/customize-theme//tailwind.config.jsconst{nextui}=require("@nextui-org/react");/**@type{import('tailwindcss

活着Viva·2023-12-14 22:54

推荐频道

TailwindCSS

TailWind CSS 文档 提取组件