使用指南

ak-ui 是一组明日方舟风格的 CSS 界面模块。它不包含运行时，可以用于原生 HTML、Vue、React 或其他前端项目。

安装

pnpm

pnpm add @yunyoujun/ak-ui

npm

npm install @yunyoujun/ak-ui

yarn

yarn add @yunyoujun/ak-ui

引入 CSS

import '@yunyoujun/ak-ui/style.css'

也可以直接通过 CDN 引入：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yunyoujun/ak-ui/dist/ak-ui.min.css">

开始使用

所有模块都以 HTML 类名作为 interface。复制对应示例，然后按需覆盖 --ak-* CSS variables。

PREVIEW / BUTTON/BASEBase button

LINKING…

SOURCE / HTML

<button class="ak-button ak-font-serif">开始唤醒</button>
<button class="ak-button ak-button--outline">开始唤醒</button>
<button class="ak-button ak-button--action">开始行动</button>

前往组件索引查看全部模块。

非官方项目

ak-ui 是兴趣驱动的界面研究，与鹰角网络没有关联。游戏名称、图像及相关素材的权利归原权利人所有。