react怎么插入背景图片呢?
React怎么插入背景图片呢?
gapsaras
#2
问题描述太简单了,提问的时候最好说清楚场景和实际代码,插入背景图片,我理解是给一个设置背景图片(非css方式):
<div
className="discount-icon"
style={{backgroundImage: `url(${item.discountIcon})`}}
></div>
gapsaras
#6
discount-icon是class类名。
插入背景图片是:
style={{backgroundImage: `url(${item.discountIcon})`}}
item.discountIcon
是背景图片地址(本地import或在线图片地址)
niexiaozhou
#17
.css文件
.app{
background: url(’…/imgs/bg_login.jpg’) no-repeat ;
background-size:100% 105%;
}
.js文件
cssModule 配置页面对应的样式 这是个login界面的背景图详细实现。