当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

Keen-UI

轻量级 UI 组件库
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 不详
投 递 者 利海阳
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

使用 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框架,请检查框架是否已经包含重置。可以自定义根字体大小以全局调整组件大小。

  • 在此总结一下常见的与Vue相关的UI框架,具体分为移动端和PC端两大类。这里只是做了一个罗列,并未展开介绍,详细内容请访问对应链接查看官方文档。 移动端   Vux:https://vux.li/#/  Mint-UI:http://mint-ui.github.io/#!/zh-cn  Vonic:https://wangdahoo.github.io/vonic-documents/#/  M

  • element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库 v

  • 最有用的16 个 Vue UI库。 Vuetify (⭐️ 24k) 网站:https://vuetifyjs.com/zh-Hans/ github: https://github.com/vuetifyjs/vuetify Vuetify 是一个 Vue UI 库,包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。Vuetify有超过100个组件元素,

  • vue UI 框架 (1)Element 饿了么 vue 2.0后台UI框架 (Star:18382) https://github.com/ElemeFE/element (1-1)Vuetify 最新的ui 框架 https://vuetifyjs.com/zh-Hans/getting-started/roadmap (2)iview组件库 (Star:10186) iView 主

  • 1.vux Star 数超过 13K,是一个流行的社区库,基于 WeUI 和 Vue 2.0。该库还支持 webpack+vue-loader+vux 的工作流。它的文档也是中文的。 地址: https://github.com/airyland/vux 2.Mint UI(基于vue 移动端的ui框架) Star 数超过 11K,为 Vue.js 提供 UI 元素,提供了用于构建移动应用程序的

  • 1、Vuetify Star 数为 11K,提供了 80 多个 Vue.js 组件,这些组件是根据谷歌 Material Design 指南实现的。Vuetify 支持所有平台上的浏览器,包括 IE11 和 Safari 9+(使用 polyfill),并提供了 8 个 vue-cli 模板。 地址: https://github.com/vuetifyjs/vuetify 2、Quasar St

 相关资料
  • 主要内容:AWT 组件的介绍,AWT Component类构造方法,AWT UI组件列表AWT 组件的介绍 每个组件都考虑以下三个主要方面: UI 元素:它们是用户最终看到并与之交互的核心视觉元素。GWT 提供了大量广泛使用和常见的元素,从基本到复杂,我们将在本教程中介绍。 Layout布局:它们定义了 UI 元素应该如何在屏幕上组织,并为 GUI(图形用户界面)提供最终的外观和感觉。这部分将在布局一章中介绍。 事件行为:这些是用户与 UI 元素交互时发生的事件。这部分将在事件处理章

  • 第5篇UI组件 一、目前React-Native支持的组件 在facebook React-native的官网可以看到目前支持的组件如下: https://facebook.github.io/react-native/docs/getting-started.html#content 二、如何正确运行UI组件Example 我们可以到react-native的github项目地址找到exampl

  • UI 组件不是游戏专用的,是个应用程序都可能会用几个。看一看你常使用的应用程序,肯定能发现它有使用 UI 组件。UI 代表什么,UI 组件是做什么的? UI 代表用户界面,是 User Interface 的缩写,你看到的屏幕上的东西就是用户界面。界面组件有标签,按钮,菜单,滑动条等。Cocos2d-x 提供了一套易用的 UI 组件,游戏开发过程中,你能很容易的把它们添加到游戏中。 听起来这可能很

  • 为了方便布局,编辑器内提供了许多预设的 UI 组件。 当我们在编写 html 的时候,可以方便的使用这些 UI 组件。 具体的使用请参考编辑器顶部主菜单 "开发者" - "UI 组件"。

  • 本篇文档将介绍 UI 系统中常用的控件,使用核心渲染组件和对齐策略,这些控件将构成我们游戏中 UI 的大部分交互部分。 一些常用的 UI 控件可通过添加节点的方式来创建。在 层级管理器 左上角的 + 创建节点菜单中选择 UI 来创建 UI 节点,相应的 UI 组件便会自动挂载到节点上: 其它的 UI 组件,可以手动在 层级管理器 中选中节点,然后在 属性检查器 中点击 添加组件 -> UI 的方式

  • UI 部件 & 组件工具 桌面 & 移动: Kendo UI [free to $] Webix [$] Semantic UI Metro UI Bootstrap Materialize Material UI Polymer Paper Elements 桌面 (NW.js 和 Electron): photonkit React UI Components for OS X El Capi