TailwindCSS

tailwindcss在vue2中安装配置流程

vue版本不一样配置也不一样tailwindcss官网v2当前node（16.17.0）vue-cli（5.0.0）1.安装指定依赖npminstalltailwindcss@npm:@tailwindcss
Zeng　·2024-09-09 15:03

tailwindcss

简单理解TailwindCSS就是CSS的lodash,他是一个增强工具类，你可以用原子类的方式写样式，也可以基于PostCSS作为工具函数做Mixin。核心概念功
readmancynn·2024-09-01 08:53

使用 Tailwind CSS 实现水平和垂直居中对齐的方法

在前端开发中，可以使用TailwindCSS轻松实现水平和垂直居中对齐。方法1：使用flex布局这种方法最常用且灵活，可以适应各种情况。
B.-·2024-08-24 21:31

【CSS】Vue2使用TailwindCSS方法及相关问题

一.安装1.npm安装TailwindCSSnpminstalltailwindcss@npm:@tailwindcss/postcss7-compat@tailwindcss/postcss7-compatpostcss
SZnA1·2024-03-15 09:08

爆火的截图生成代码项目核心功能竟然只是一条 Prompt

aid=451188390&ci...screenshot-to-code这个项目可以将屏幕截图转换为HTML/TailwindCSS代码。
·2024-02-20 17:56

如何使用TailwindCSS和JavaScript构建自定义的HTML5视频播放器

HTML5自带了一个原生视频播放器。它在浏览器中配备了简单的用户界面、功能和一些基本的控件。尽管通过浏览器的默认视频播放器的功能完美运行，但用户界面并不那么美观和时尚，总体上并不令人满意。因此，大多数现代Web应用程序和平台，如Udemy、Netflix、YouTube和AmazonPrime，不会将默认内置的HTML5视频播放器提供给他们的用户。相反，他们会构建自己定制的版本，具有时尚的用户界面
晓风晓浪·2024-02-19 21:43

爆火的截图生成代码项目核心功能竟然只是一条 Prompt

aid=451188390&ci...screenshot-to-code这个项目可以将屏幕截图转换为HTML/TailwindCSS代码。
·2024-02-19 13:09

12.2K Star，开箱即用后台管理系统

今天推荐一款开源免费且开箱即用的中后台管理系统，完全采用ECMAScript模块（ESM）规范来编写和组织代码，使用了最新的Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss
·2024-02-19 10:30

TailWindCSS+Vite+Vue3打造个性化在线简历项目,欢迎Fork

前言祝大家在新的一年：大吉大利，身体健康，迎大运，发大财！吐槽随便侃侃，无感请直接跳过到正文。注册了快7年的账号，思否第一篇文你敢信~~哈哈，今天开张了。至于契机嘛…司倒，失业之T_T。最近刷看到类似的帖子也挺多的，ORZ放心，真不是来输出负面情绪的~主菜马上就到。y情后各行各业都不容易啊，待了六年的公司也熬不住去年末倒下了（还有3个月工资拖欠着，希望仲裁给力吧）。个人也长时间呆在舒适区，也没经历
·2024-02-19 10:17

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

今天我们来推荐一个超热的开源原子化CSS框架，帮助你开发速度原地起飞，目前在GitHub已超过31KStar，他就是：TailwindCSS。TailwindCSS是什么?Tai
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
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他