腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
使用
样式
化
组件
更改
背景
图像
reactjs
、
styled-components
我想要动态地改变backgroundImage,当我尝试的时候,它不工作,但是当我在chrome中打开devtools时,可以显示那个
背景
<RecommendWrapper> height: 50px; background:url(${banner}); `
浏览 96
提问于2018-12-25
得票数 6
回答已采纳
1
回答
React中相同
样式
组件
的不同
背景
图像
javascript
、
css
、
reactjs
、
styled-components
我在我的React项目中
使用
styled-components,我有一个styled.div,我在我的主页上
使用
了两个不同的部分。
样式
化
的
组件
如下所示: width: 100%; margin: 10px auto; background-size:cove
浏览 16
提问于2019-10-27
得票数 0
回答已采纳
2
回答
Sencha Touch 2
使用
背景
图像
实例
化
组件
sencha-touch-2
、
stylesheet
、
loading
、
synchronous
我现在正在
使用
Sencha Touch 2
组件
。我
使用
样式
表为我的
组件
设置了
背景
图像
。我的整个场景是由几个具有
背景
图像
的
组件
/容器组成的。当我实例
化
我的场景时-
图像
加载过程是异步的-即显示我的场景,然后加载和显示场景中的后续
图像
。 我想知道如何等待,直到我的所有
图像
加载,然后显示我的场景。实际上,我可以
使用<
浏览 3
提问于2012-09-19
得票数 0
2
回答
如何将
背景
图像
url注入到
样式
化
组件
中
reactjs
、
styled-components
我
使用
样式
组件
作为一个设计库,我创建了一个div,它将保存一个带有属性的
背景
图像
,如果我从
样式
组件
的外部注入
图像
url,它不会接受,并且会出现一些错误。我会复制一些代码:const ImageDiv = styled.div` width: 100%;
浏览 7
提问于2019-11-25
得票数 0
回答已采纳
2
回答
CSS
背景
图像
的Next.js
图像
优化
reactjs
、
next.js
、
styled-components
、
image-optimization
、
nextjs-image
我想对
样式
化
组件
中的
背景
图像
使用
Next.js新功能
图像
优化。有没有办法在没有Image
组件
的情况下优化
图像
?
浏览 14
提问于2020-11-23
得票数 1
2
回答
如何
使用
样式
化
组件
设置物料ui抽屉
组件
的
背景
色?
javascript
、
reactjs
、
material-ui
、
styled-components
背景
问题 const StyledDra
浏览 1
提问于2018-08-09
得票数 3
1
回答
反应如何改变带有
样式
组件
的按钮
背景
javascript
、
reactjs
、
background
、
styled-components
我还想改变按钮的
背景
颜色,当用户点击它时,这样你就可以直观地看到哪个类别被选中了。我正在
使用
样式
化
组件
来设置
样式
,但是我不能访问
样式
化
组件
中的状态,所以我不知道如果它被点击或者没有被点击,我可以比较什么。 我通过
样式
化
组件
中的道具来尝试它,但它对我不起作用。所以问题是,当按钮处于活动状态时,
更改
按钮
背景
的最简单方法是什么。 代码在这里:https
浏览 18
提问于2020-12-21
得票数 0
3
回答
HTML
图像
映射与多个div元素
javascript
、
html
、
angularjs
我正在实现一个角
组件
,它有许多用户可以点击的小区域。我看到了两种方法:
使用
背景
图像
并定义用户可以单击的地图区域,在
图像
上添加单击处理程序。对每个可点击的部分
使用
div,并将单击处理程序附加到父元素(因此每个div上没有太多的单击处理程序)。
使用
CSS对每个div进行
样式
设置,使其看起来像1中的
图像
。问题是,当
图像
发生变化时,我也必须
更改
地图坐标。这里的优点是它在许多浏览器中都能正常工作。它的优
浏览 7
提问于2014-01-29
得票数 1
回答已采纳
1
回答
带有
样式
组件
的级联文本颜色
react-native
、
styled-components
我正在尝试创建一个包含包装
组件
中的<Text>
组件
的Reactinative
组件
: <View {...props}> color: #000; background: #F00;我以这种方式组合
组件
,以便在
更改
背景
色时,从相同的
样式
浏览 0
提问于2018-12-17
得票数 0
回答已采纳
1
回答
使用
带
样式
的
组件
时,道具的
背景
图像
不起作用
reactjs
、
styled-components
我有一个
样式
化
的
组件
,我传递一个网址作为
背景
图像
使用
,但它不工作。我见过其他类似的问题,但没有什么能解决它。我的
样式
化
组件
: background: ${props => `url(${props.background})`}; background-size: cover;
浏览 0
提问于2018-08-31
得票数 1
回答已采纳
2
回答
如何
使用
reactjs中的伪元素作为内联
样式
?
css
、
reactjs
这里是从道具获得的
图像
,我必须将该
图像
作为特定元素的
背景
图像
。我
使用
样式
组件
实现了这一点。但是在我的应用程序中,我们没有
使用
任何地方的
样式
组件
,所以我尝试
使用
内联
样式
来实现这一点。因为它是动态的,所以我们不能也可能不能将这个
图像
传递给CSS文件。 这是我
使用
样式
组件
的方法,无论如何,要用内联
样式</em
浏览 5
提问于2021-08-10
得票数 2
1
回答
有没有一种在ReactJS中
使用
样式
化
组件
对
图像
进行
样式
化
的方法?
javascript
、
css
、
reactjs
我刚刚开始
使用
样式
化
的
组件
,我在设计
图像
时遇到了问题,我不是指
背景
图像
。有什么方法可以使
图像
本身不需要
使用
CSS
样式
表呢? 提前感谢
浏览 4
提问于2022-02-16
得票数 0
回答已采纳
1
回答
如何
使用
React gatsby- background -image使
背景
图像
重复?
reactjs
、
gatsby
、
gatsby-image
按照gatsby-background-image documentation中的说明,我可以通过在
组件
中包含以下内容来向
组件
添加全宽
背景
图像
<BackgroundImage fluid={backgroundImage.node.childImageSharp.fluid}> </BackgroundImage> 这会导致下面的“拉伸”
背景
: 但是,我不希望我的
图像
是整个
组件
的宽度
浏览 21
提问于2020-09-23
得票数 2
回答已采纳
1
回答
如何
使用
带有
样式
组件
和react的道具
更改
图像
源
reactjs
、
styled-components
我想对多个页面重用我的
组件
。因此,我必须将styled.img
组件
中的img src
更改
为传递道具。我的代码应用如下。它不工作了..MyIcon = styled.img.attrs({})``; 我尝试像上面一样,任何
图像
不show...even默认img文件不显示..如何
使用
p
浏览 1
提问于2020-03-17
得票数 4
回答已采纳
1
回答
为什么我的AppBar MUI
样式
组件
在状态
更改
时不
更改
样式
?
javascript
、
reactjs
、
material-ui
、
navbar
、
styled-components
我正在尝试在滚动时
更改
应用程序栏的颜色。我
使用
了一个MaterialUI风格的特性来创建我的应用程序栏。我在控制台中检查了状态的值,它正在正确地改变。不幸的是,应用程序栏不会对我在已设置
样式
的
组件
上传递的道具的状态
更改
做出反应,这应该是
组件
背景
颜色的触发器。以下是
样式
化
的
组件
代码:
浏览 5
提问于2021-11-23
得票数 0
2
回答
如何
使用
样式
化
组件
来确定Material UI对话框的
背景
颜色属性?
reactjs
、
material-ui
我希望
使用
Dialog -components
更改
Material UI的
样式
组件
的
背景
颜色。 我找到了关于如何做到这一点的thread,但我不确定如何将其应用于
样式
化
组件
。
浏览 27
提问于2019-09-11
得票数 3
回答已采纳
1
回答
通过函数或变量设置
背景
图像
css
、
reactjs
我试图根据function
组件
中的不同情况
更改
div的
背景
图像
,但首先我需要知道是否可以通过变量或函数设置
背景
图像
,这似乎是不可能的。例如,
使用
变量,类似于伪代码的东西似乎不起作用var myvariable = "url('http://localhost:8080/assets/myimage.jpgbackgroundImage": { this.set
浏览 0
提问于2015-09-08
得票数 2
回答已采纳
1
回答
背景
图像
样式
不适用于React.js中的setInterval
javascript
、
css
、
reactjs
、
background-image
、
setinterval
使用
AJAX请求,我试图改变
背景
图像
和设置它的
样式
属性。在通过setInterval方法每隔几秒钟调用一次的函数中,我通过以下方式定义了
样式
并设置了
组件
的状态: changeThings() { //...other components
浏览 20
提问于2019-02-20
得票数 0
回答已采纳
1
回答
如何改变滑块的拇指材质
组件
Android的
图像
?
android
、
slider
、
material-design
我正在尝试
使用
材料设计
组件
中的滑块,但在设计拇指
样式
时被卡住了。我的设计要求拇指周围有阴影。文档中只显示了如何
更改
背景
缩略图。有没有可能用
图像
来改变拇指?
浏览 20
提问于2020-11-02
得票数 4
2
回答
我的包装
背景
图像
没有显示
javascript
、
html
、
css
我正在将一些设计转移到一个网页上,但我似乎无法将
背景
图像
显示出来。我在网上查看了各种解决方案,他们一直告诉我添加“
背景
图像
”属性,我已经这样做了。但它不起作用。我已经粘贴了下面的代码。
浏览 2
提问于2022-02-04
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
简单三步,用WPS轻松完成一个又大气又好看的流程图!
React-组件样式的两种方式
figam为设计系统赋能(附带教程)
Midjourney系列教程【3】–工具
简洁、直观、强悍的前端开发框架、Bootstrap
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券