@aplun/base-ui

Aplun Base UI Library

Usage no npm install needed!

<script type="module">
  import aplunBaseUi from 'https://cdn.skypack.dev/@aplun/base-ui';
</script>

README

Apl-Common-component

安装依赖

执行以下命令安装爱普伦基础 UI 库

yarn add -S @aplun/base-ui

为保证 UI 库能正常运行，你的项目还需要导入以下依赖：

yarn add -S view-design split.js overlayscrollbars overlayscrollbars-vue

你可以点击以下连接查看它们的使用文档：

split.js

overlayscdrollbars

view-design

导入到你的项目

// 导入 AplUI
import AplUI from '@aplun/base-ui';
import '@aplun/base-ui/dist/css/main.css';
// 导入 ViewDesign
import ViewDesign from 'view-design';
import 'view-design/dist/styles/iview.css';
// 导入 Overlayscrollbars
import { OverlayScrollbarsPlugin, OverlayScrollbarsComponent } from 'overlayscrollbars-vue';
import 'overlayscrollbars/css/OverlayScrollbars.css';

// 安装插件
Vue.use(ViewDesign);
Vue.use(AplUI);
Vue.use(OverlayScrollbarsPlugin);

Vue.component('OverlayScrollbars', OverlayScrollbarsComponent);

使用

<template>
    <AuxButtonGroup />
</template>