我的logo出不来,为什么?

来源:7-2 使用 styled-components 完成 Header 组件布局(1)

慕尼黑4788869

2018-07-27

import styled from 'styled-components';

// import logPic from '../../statics/zerotoico-logo.png'


export const HeaderWrapper = styled.div`

position: relative;

height: 58px;

border-bottom: 1px solid #f0f0f0;


`;


export const Logo = styled.a`

position: absolute;

top: 0;

left: 0;

display: block;

width:100px;

height: 56px;

background: orange;

`;


import React, { Component } from 'react';

import {

HeaderWrapper,

Logo

} from './style';



class Header extends Component {


render(){

return (

<HeaderWrapper>

<Logo />

</HeaderWrapper>

);

}

}


export default Header;


写回答

1回答

Dell

2018-07-29

报错信息发一下,我觉得是你路径的问题

0
2
Dell
回复
慕斯卡2425917
你看看图片的路径是否正确,是否加载了图片
2019-01-18
共2条回复

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2496 问题

查看课程