首页知识点

1 使用styled-component

npm install styled-components

conponents/app-header

index.jsx

style.js---样式--每个组件都有自己样式

import styled from 'styled-conponents'

export const headerWrapper=styled.div`

//这里写less样式

`

c-cnps/子组件

1）使用背景图片的方式

import logo from "@/assets/img/favicon.png";

.left-icon{

        width:64px;

        height: 46px;

        background: url(${logo});

        background-position: center;

        background-repeat: no-repeat;

    }