stapxs / border-card-ui

Border Card UI，一个由卡片组成的扁平化 UI 设计风格。

Border Card UI

这是 SS ——，这个仓库的介绍文档可能会和其他的有那么一点点不一样（？

Border Card UI 是一个纯扁平化设计风格。在 2020 年的高三，我闲来无事买了本 WPF 开发的教程，便开始从简陋的控制台编程跨向了现代化的 UI 程序开发（其实在这之前我还学了 Windows API） 并且编写了一个小工具箱 SS Tool Box 。 SSTB 经历了好几版的更新，还有好几版的界面设计更新，总之在 2.0 的重置版里，我设计了一个全新的 UI，它就是现在的 Border Card UI。

为什么叫 Border Card UI？ 因为它在 WPF 中最早的实现方式依靠了大量的 Border 控件，于是我脑子一抽，就用 Border 做名字了 XD

Border Card UI 并不是一个全部自主设计的风格，它来自于早期 SSTB 的卡片、TMore 的界面设计（主要来源）、PCL2 的动画设计（主要来源）甚至在新版本中还有 Windows 11 的新元素。 Border Card UI 是个设计风格，它指定了一个卡片化、扁平、优雅的设计风格，并且尝试将它迁移到任何有界面的平台上。总而言之，这是个设计风格 ——

所以，在这个仓库里，BCUI 的完成称呼应该叫做 Border Card UI for Vue。

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

border-card-ui's Issues

当颜色切换失败时，撤回原颜色，防止丢失 CSS

BCUI库文档需要！！！

border card ui for web 的风格比较符合胃口，我去项目介绍的网页看了，应该还不完整，想要更加完整的文档😁

项目页面在移动端显示异常

https://stapxs.github.io/Border-Card-UI/#bc-scrolltab-title-nq5nj2xyqr-0
大概如图所示：

浏览器为 Chromite 117.0.5938.140（基于 Chromium 117.0.5938.140），在分辨率为1080*2400的条件下测试