快速开始

安装

pnpm add @aplus-frontend/ui

以及安装其外部依赖

pnpm add @aplus-frontend/antdv @aplus-frontend/icon @aplus-frontend/oss vxe-table

引入

全局重设样式

import '@aplus-frontend/ui/es/src/style/reset.css'

修改namespace（可选）

通过ConfigProvider的namespace属性来设置命名空间，设置后所有生成的css变量使用此命名空间作为前缀。

设置UI主题（可选）

APlus-UI通过Design Token来设置主题，部分组件可以通过设置组件上的属性uiMode来使用不同的UI模式，不同的模式下组件显示效果略有不同。

你也可以使用Design Token在全局/组件上自定义部分样式。

<template>
  <ConfigProvider :aplusToken="{...your theme}">
    ...
  </ConfigProvider>
</template>
<script setup lang="ts">
import { ConfigProvider } from '@aplus-frontend/ui'
</script>