Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/miss-tea2/angela

一款以用户体验为核心，且高度可配置、可拓展的新一代 V2board Web 面板
https://github.com/miss-tea2/angela

angular material-design panel v2board v2board-api v2board-theme web webapp xboard xboard-theme

Last synced: 21 days ago
JSON representation

一款以用户体验为核心，且高度可配置、可拓展的新一代 V2board Web 面板

Awesome Lists containing this project

README 

        
# Angela：重新思考 V2board



Angela 是一款以用户体验为核心，且高度可配置、可拓展的新一代 V2board Web 面板。



Angela 是对 V2board 的一次重新思考：我们不愿再做一款布局相似、功能相近的 V2board Web 面板。通过 Angela，我们希望为用户提供一种全新的、符合人体工学的用户体验。



![](https://angela.misstea2.live/assets/thumbnail.avif)



### 独一无二的品牌形象



通过 Angela，我们致力于避免千篇一律的品牌形象：使用同一款 V2board Web 面板的不同商家总是看起来相仿。通过 Angela 的独家配色算法和高度可配置的用户界面，您可以通过您的专属配色方案和界面配置，为用户留下独一无二的品牌印象。



我们希望 Angela 能够成为您的品牌形象的一部分，而不仅仅是一个 V2board Web 面板。



![](https://angela.misstea2.live/assets/color-schemes-dark.avif)

![](https://angela.misstea2.live/assets/color-schemes-light.avif)



### 人体工学的用户体验



我们花费了大量精力将 Angela 打造成了一个包容性极强的 Web 面板：无论你使用的是手机、平板、笔记本还是台式机，无论你的屏幕朝向是横屏还是竖屏，无论你是一般用户还是残障人士，Angela 高细粒度的响应式布局和精心实现的无障碍功能能为您提供同水准的用户体验。



![](https://angela.misstea2.live/assets/responsiveness.avif)



我们完全理解越来越多的用户对有质感的界面交互的追求，简单的、一闪而过的控件交互和页面切换愈发显得枯燥乏味。因此，我们为 Angela 实现了丰富且丝滑的界面动效，为您的用户带来焕然一新而令人难忘的的交互体验。



![](https://angela.misstea2.live/assets/motions.avif)



我们切身体会到等待加载的痛苦。得益于前沿的 Web 技术，我们通过本地缓存技术将 Angela 的加载速度提升了到极致。只要用户访问过一次 Angela，任何时候再次访问时将会立即呈现页面内容，无需等待。与此同时，Angela 还支持离线访问，即使在**断网状态**下，用户依然可以启动 Angela 并查看上次加载的数据。



此外，Angela 还实现了 [渐进式应用（PWA）](https://web.dev/explore/progressive-web-apps) 技术，用户可以将 Angela “安装” 到桌面，像使用原生应用一样使用 Angela。安装 Angela 后，Angela 的视图会在独立的窗口中呈现，且用户可选择：



- 将 Angela 固定到任务栏

- 将 Angela 固定到开始菜单

- 为 Angela 创建桌面快捷方式

- 在开机时自启动 Angela



![](https://angela.misstea2.live/assets/pwa-installed.avif)



### 开放且可拓展的架构



与其他 V2board Web 面板不同，Angela 的架构是开放且可拓展的。我们对外开放的 `*Angela Access Points` 和 `*extension.html` 允许您对 Angela 进行二次开发，实现对 Angela 的进阶控制和监控，或是实现与第三方的深度集成：



- `*recipes/integrate-with-crisp`

- `*recipes/integrate-with-google-analytics`



此外，您还可以通过 `*recipes/configure-external-pages` 进一步拓展 Angela 的功能：



![](https://angela.misstea2.live/assets/external-page.avif)