# fed-e-task-04-04

**Repository Path**: bin_dancer/fed-e-task-04-04

## Basic Information

- **Project Name**: fed-e-task-04-04
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: mst
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-30
- **Last Updated**: 2021-03-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 1. import css

Finally, import it in [`pages/_app.js`](https://www.nextjs.cn/docs/advanced-features/custom-app): [global-styles](https://www.nextjs.cn/learn/basics/assets-metadata-css/global-styles)

```js
// 全局引入方式
import '../styles/global.css'

export default function App({ Component, pageProps }) {
  return <Component {...pageProps} />
}
```
> **重新运行项目：**

```shell
npm run dev
```



### 2. 引用chakra UI

```shell
npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion
```



1. 在_app.js文件中引入：

```jsx
import '../styles/global.css'
import { ChakraProvider } from "@chakra-ui/react"

export default function App({ Component, pageProps }) {
  return (
    <ChakraProvider>
      <Component {...pageProps} />
    </ChakraProvider>
  )
}
```