E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
TailwindCSS
Vue3+vite引入Tailwind CSS
TailwindCSS
是一个为快速创建定制化UI组件而设计的实用型框架。与其他CSS框架或库不同,
TailwindCSS
组件没有预先设置好样式。
QGS-CD
·
2024-02-02 00:31
css
前端
tailwindcss
没有提示
下载
tailwindcss
提示插件必须在空格后输入,才会有提示还有一点,如果
tailwindcss
写到一半,光标移走后,再回来写也是不会有提示的,想要出现提示就需要重新删掉从空格开始写(我现在是这样的,
殷东起
·
2024-02-01 07:54
vue
vscode
vuejs
【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
HTML5
vscode
css
ide
解决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
Next.js
javascript
学习
笔记
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
随笔
前端
vue.js
css3
tailwindcss
使用插件自定义隐藏滚动条类
在
tailwindcss
.config.js中constplugin=require('
tailwindcss
/plugin')module.exports={plugins:[plugin(({addUtilities
土生土长的IU
·
2024-01-26 04:26
CSS
前端
vue.js
「nuxt2配置
tailwindcss
」nuxt2添加
tailwindcss
详细步骤!解决版本不对称各种报错~~
运行环境node和npm使用版本nodev14.21.3(npmv6.14.18)1.插件下载官方文档说明npminstall-D@nuxtjs/
tailwindcss
@3.4.3
tailwindcss
Amodoro
·
2024-01-24 15:55
nuxt
nuxt2
tailwindcss
tailwindcss
初体验
tailwindcss
初体验css量子化,需要记住很多类名,的确能提高效率,但是html中类名太多,有点影响逻辑,个人兴趣不大安装//安装npminstall-Dtailwindcss//初始化配置文件
是云呀!
·
2024-01-24 06:09
html与css
前端
即时按需原子 CSS 引擎:比 Tailwind JIT 快 5 倍! | 开源日报 No.149
unocss/unocssStars:14.6kLicense:MIT该项目是一个即时的按需原子CSS引擎,受到WindiCSS、
TailwindCSS
和Twind的启发,解决了定制化、速度和体积的问题
开源服务指南
·
2024-01-20 10:04
开源日报
css
前端
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
css
前端
css3
css
前端框架
【前后端的那些事】评论功能实现
文章目录聊天模块1.数据库表2.后端初始化2.1controller2.2service2.3dao2.4mapper3.前端初始化3.1路由创建3.2目录创建3.3
tailwindCSS
安装4.tailwindUI5
飞哥不鸽
·
2024-01-18 15:15
评论
springboot
vue3
tailwind
项目配置集成unocss指南,配合VsCode插件太香了
Unocss是一个基于
TailwindCSS
的工具,它通过静态分析HTML和CSS代码,自动消除未使用的样式,以减小生成的CSS文件大小。
ita_code
·
2024-01-17 19:16
javascript
vue
unocss
vite
解决tailwind与element样式冲突
2.问题3.原因二、解决方法1.在tailwind.config.js中关闭默认样式2.拷贝Tailwind默认样式修改并引用3.在main.js中引用preflight.css一、问题描述1.环境:
TailwindCSS
落魄实习生
·
2024-01-17 10:00
vue
css
css
vue
解决Antd和tailwind样式冲突问题(Button背景透明)
解决方法禁止
tailwindcss
的默认属性tailwind.config.js中添加corePlugins对象,并设置preflight为false。corePlugins:{prefl
田本初
·
2024-01-16 17:46
Antdesign
javascript
react.js
vue中使用ailwind css
官网地址:安装-
TailwindCSS
中文网推荐一个网站,里面可以查询所有的
TailWindCSS
的class样式:TailwindCSSCheatSheetnpm安装:注意:1、这里要用npm,不要用
半兽先生
·
2024-01-13 10:07
vue.js
css
前端
从 2023 GitHub 涨星数看 2024 前端发展方向
2023GitHub涨星数看2024前端发展方向前端涨星总榜1.shadcn/ui一个高可定制化的ReactUI组件库,与AntDesign的区别在于它直接将导入的组件文件复制到指定目录中,可以自行修改源码,并且与
TailwindCSS
Jackson-Mseven
·
2024-01-12 00:42
JS
github
前端
使用命令行方式搭建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
开发日记
环境配置
uni-app
vue.js
typescript
Tailwind
CSS
vu2 下载使用tailwind css
命令#Vue2#安装talwindcsspostcssautoprefixernpminstalltailwindcss@npm:@
tailwindcss
/postcss7-compat@
tailwindcss
Sengoku_Xingzi
·
2024-01-08 04:14
css
前端
tailwind
【仅记录】纯前端-手撸一个日程组件--基于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
vue
javascript
让生产力起飞的超火开源CSS框架:
tailwindcss
今天我们来推荐一个超热的开源原子化CSS框架,帮助你开发速度原地起飞,目前在GitHub已超过31KStar,他就是:
TailwindCSS
。
TailwindCSS
是什么?Tai
IT咖啡馆
·
2024-01-02 15:59
开源推荐
开源
css
前端
github
开源软件
Tailwind CSS 在Html中的使用
官网地址:Installation-
TailwindCSS
前言记录从0到1在原生HTML中通过TailwindCLI使用TailwindCSSTailwindCLI第一步,新建一个HTML文件夹mkdirHTML
wax9092
·
2023-12-30 08:00
html5
css3
css
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
vue
css
css
html
vue.js
Tailwind CSS 原子化开发初体验
TailwindCSS
的工作原理是扫描所有HTML文件、JavaScript组件以及任何模板中的CSS类(class)名,然后生成相应的样式代码并写入到一个静态CSS文件中。
天問_
·
2023-12-26 15:26
CSS
css
前端
CSS原子化
Tailwind
记录grid布局实现从左至右均匀布局,自动换行
均匀布局,去掉右侧空白grid-template-columns:repeat(auto-fit,minmax(200px,1fr))
tailwindcss
写法:gridgap-10pxgrid-cols
新时代的弩力
·
2023-12-26 03:10
javascript
前端
css
Github2023-12-22开源项目日报 Top10
根据开发语言中项目的数量,汇总情况如下:开发语言项目数量Python项目4TypeScript项目2非开发语言项目2C项目1C++项目1HTML项目1Dart项目1
TailwindCSS
:快速UI开发的实用型
孙琦Ray
·
2023-12-24 04:49
开源
奇迹网站系统IGC奇迹mu S18网站可视化装备模板
目前奇迹界只有ASP写的系统,这语言已经被淘汰了,本系统基于PHP8.1使用Laravel9.1PHP框架(世界上使用最多php框架)安全系数远远大于asp前端采用
TailWindCSS
框架,不要跟我说是
黑凤梨_
·
2023-12-24 00:02
php
TailWind CSS 文档 添加工具类
说明:此系列文章是个人对
TailwindCSS
官方文档的翻译,不是很严谨,请谅解。添加工具类尽管tailwind提供了一系列很全面的开箱即用的工具类,但是难免还是会有那种添加自定义类的情况。
你当温柔又有力量
·
2023-12-20 01:40
如何使用
TailwindCSS
画一条0.5px的线条
那么如何使用
TailwindCSS
画一条0.5px的线条呢?
乐闻x
·
2023-12-19 07:22
TailwindCSS
通关指南
css3
tailwindcss
Tailwind CSS
TailwindCSS
简介,在这一课中,我们将初步了解下
TailwindCSS
。什么是
TailwindCSS
?
步子哥
·
2023-12-18 11:29
css
前端
react+umi
tailwindcss
集成方案
TailwindCSS
是一个功能类优先的CSS框架,它集成了诸如flexpt-4,text-center和rotate-90这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。
李不一丶
·
2023-12-18 05:40
react
前端
css
Tailwind CSS 入门
什么是
TailwindCSS
?
TailwindCSS
是一个CSS框架,它提供了大量的预定义实用类,可以用来快速构建HTML页面。
步子哥
·
2023-12-18 03:01
css
前端
vue2
tailwindcss
jit模式下热更新失效
按照网上教程安装的
tailwindcss
,但是修改类名后热更新的时候样式没有生效,参考了大佬的文章,解决了该问题。
小瓶子
·
2023-12-16 05:39
vue.js
React渲染Markdown & 代码高亮显示 & 代码块复制
使用react-markdown实现markdown的渲染,使用@
tailwindcss
/typography实现好看的样式。
远小帅
·
2023-12-16 05:12
React.js
react.js
前端
前端框架
typescript
javascript
prettier自动排列 Tailwind 的类名顺序
npm安装npminstall-Dprettierprettier-plugin-
tailwindcss
配置prettier.config.js//prettier.config.jsmodule.exports
zhaojjjjjj163
·
2023-12-15 19:19
WEB
前端
prettier
Naive UI 搭配Tailwind CSS 出现按钮变白,样式冲突,不兼容的解决
TailwindCSS
的预热样式默认会替换NaiveUI的样式导致出现冲突,主要有:按钮底色变成白色、按钮涟漪出现绿边、字体异常等,在最新的V3版本
tailwindcss
解决很简单,Preflight关闭即可
奋斗的烧饵块
·
2023-12-15 18:15
ui
css
前端
TailwindCSS
如何处理RTL布局模式
那么
TailwindCSS
应该如何处理RTL布局模式?LTR模式vsRT
乐闻x
·
2023-12-14 23:21
TailwindCSS
通关指南
前端
css3
css
TailwindCSS
TailwindCSS
多主题色配置
TailwindCSS
多主题色配置现在大多数网站都支持主题色变换,比如切换深色模式。那么我们该如何进行主题色配置呢?
乐闻x
·
2023-12-14 23:44
TailwindCSS
通关指南
TailwindCSS
css
前端
Nextui使用
customization/customize-theme//tailwind.config.jsconst{nextui}=require("@nextui-org/react");/**@type{import('
tailwindcss
活着Viva
·
2023-12-14 22:54
前端
javascript
react.js
ecmascript
Vite + React +
tailwindcss
+ ts + 多Nodejs环境... 速搭
最近接触了前端代码,作为一个后端,能将其搭起来并用于生产,我感到很是欣慰。本文纯安装速记与关键点记录,适合有一定经验且对前端React及生态有一些小了解,想要快速的将一个框架搭建起来的童鞋。可当成一个指引。Node.js环境安装本地搭建可支持多个Node.js版本切换的工具。这里笔者使用的工具是NVM。该工具支持多种操作系统,目前以windoows为例来说明。tip:NVM用于切换多个node版本
carmen_山海
·
2023-12-14 19:18
前端
react.js
前端
【
TailwindCSS
】
TailwindCSS
作为一种现代化的CSS框架,以其高度的定制性和灵活性受到前端开发者的青睐。本文旨在提供一份详细的
TailwindCSS
使用教程,特别适用于Vite和Vue框架的组合。
LinDon_
·
2023-12-05 17:06
前端
vue.js
html
用 @icestack/ui 构建适配微信小程序的 daisyui
安装初始化配置构建样式作为tailwindcssplugin来使用安装配置智能提示在微信小程序里使用安装注册构建演示小程序收到启发的项目参考地址前言daisyui是
tailwindcss
中最流行的纯CSS
ice breaker
·
2023-12-05 08:15
ui
微信小程序
css
React使用
TailwindCSS
React中使用TailwindCSSTailwindCSS是下载及初始化可以查看官网对照自己使用的框架进行配置npminstall-Dtailwindcsspostcssautoprefixer下载完毕后执行如下命令npxtailwindcssinit-p可以发现项目中多了两个文件其中默认已经进行了配置,我们需要将tailwind.config.js更改配置为如下:/**@type{import
田本初
·
2023-12-04 01:20
React
react.js
前端
前端框架
Star 17.3k!这个截屏项目火了!给它一张屏幕截图,即可一键克隆网页!
前言你敢信,只凭借着一张屏幕截图即可转换生成HTML/
TailwindCSS
代码。可以算得上是前端工程师的福音。它就是screenshot-to-code。
孜孜孜孜不倦
·
2023-12-02 16:36
python
github
入职之前,狂补技术,4w字的前端技术解决方案送给你(vue3 + vite
针对上述问题,我们可以通过
tailwindcss
来进行解决。下面我们来看其具体用法。
不爱敲代码的小胡
·
2023-11-30 11:23
tensorflow
人工智能
python
nuxt3使用总结
目录背景安装项目配置路由
Tailwindcss
引入全局样式配置css预处理器安装
Tailwindcss
项目的配置部署上线seo优化背景新入职了一家公司,刚进入公司第一个需求就是先做一个公司的官网,需要使用
海海呐
·
2023-11-29 09:27
Vue3
vue.js
前端
javascript
nuxt3
nuxt
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他