快速开始

LiteUI 是一个轻量级组件库,零依赖,开箱即用。

CDN 引入

在 HTML 文件的 <head> 中添加:

<!-- CSS -->
<link rel="stylesheet" href="https://unpkg.com/@1ing/liteui/dist/lite-ui.min.css">

<!-- JavaScript -->
<script src="https://unpkg.com/@1ing/liteui/dist/lite-ui.min.js"></script>

<!-- 图标库 (可选) -->
<script src="https://unpkg.com/@1ing/liteui/dist/lite-icons.min.js"></script>

npm 安装

npm install LiteUI

第一个按钮

<button class="ui-btn ui-btn-primary">Hello LiteUI!</button>

暗色模式

// 切换主题
UI.theme.toggle()

// 设置主题
UI.theme.set('dark')  // 暗色
UI.theme.set('light') // 亮色