腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如
何在
React
中
使用
Tailwind
CSS
转换
背景色
?
、
、
、
、
我的问题是没有出现过渡,我非常确定,因为当状态改变时,
React
会重新渲染整个组件。 </nav> </header> 我尝试过HeadlessUI
转换
组件,但它不起作用,因为它只在整个组件(而不是属性)中
转换
,而且我也不能让
React</e
浏览 15
提问于2021-06-14
得票数 0
回答已采纳
1
回答
消除默认
背景色
的Chakra-UI
、
、
我
使用
@chakra/
使用
尾风、
CSS
和NextJS。我已在我的black文件中将
背景色
设置为globals.
css
: background-color: black;但我没有看到黑色的应用,我只看到一个白色的屏幕。在我
转换
到脉轮之前,这起作用了,所以我想这是和它有关的。这是我的app.js文件:imp
浏览 2
提问于2021-10-25
得票数 2
回答已采纳
3
回答
得到的错误“嵌套
CSS
被检测到,但
CSS
嵌套还没有正确配置”的反应应用?
、
、
Please enable a
CSS
nesting plugin *before*
Tailwind
in your configuration.= { "tailwindcss/nesting": {}, autoprefixer: {},};
如
您所见注意:我也尝试
使用
require('
tailwind
/nesting')的数组语法,就像指南建
浏览 34
提问于2022-01-11
得票数 11
回答已采纳
1
回答
生成和导出TailwindCSS和NextJS时遇到的问题
、
、
、
、
在
使用
npm run dev时,这个项目工作得很好,我能够
使用
所有的
Tailwind
类。build src/styles/index.
css
-o src/styles/
tailwind
.
css
", "build": "next build": "^1.4.0", "@
浏览 5
提问于2021-07-31
得票数 2
2
回答
使用
有反应的尾翼,清洗后尺寸不会减少。
、
/src/assets/styles/
tailwind
.
css
postcss.config.jsplugins: []package.json "start": "node scripts/start.js && postcss
浏览 1
提问于2020-08-05
得票数 3
回答已采纳
1
回答
将
Tailwind
类
转换
为
css
内联样式
、
、
、
在这些日子里,我正在为从
react
应用程序到
react
原生应用程序的
转换
而苦苦挣扎;在这个
react
应用程序
中
,我
使用
顺风来样式化组件,因此我需要将顺风类
转换
为内联
css
,这样我就可以
使用
在线工具将其
转换
为
react
原生样式表。有没有一种方法或工具可以从
Tailwind
代码
中
获取
css
?即(尾风代码)
转换
后的"w-fu
浏览 71
提问于2021-06-28
得票数 1
回答已采纳
2
回答
Cypress组件测试、ReactJS和TailwindCSS
、
、
我尝试
使用
我在VueJS上
使用
的方法,导入
css
文件,但它不加载样式。下面是我添加了柏树组件测试的提交:如下所示:但我想
使用
我的自定义
css
。
浏览 0
提问于2021-08-15
得票数 5
回答已采纳
2
回答
如何向.less文件
中
添加顺风
、
我有一个
使用
.less作为
CSS
预处理程序的gatsby项目,向它添加顺风,
如
文档中所示。@
tailwind
base@
tailwind
components 如何将顺风添加到.less文件
中
?
浏览 2
提问于2021-11-22
得票数 2
2
回答
向DOM
中
的元素添加尾风
CSS
、
我需要将
Tailwind
样式应用到DOM的特定部分。我在我的反应应用程序中
使用
了尾风。
浏览 29
提问于2022-06-05
得票数 0
1
回答
在我的反应应用后,当我做“纱线开始”时,我遇到了问题。
、
、
、
、
在我的
React
(
使用
创建的)
中
应用postcss时,遇到了一个问题{ "watch:
css
&quo
浏览 2
提问于2020-05-11
得票数 0
回答已采纳
1
回答
使用
带有多个相似元素的顺风
CSS
的最佳实践是什么?
我在学习尾风
CSS
。正如我所理解的,如果您想要对元素进行样式化,可以向其添加
Tailwind
实用程序
css
类。当我想要设计多个相似的元素时,我应该做些什么?,我有以下HTML片段:<tr><td></td></tr> </
浏览 2
提问于2022-04-22
得票数 1
回答已采纳
2
回答
顺风
css
在nextjs
中
不能正常工作。
、
我在Next.js中
使用
顺风,并
使用
以下命令创建环境: 在我的代码text-red-500
中
,
浏览 9
提问于2022-01-09
得票数 1
回答已采纳
3
回答
如何将
react
.js与
tailwind
.
css
结合
使用
、
我想用
react
.js制作一个项目,并
使用
tailwind
.
css
进行样式设计,这有可能吗?以及如何 希望
react
.js和样式
tailwind
.
css
之间的合并可以在一个包
中
完成。
浏览 21
提问于2022-11-24
得票数 -1
1
回答
用于反应本机不工作的顺风
css
、
我正在
使用
下面的代码,但在应用程序
中
没有顺风类的影响。。import
React
from '
react
';import {useTailwind} from '
tailwind
-rn'; const
tailwind
= useTailwind();
浏览 4
提问于2022-05-05
得票数 0
2
回答
顺风在单体建筑
中
不能正常工作
、
、
、
、
我
使用
的是
使用
纱线工作区的monorepo体系结构,其中
Tailwind
CSS
是该项目的基础。在我
使用
的一个工作区
中
,我
使用
了
React
,并在其样式
中
添加了
Tailwind
实用程序。顺风在这个项目中运行得还不错 每当我定义新颜色时,不是working.Moreover,我也想实现darkMode,在
tailwind
.config.js
中
添加了darkMode: 'cla
浏览 11
提问于2022-02-01
得票数 6
回答已采纳
1
回答
未应用顺风响应样式
、
、
我有一个gatsby网站,它
使用
顺风作为npm的依赖项。在global.
css
中
,我导入了@
tailwind
指令。/* @
tailwind
preflight; */@
tailwind
utilities;@
tailwind
screens; 这个
css
文件被导入
浏览 2
提问于2020-01-14
得票数 0
2
回答
顺风
CSS
打破现有样式
当我将
Tailwind
添加到我的
React
项目中时,它破坏了现有的样式。我没想到它会覆盖现有的样式,比如将按钮背景更改为透明。编辑:当我排除基地时,这个问题就消失了,即: //@import "tailwindcss
浏览 12
提问于2022-06-17
得票数 1
回答已采纳
1
回答
如
何在
开发模式下设置
Tailwind
3+ PostCSS + Storybook以进行快速刷新?
、
、
我正在尝试创建一个独立的UI库,
使用
React
和
Tailwind
。我正在
使用
Storybook测试组件。具体来说,不存在像Vite或Next.js这样的构建器。我在--watch
中
运行了postcss,但我怀疑它不会对
tailwind
.config.js进行更改。提高开发人员体验的最佳方法是什么?理想情况下,我希望每当PostCSS更改或任何
React
更改时都会触发
tailwind
.config.js。以下是package.jso
浏览 15
提问于2022-06-28
得票数 0
回答已采纳
1
回答
如何
使用
顺风手表启动
react
应用程序
、
这是我在package.json
中
的脚本。我
使用
create-
react
-app创建了一个项目,并希望引入顺风。"build:
css
": "postcss src/theme/
tailwind
.
css
-o src/assets/styles.
css
", "watch:
css
": "postcss -w src/theme/
浏览 22
提问于2020-05-23
得票数 0
1
回答
Vue/
Tailwind
中
的浮动标签
、
我希望为输入表单字段找到一个浮动标签,将标签放在边框
中
,以便在我的
Tailwind
/Vue项目中
使用
。我看了几个选择:更复杂,但我让它正常工作,直到我将它放入具有
背景色</em
浏览 2
提问于2021-03-06
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React中使用CSS的7中方式
Facebook 重构:抛弃 Sass / Less ,迎接原子化 CSS 时代
CSS-in-JS:一个充满争议的技术方案
2020 年的 JavaScript 后起之秀
2020 年你应该知道的 React 库
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券