fix

# element-plus-vite-starter

> A starter kit for Element Plus with Vite

<img width="800" alt="Element Plus" src="https://user-images.githubusercontent.com/10731096/97282764-0726eb80-187a-11eb-9658-6dc98ccb8f8d.png">

- Preview: <https://vite-starter.element-plus.org>

This is an example of on-demand element-plus with [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components).

> If you want to import all, it may be so simple that no examples are needed. Just follow [quickstart | Docs](https://element-plus.org/zh-CN/guide/quickstart.html) and import them.

If you just want an on-demand import example `manually`, you can check [unplugin-element-plus/examples/vite](https://github.com/element-plus/unplugin-element-plus/tree/main/examples/vite).

## Project setup

```bash

npm install

```

### Compiles and hot-reloads for development

```bash

npm run dev

```

### Compiles and minifies for production

```bash

npm run build

```

## Usage

```bash

git clone https://github.com/element-plus/element-plus-vite-starter

cd element-plus-vite-starter

npm i

npm run dev

```

### Custom theme

See `src/styles/element/index.scss`.

        </el-aside>

        <el-main>

          <info class="info"/>

          <Record class="record"/>

<!--          <Record class="record"/>-->

        </el-main>

      </el-container>

    </el-container>

}

.instruction {

  height: 10%;

  height: 20%;

  width: 70%;

  margin-top: 50%;

  margin-left: 15%;