前端UI框架:Koala UI
jopen
10年前
Koala UI 是一套针对企业信息化管理软件的UI前端解决方案。提供一些常用组件的样式和脚本,目的在于提高前端开发人员的工作效率和更好的用户扩展体验
Koala UI是一套开放UI框架,基于Apache V2.0开源协议,一种更友好的开源协议,用户可以免费自由使用,并且可以自行改动源码,以适用不同的实际需要
Koala UI提供了API文档以及使用范例Demos,以便用户能更深入的了解Koala UI。
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目前咱不实现该功能,但在不久的将来,将提供兼容移动端的组件
3. 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
增加多级联动