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
本周最火 AutoGPT!GitHub3.6万+标星,解决复杂任务全程无需人类插手!
例如一位网友就要求AutoGPT开发一个网站,结果不到3分钟,AI自己就用React和
TailwindCSS
“唰唰唰”地搞定了。AI自己上网、自己使用第三方工具、自己思考、自己操作你的电脑。
爬遍天下无敌手
·
2023-04-19 07:35
Python
gpt
人工智能
chatgpt
python
useDark的使用方法以及Element-Plus深色主题切换案例(vue3)
VueUse的官方案例使用了
TailwindCSS
偏好的暗模式。因为我们不一定都用得到
TailwindCSS
。所以这里我以element-plus的深色主题为例子。
Etc.End
·
2023-04-18 19:27
#
Browser
vueuse
html
前端
javascript
vue.js
本周最火AutoGPT!GitHub3.6万+标星,解决复杂任务全程无需人类插手
例如一位网友就要求AutoGPT开发一个网站,结果不到3分钟,AI自己就用React和
TailwindCSS
“唰唰唰”地搞定了。AI自己上网、自己使用第三方工
Openlab.cosmoplat
·
2023-04-18 12:45
人工智能
广州蓝景分享—4个VSCode插件,让Tailwind CSS开发更简单
该工具可以实时提供
TailwindCSS
类的建议,减少错误,提高代码质量。通过使用In
广州蓝景
·
2023-04-18 03:27
vscode
css
前端
Pure Admin框架学习笔记---1 (认识它)
使用Vue3、Vite、Element-Plus、TypeScript、Pinia、
Tailwindcss
等主流技术栈开发版本:这里推荐下载完整版,你会看见很多的功能,至于将多余的菜单删除后续我会将出来
破浪前进
·
2023-04-14 15:52
学习
笔记
vue.js
Vue中使用Tailwind CSS的具体方法
目录1.快速使用2.快速了解
TailwindCSS
类3.在
TailwindCSS
中使用flex布局4.实现常见的布局5.实现黑白主题切换6.
TailwindCSS
兼容组件库吗?
·
2023-04-03 13:25
使用Tailwind CSS,看这个文章就够了,使用Tailwind CSS的N个感触
随着翻译
TailwindCSS
以及我自己项目的使用,对这个CSS框架有些认识和使用感触。在此总结发布出来。
牛铁柱大兄弟
·
2023-04-02 18:26
分享 10 个 Tailwind CSS UI 站点,助你快速启动项目
与其他CSS框架或库不同,
TailwindCSS
组件没有预先设置好样式。相反,您可以使用Tailwind的低级实用类来为CSS元素设置样式,如margin、flex、color等。
前端达人
·
2023-03-31 15:05
ui
css
前端
javascript
html
daisyUI解决
TailwindCSS
堆砌class问题详解
目录写在前面daisyUI概述丰富的资源对比
TailwindCSS
顽强的适用性快速上手自定义主题封装一个button组件写在最后写在前面关于
TailwindCSS
是什么这里就不多叭叭了,这里简要的说下TainwindCSS
·
2023-03-31 01:36
vite+vue3+ts+ant design vue+
tailwindcss
搭建前端web应用(1)
简介本文编写的目的是为了基于vue3、vite、ant-design-vue3、
TailwindCSS
3和TypeScript搭建开箱即用的前端应用框架模板,会实现axios、VueRouter和Pinia
konsei
·
2023-03-28 14:05
vue
vue.js
javascript
前端框架
anti-design-vue
postcss
极简风格个人博客模板,基于
tailwindcss
,daisyui。
介绍31种主题随意切换源码:https://github.com/meetqy/css.ist在线预览:https://css.ist/template/15截图1.png2.png3.png4.png5.png6.png
css_ist
·
2023-03-27 11:06
NUXT3+
tailwindcss
+pinia项目搭建
-template-by-leehan依赖包及启动npminstallnpmrundev启动成功后打开:http://localhost:3000/显示nuxt定义的welcome页面项目创建成功安装
tailwindcss
className_lee
·
2023-03-24 18:59
vue.js
前端
javascript
vscode
css
Tailwindcss
入门
Tailwindcss
是一个功能类优先的CSS框架,通过flex,pt-4,text-center和rotate-90这种原子类组合快速构建网站,而不需要离开你的HTML。
前端黑板报
·
2023-03-11 03:39
reactjs学习解决unknown at rule @tailwind css问题
目录解决unknownatrule@tailwindcssReact配置
Tailwindcss
问题步骤测试总结解决unknownatrule@
tailwindcss
安装tailwind,以及配置了tailwindcssintellisense
·
2023-03-11 00:02
使用
tailwindcss
与antd冲突,Button按钮透明
先看问题image.png问题出现的原因原因是我们使用了
tailwindcss
,默认情况会有
tailwindcss
的默认属性代码块内我们发现background-color:transparent;这个是默认属性导致的
这个超人不会飞阿
·
2023-03-10 16:51
2023 告别 CSS 预处理工具,彻底拥抱
TailwindCSS
CSS是声明式语言,很简单,很好学,但是写起来很累,所有东西都要写出来才能生效。复用方面更是无从下手,虽然大家都在不断总结,但始终没能找到足够好用的方案,可以有效改善CSS开发。于是我们只好把视线转出CSS之外,转投CSS预处理工具,Less、SASS(SCSS)、Stylus,引入种种CSS不具备的功能,帮助我们改进开发体验。比如嵌套、函数、循环、条件,等等。然而如果你细心观察,实际上,这几个工
·
2023-02-23 17:06
2023 告别 CSS 预处理工具,彻底拥抱
TailwindCSS
CSS是声明式语言,很简单,很好学,但是写起来很累,所有东西都要写出来才能生效。复用方面更是无从下手,虽然大家都在不断总结,但始终没能找到足够好用的方案,可以有效改善CSS开发。于是我们只好把视线转出CSS之外,转投CSS预处理工具,Less、SASS(SCSS)、Stylus,引入种种CSS不具备的功能,帮助我们改进开发体验。比如嵌套、函数、循环、条件,等等。然而如果你细心观察,实际上,这几个工
·
2023-02-19 18:11
在vue3中(vite)引入unocss,安装配置unocss
前言:不了解unocss的朋友,建议先阅读此文章https://antfu.me/posts/reimagine-atomic-css-zh简单来说,unocss是一个css引擎,用过
TailwindCSS
子绎
·
2023-02-03 11:09
React -
TailwindCSS
Colors 值的使用
通常情况下,使用className即可设置相关的颜色属性,某些特殊下需要使用具体的RGB值,那么className则不适用,但是可以使用
TailwindCSS
包提供的静态常量。
Anoyi
·
2023-01-29 08:22
vue3开源项目
1、vue-pure-admin使用Vue3、Vite、Element-Plus、TypeScript、Pinia、
Tailwindcss
等主流技术栈开发官方文档:https://yiming_chang.gitee.io
小趴菜呢
·
2023-01-23 08:08
vue3
开源
vue.js
javascript
Tailwind 真香
一、导入在进入
Tailwindcss
主题之前,我们先来聊聊css的发展历程,这将有利于理解tailwind存在的意义。CSS经历了三个阶段:原生阶段:需要什么就写什么。
hyomei
·
2023-01-14 06:11
CSS
css
前端
vue3 + tsx + pinia + jest开发模板整理
公司项目使用react,但是作为vue2的一名coder,周末花了两天的时间,整理了一波vue3+tsx+vite+axios的开发模板,里面涵盖jest、
tailwindcss
、pinia、element-plus
kanade_hu
·
2023-01-08 08:31
前端分享会
vue.js
前端
javascript
typescript
运用Vue3+Vite+pinia+
tailwindCSS
构建项目
Vite需要Node.js版本>=14.18.0需要npm6.x以上创建项目:npmcreatevite@latestxxx--templatevue安装依赖:npmi安装
TailwindCSS
:npmnpminstall-Dtailwindcsspostcssautoprefixernpxtailwindcssinit-p
greendx
·
2022-12-30 17:30
前端技术架构搭建
vue.js
npm
javascript
一年学完mit计算机课程_一年的实用程序课程
具体来说,我们决定使用实用程序类框架
TailwindCSS
,该框架提供了一堆类,您可以将这些类应用于您的项目以快速构建UI。
cuotangu3718
·
2022-12-30 00:49
python
java
编程语言
javascript
人工智能
ViewUI
tailwindcss
介绍、以及用webpack简单配置一个项目
webpack配置由于各大插件更新频率太快,可能相隔一定的时间不去使用,相关的配置,用法的改变会使你怀疑人生。记录下最近使用webpack各个插件的版本信息,以及坑点;最开始是使用webpack5.24.1+webpack-dev-server3.11.2。这两个版本搭配使用服务总是启动不起来。以为是自己配置有问题,一行一行逐步看配置(眼里都是泪啊),经过一系列的资料查询,才发现是版本冲突(心态崩
CQer
·
2022-12-26 17:56
TailwindCSS
断点可视化工具
环境ChromeTailwindCSS3Demo用Vue.js实装,改变屏幕尺寸就能得到当前屏幕信息,建议使用CodePen查看CodePenCodeVue.js{{width}}x{{height}}GetCodepenScreenSizebase/xs=~639pxiphonese↑iphone7↑iphone12pro↑sm(min-width:640px)=640px~767pxiphon
·
2022-12-14 18:30
tailwind-css前端
Vue3 学习笔记 —— scoped、tailwind、unocss 原子化、Vue3 样式新特性
scoped、样式穿透2.1scoped渲染规则2.2样式穿透3.Vue3样式新特性3.1插槽选择器:slotted()3.2全局选择器:global()3.3动态样式绑定3.4cssmodule4.
TailwindCss
4.1
Lyrelion
·
2022-12-11 19:35
Vue3/Vite
unocss
scoped
tailwind
Vue3
样式新特性
在react中使用tailwind的问题
npminstall-Dtailwindcss@npm:@
tailwindcss
/postcs
·
2022-11-12 13:00
Vue3编写气泡对话框组件
Vue3气泡对话框组件,使用TypeScript枚举限定类型,样式用到了
TailwindCSS
组件代码 import{ defineComponent, PropType}from'vue';
·
2022-11-11 15:26
angular项目打包_?????? 一个基于vue3+vite+ts的完整项目
项目基于ant-design-vue,typescript,vue3.0,vite,
tailwindcss
,tsx实现的vue3风格的后台管理系统,gitHub地址vue-vben-admin2.0-main
weixin_39553757
·
2022-11-06 21:08
angular项目打包
采用 vue3 + vite + element-plus + tsx + decorators +
tailwindcss
构建 admin 管理员后台页面
/vue3-vite-tsx-element-plus-admin–长期维护开发环境node14.21.0+简介当前项目采用vue3+vite+element-plus+tsx+decorators+
tailwindcss
w-klover
·
2022-11-06 21:06
vue
vue.js
前端
Vite插件大全
优势极速的服务启动⚡️轻量快速的热重载️丰富的功能优化的构建通用的插件完全类型化的APIVue3Vitesse基于Vite的入门模板.vite-vue3-tailwind-starterVite+Vue3+
TailwindCSS
GF~
·
2022-11-03 14:38
Vue
vite
vue.js
javascript
前端
vite
插件
Vue3,Vite3,TS,Naive-UI整合
TailwindCSS
目录前言一、环境要求二、创建项目三、安装和使用NaiveUI1、安装NaiveUI2、使用NaiveUI(直接引入)3、使用NaiveUI(自动引入引入)4、使用图标四、安装
TailwindCSS
五、NaiveUI
小墨先生
·
2022-09-30 05:35
WEB前端技术
typescript
前端框架
vue.js
visual
studio
code
前端成功转型后端开发的机会在哪里;如何评价框架
TailwindCSS
;前端的未来是远程工作吗|极客观点
期待我们一起成长和进步呀今日关键词:#前端转后端#
tailwindcss
#“远程工作”的
·
2022-09-19 08:36
segmentfault
tailwindcss
一款绝对让你惊艳的CSS框架
,注:以下阐述都是个人理解以及网上寻找的资料什么是
TailwindCSS
:
TailwindCSS
是一种实用工具-基于低级别的CSS框架,旨在简化建设有速度,较少关注Web应用程序编写自定义的CSS,官话
小边_leo
·
2022-08-25 13:47
记录一个Vue3简易微信右滑删除逻辑的思路实现
一.搭建简易的页面对应的代码,界面使用了
tailwindCSS
,代码非常简单,就是普通的定位,关键的定位已经用黄色框框圈出。right的值为div删除的宽度,其它的样式这里不再过多赘述。
·
2022-08-17 19:28
视觉盛宴篇!推荐 12 个好用的 CSS 的开源项目,YYDS !
https://github.com/animate-css/animate.css2.
tailwindcss
无需离开您的HTML,即可快速建立现代网站。
YvetteLau
·
2022-07-29 22:11
css
html
javascript
vue
js
前端有用的库
HTMLawesome-html5精选的HTML5资源精选清单CSStailwindcss与
TailwindCSS
相关的很棒的事情awesome-css-frameworks很棒的CSS框架列表awesome-css-cnCSS
yusirxiaer
·
2022-07-29 12:56
前端优化
javascript
node.js
react.js
Vue3记录一个简易微信右滑逻辑的思路
一.搭建简易的页面对应的代码,界面使用了
tailwindCSS
,代码非常简单,就是普通的定位,关键的定位已经用黄色框框圈出。right的值为div删除的宽度,其它的样式这里不再过多赘述。
·
2022-07-19 00:52
vue2 + vite 配置
tailwindcss
不生效
按照网上的方法配置,包括官网的vue3+vite配置tailwind文档。配置好久都没有效果,编译出来的文件是这样的可以看到样式并没有编译出来。经过各种探讨,参考vue2配置的tailwind,发现有人需要单独在vue.config.js加一个配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require
·
2022-07-13 18:27
在vue2 中使用
tailwindcss
的方法 亲测可用
目录1.直接安装2.创建文件
tailwindcss
.css3.main.js中引入4.在项目根目录执行以下命令:5.测试一下注意:我用我走过的坑告诉你们,一定要按照步骤,一步一步来1.直接安装npminstall-Dtailwindcss
·
2022-07-09 17:42
daisyUI - 主题漂亮、代码纯净,免费开源的 Tailwind CSS 组件库,不需要堆砌 class 名
关于daisyUIdaisyUI是一款极为流行的CSSUI组件库,作者PouyaSaadeghi基于大名鼎鼎的
TailwindCSS
框架构建的组件库。
那些免费的砖
·
2022-07-01 18:06
前端优秀开源项目
android
javascript
前端
Vue中使用
tailwindcss
一、下载tailwindcssnpminstalltailwindcss二、引入
tailwindcss
创建样式文件夹,或在现有文件夹引入,例如style/index.css@import"
tailwindcss
山竹回家了
·
2022-06-22 14:50
前端
vue.js
vscode
javascript
tailwind css + vuejs3实现过渡(transition)效果
tailwindcss
+vue3=easyandbeautifultransitions不得不说,
tailwindcss
和vuejs可真是绝配,在transition效果的实现上也是如此。
ZachhhBweg
·
2022-06-22 14:14
我也会写点前端
vue
css
tailwind
transition
uniapp +vue3+ts+
tailwindcss
开发搭建兼容小程序版本
1、创建uniappcli版本uniapp官网环境安装命令行使用以下命令//使用正式版(对应HBuilderX最新正式版)vuecreate-pdcloudio/uni-preset-vuemy-project//使用alpha版(对应HBuilderX最新alpha版)vuecreate-pdcloudio/uni-preset-vue#alphamy-alpha-project选择默认模板ty
HHH 917
·
2022-06-22 14:11
Tailwind
Css
vue3
ts
vue.js
小程序
前端
在 Vue 3 和 Vite 安装 Tailwind CSS
在Vue3和Vite安装
TailwindCSS
在Vue3和Vite安装
TailwindCSS
-
TailwindCSS
中文文档安装Tailwind以及其它依赖项:目前最新的
tailwindcss
3.0.24
跪下,大胆刁民
·
2022-06-22 14:59
笔记
vue3
vue.js
css
Vue3 Vite 使用
tailwindcss
& element-plus & iconify
安装和使用
tailwindcss
官方参考地址:https://www.
tailwindcss
.cn/docs/guides/vue-3-vite新建Vuevite项目,然后安装
tailwindcss
#vue
而又何羡乎
·
2022-06-22 14:58
Vue
element-plus
tailwindcss
iconify
vue.js
typescript
vue3.x兼容
tailwindcss
(截至发帖)
1.postcss.config.jsconstpurgecss=require('@fullhuman/postcss-purgecss')({content:['./layouts/**/*.html','./src/**/*.vue','./src/**/*.jsx'],defaultExtractor:content=>content.match(/[\w-/:]+(?
qq_40676272
·
2022-06-22 14:55
vue.js
javascript
Vue3 VueCli4.5 整合
Tailwindcss
笔记
1.软件版本准备:webstorm:2021.2.1才有
tailwindcss
的开发提示VueCli4.5+
Tailwindcss
2.2+安装提示插件Tailwindformatter2.安装
Tailwindcss
芋头同学
·
2022-06-22 14:45
Web
UI框架
vue.js
2021-web前端-vue结合
TailwindCss
使用指南-vue-
tailwindcss
vue结合
TailwindCss
使用指南vue-cli项目的安装
[email protected]
新建tailwind.css,在src/
itwangyang520
·
2022-06-22 14:14
vuejs
vue
上一页
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
其他