Keen-UI轻量级 UI 组件库

联合创作 · 2023-09-28 01:30

使用 Vue 编写的基本轻量级 UI 组件库,并受 Material Design 的启发,虽然受 Material UI 规范的启发,但 Keen-UI 并不是真正的 Material UI 库。它不是一个CSS框架,不包括网格系统或排版风格,但有需要Javascript 的组件。

文档和演示

http://josephuspaye.github.io/Keen-UI/

要求

  • Vue.js(^ v2.1.4) - 使用 keen-ui@0.8.9 支持Vue 1.x。

可选的

  • Roboto字体

  • 材料图标字体

浏览器支持

IE 10+(Flexbox支持)。

安装

npm install keen-ui  - save

用法

CSS重置

在使用Keen UI之前,请确保以下CSS重置适用于您的网站。

*,
 * :: before,
 * :: after {
     box-sizing:border-box ;
}

html {
     font-size:100 % ;
}

您可以将重置添加到您的样式表(在其他样式之前)。如果您使用的是CSS框架,请检查框架是否已经包含重置。可以自定义根字体大小以全局调整组件大小。

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报