前端UI框架:Koala UI

jopen 10年前

Koala UI 是一套针对企业信息化管理软件的UI前端解决方案。提供一些常用组件的样式和脚本,目的在于提高前端开发人员的工作效率和更好的用户扩展体验

Koala UI是一套开放UI框架,基于Apache V2.0开源协议,一种更友好的开源协议,用户可以免费自由使用,并且可以自行改动源码,以适用不同的实际需要

Koala UI提供了API文档以及使用范例Demos,以便用户能更深入的了解Koala UI。

HTML5标准和CSS3为基础

HTML5是目前万维网(WWW)最新的核心技术标准,比HTML4增加Canvas画布、离线存储、WebSocket和移动端的支持

CSS3是最新的前端网页样式标准,提供更多的样式和特效,是HTML5标准体系里必不可少的

以Bootstrap3为参照

Koala UI是在Bootstrap3的基础上做了大量的改进,包括比Bootstrap3更多的组件,并且改良原有的一些组件,让其更易读、友好

规范的统一编码风格

Koala UI组件的编码参照了Bootstrap的风格,包括组件的属性、方法和事件,都比较接近标准的javascript面向对象风格

规范的代码注释

Koala UI的API目前使用yuidoc生成,因此注释风格也遵从其标准

多浏览器支持

支持IE8++(建议IE10以上)、FireFox、Chrome

支持移动设备

Koala UI目前咱不实现该功能,但在不久的将来,将提供兼容移动端的组件

第一期已实现组件

  • Koala_Accordion

    手风琴

  • Koala_AutoComplete

    自动完成框

  • Koala_Button

    按钮

  • Koala_Carousel

    图片轮播

  • Koala_ColorPicker

    颜色选择器

  • Koala_ComboBox

    组合框

  • Koala_DateTimePicker

    日期选择器

  • Koala_Grid

    数据表格

  • Koala_ListView

    列表视图

  • Koala_Popover

    弹出提示框

  • Koala_ProgressBar

    进度条

  • Koala_RichTextEditor

    富文本编辑器

  • Koala_ScorllSpy

    滚动监听

  • Koala_Select

    下拉选择框

  • Koala_SideBar

    侧边菜单栏

  • Koala_Slider

    滑动条

  • Koala_Spinner

    微调器

  • Koala_Tab

    页面标签

  • Koala_ToolBar

    工具栏

  • Koala_ToolTip

    工具提示框

  • Koala_Tree

    树形组件

  • Koala_Wizard

    向导组件

第二期规划(待确定)

  • 增加组件标签化功能

    例如

  • Koala_PillBox

    输入框盒子

  • Koala_Zoomin

    放大镜

  • Koala_Mind

    思维导向

  • Koala_VideoPlayer

    视频播放器

  • Koala_RadioPlayer

    音频播放器

  • Koala_Step

    步骤阶段

  • Koala_Login

    登录

  • Koala_Album

    相册

  • Koala_Dial

    拨号组件(移动端)

  • Koala_Gantt

    甘特图

  • Koala_TimeLine

    时间轴

  • Koala_WebChat

    类微信

  • Koala_SubMenu

    多重菜单

  • Koala_Map

    地图

  • Koala_Grid

    增加多条件查询

  • Koala_Tab

    增加右键菜单

  • Koala_Select

    增加多级联动

    前端UI框架:Koala UI

项目主页:http://www.open-open.com/lib/view/home/1399453497666