富客户端UI框架BUI

汉王 WEB前端 收藏

搜狗截图16年10月19日1549_1.png

BUI是基于JQuery的富客户端UI框架。

文件结构

  1. assets : css文件,基于bootstrap的css样式,可以自己在此基础上编译出新的版本

  2. build : js 和 css文件打包好的目录

  3. src: js 的源文件

  4. test: 单元测试,所有控件的单元测试都在内部,以php的方式提供

  5. tools : 文件打包,以及生成文件的工具

  6. docs : 源文件中未提供,但是可以自己执行 tools/jsduck/run.bat文件,请不要提交此文件夹

功能介绍

基础样式

字体排版

页面上各种字体的颜色、大小以及样式

面包屑

快速定位页面,返回上一级目录。

静态表格

用在各种场景下的静态表格。

面板

标题和内容,用于显示页面中的模块

按钮

各种类型的按钮,用在不同的上下文中,标示不同的行为。

标签和标记

标签和标记用来显示指示信息或未完成任务的小组件。标签一般用于文本提示,标记一般用于表格等控件中。

图标

图标用在各种按钮、控件中标示某种状态或行为。

iconfont图标

图标用在各种按钮、控件中标示某种状态或行为。

工具栏

存放各种操作的容器。

切换标签

标签(tab),分为按钮式标签,导航式标签。

步骤条

步骤条页面流程步骤。

提示信息

下载地址