当前位置：首页 > wzjs >正文

昆明做烤瓷牙哪去柏德L网站关键词投放

wzjs 2025/8/16 15:23:10

昆明做烤瓷牙哪去柏德L网站,关键词投放,wordpress主题演示数据库,做业务查牙医诊所一般用什么网站在styled-components项目中，遇到背景图片显示不出来的问题。图片的确是引入正确，但是webpack解析路径是有问题的效果展示以下这两种写法都不行，无法生效 export const HeaderNavLeft styled.h1width: 176px;height: 69px;background: ur…

在styled-components项目中，遇到背景图片显示不出来的问题。图片的确是引入正确，但是webpack解析路径是有问题的

效果展示

在这里插入图片描述
以下这两种写法都不行，无法生效

export const HeaderNavLeft = styled.h1`width: 176px;height: 69px;background: url('~@a/images/app-bg.png') no-repeat 0 -2px;a {width: 157px;padding-right: 20px;text-indent: -9999px;float: left;}

export const HeaderNavLeft = styled.h1`width: 176px;height: 69px;background: url('../../assets/images/app-bg.png') no-repeat 0 -2px;a {width: 157px;padding-right: 20px;text-indent: -9999px;float: left;}
`

正确写法

import LogoBg from '@a/images/app-bg.png'

或者

import LogoBg from '../../assets/images/app-bg.png'

然后再使用

export const HeaderNavLeft = styled.h1`width: 176px;height: 69px;background: url(${LogoBg}) no-repeat 0 -2px;a {width: 157px;padding-right: 20px;text-indent: -9999px;float: left;}
`