Skip to content
/ GMU Public
forked from fex-team/GMU

基于zepto的ui组件库,适用于移动端

Notifications You must be signed in to change notification settings

samphay/GMU

Repository files navigation

##Notice##

  • 该地址是GMU新github地址,基于最新zepto 1.0版本,GMU版本为2.0.4
  • 2.0.3及以下版本(支持zepto 1.0rc1),请移步至老的github地址 https://github.com/campaign/gmu

##Build State Build Status

##GMU## GMU是基于zepto的轻量级mobile UI组件库,符合jquery ui使用规范,提供webapp、pad端简单易用的UI组件。为了减小代码量,提高性能,组件再插件化,兼容iOS3+ / android2.1+,支持国内主流移动端浏览器,如safari, chrome, UC, qq等。 GMU由百度GMU小组开发,基于开源BSD协议,支持商业和非商业用户的免费使用和任意修改,您可以通过get started快速了解。

###Quick Start###

###GMU组件###

  1. 扩展在zepto上的公用方法
公共方法 description
fix 通用fix方法,实现position:fix效果
highlight 点击高亮效果
imglazyload 图片延迟加载,支持iscroll中图片延迟加载
iscroll iScroll 4进行精简,挂载到zepto中,通过$('#iscroll').iScroll()调用
position 类似于jquery position,处理元素定位,支持at,my,of,with等参数
location 基于百度定位接口,获取当前坐标
2. **UI组件**
组件名 描述
suggestion 搜索建议
quickdelete 快速删除
tabs tab切换(包括插件tabs.swipe和tabs.ajax)
slider 图片轮播(包括插件slider.dynamic)
navigator 导航栏(包括插件navigator.iscroll)
dialog 对话框(包括插件dialog.position)
panel 面板切换
refresh 点击刷新,拉动刷新(包括插件refresh.iscroll,refresh.iOS5,refresh.lite)
dropmenu 下拉框(包括插件dropmenu.iscroll)
gotop 返回顶部(包括插件gotop.iscroll)
progressbar 进度条
datepicker 日历
button 按钮(包括插件button.input)

###版本说明###

  1. 2.0.3,基于zepto 1.0rc1开发,包括14个通用UI组件及各组件相关插件 latest version

###命令行工具### 命令行工具提供代码打包,规范检测和生成文档功能。命令行工具基于node环境开发,所以需要自行安装node工具。

在使用前需要安装依赖,npm install,然后通过node build来查看任务

Usage: build [options] [command]

  Commands:

    dist                   合并代码并采用uglify压缩代码
    doc                    生成静态API文档
    fis                    生成fis包
    jshint                 规范检测工具

  Options:

    -h, --help                output usage information
    -s, --silent              安静模式,不输出任何调试信息
    -X, --exclude <files...>  在打包GMU的时候,用来过滤部分文件。
    -t, --theme <name>        在打包GMU的时候,用来指定打包什么主题。

####1. 打包代码####

  • node build dist 合并并压缩zepto/gmu所有代码
  • node build dist widget/button.js 只打包button组件
  • node build dist core/**.js -X "core/iscroll.js" 打包所有core的js,排除iscroll文件

####2. 代码规范检测#### gmu所有的代码要求通过此内定代码规范, 通过以下命令可以得到检测结果

  • node build jshint 检测所有src下js代码,将结果打印在控制台
  • node build jshint src/widget/button.js 只检测button.js文件

####3. 生成文档#### 通过以下命令可以在doc目录下生成静态文档,也可以在线查看;

  • node build doc

###反馈bug### 如果您有任何关于GMU或移动前端开发中的问题,可以在QQ群中讨论,也可以通过git issue给我们反馈bug,我们会尽快解决。 当然,我们更欢迎您的fork,为GMU添砖加瓦。

###联系我们###

About

基于zepto的ui组件库,适用于移动端

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 60.3%
  • PHP 18.7%
  • HTML 16.0%
  • CSS 4.9%
  • Shell 0.1%