快速上手

本文将介绍如何在项目中使用 BlitzUI。

开始

使用本框架前请在CSS中开启border-box以保证不会发生可能的样式错误

*,*::before,*::after{box-sizing:border-box}

按需引入

例如需要使用Button组件。

import { Button } from "blitz-ui-demo";
import 'blitz-ui-demo/dist/index.css'

注册组件

export default {
  components: {
    "bl-button": Button,
  },
}

使用

<template>
  <div>
    <bl-button>常规按钮</bl-button>
  </div>
</template>

---

至此，即可使用BlitzUI提供的组件。