混合应用开发框架-HybridStart Documentation

SDK

Core

如没有特殊说明，app对象上的方法均依赖runtime，且支持安卓和IOS双平台。

app.util

内部工具包，不依赖runtime，包括选择器及其他常用方法，大部分代码来自mui，建议使用前存为变量var $ = app.util;

方法

$(selector, [context])

元素选择器，selector参数支持css选择器和原生DOM元素，用于获取DOM元素并返回元素对象，并支持以下扩展方法：

each	遍历，`$ele.each(callback)`
on	事件绑定/委托，`$ele.on(eventType, [child], handle)`
tap	点击事件，`$ele.tap([child], handle)`
trigger	触发事件，`$ele.trigger(eventType, data)`
data	设置/获取对象的dataset，`$ele.data(attribute, [value])`。取值优先取元素显性设置的"data-attribute"属性值，如果没有再获取dataset，设置值将统一设置dataset

$.extend(target,source...,deepCopy)

合并对象，用法同jQuery

$.each(elements, callback, hasOwnProperty)

对象、数组遍历方法

$.type(obj)

返回对象类型

$.isArray(obj)

返回对象是否为数组格式

$.isPlainObject(obj)

返回对象是否为纯粹对象

$.isFunction(obj)

返回对象是否为函数

$.trim(string)

返回去除首尾空字符后的字符串

$.trigger(element, eventType, eventData)

触发事件

示例

                    
var $ = app.util;
$('#view').on('touchend', '.item', function(i, e){
    console.log($(e).data('uuid'));
});

app.ready(callback)

原生runtime就绪回调，显然不依赖runtime。

示例

                    
app.ready(function(){
    console.log(api.appId); 
});

app.exit(silent)

退出APP，若silent为真值将没有确认信息直接退出。

示例

                    
app.exit();

app.subscribe(eventName, callback)

接收名称为eventName的事件，并执行回调callback

示例

                    
app.subscribe('hello', function(msg){
    console.log('hello ' + msg);
});

app.publish(eventName, msg)

发布名称为eventName的事件，附带消息msg，将在接收事件回调中接收

示例

                    
app.publish('hello', 'world!');

app.on(event, callback)

APP系统事件监听。

支持事件

batterylow	电量低事件，返回格式 `{ level:100, //电池电量（0-100） isPlugged:true //是否连接电源 }`
batterystatus	电池状态变化事件，返回格式 `{ level:100, //电池电量（0-100） isPlugged:true //是否连接电源 }`
offline	监听设备断开网络的事件
online	监听设备连接到网络的事件
pause	应用进入后台事件
resume	应用从后台回到前台事件
shake	设备摇动事件

示例

                    
app.on('pause', function(){
    console.log('app进入后台'); 
});

app.key(keyName, callback)

手机按键监听。

支持按键

keyback	返回键
keymenu	菜单键

示例

                    
app.key('keyback', function(){
    console.log('按下了返回键'); 
});

app.off(keyName)

取消事件监听，支持系统事件、自定义事件以及按键监听。

示例

                    
app.off('hello');       //取消自定义事件
app.off('keyback');     //取消按键监听
app.off('pause');       //取消内置事件

app.getParam()

获取页面参数，不依赖runtime，仅支持使用app对象方法打开的页面。

示例

                    
var pageParam = app.getParam();
console.log(pageParam);

app.openView(param, leval1, [leval2])

跳转/打开页面，leval1和leval2分别代表页面在view/内的两级文件夹路径，leval2选填，openView将打开路径文件夹内的temp.html页面，因此view/内最多支持两级目录。详细参数：

param	当param不是对象时，将作为参数直接传递给新页面；若为对象类型可以传入更多配置，详见下文；若既不需要传参也不需要修改配置，则要传入`null/undefined`占位。
param.param	将传递给新页面的参数，可以在新页面内用`app.getParam()`方法同步获取到；如果所传参数是对象类型，也可以通过`api.pageParam`获取，但需等待runtime就绪，不建议使用。
param.duration	页面切换动画时长，单位ms，默认应用全局配置`appcfg.set.animateDuration`
param.anim	页面切换动画类型，支持类型见app.window.open()，默认应用全局配置`appcfg.set.windowAnimate`
param.fullPath	默认`false`，是否将参数leval1的值作为页面完整地址访问，可以用于访问`view/`之外的页面。
param.pop	默认`false`，是否以弹窗形式打开。若为`true`，还可以传`param.top`和`param.height`，指示弹层的顶部位置和高度，默认都是0
param.bar	默认`false`，是否以带标题栏的方式打开。若为`true`，还可以传`param.title`作为标题内容
param.closeself	默认`false`，是否跳转到新页面后关闭当前页面
param.closeback	默认`false`，是否跳转到新页面后关闭所有后台页面
leval1	目标页面在`view/`内的一级目录当leval1是url时，将以web页面形式打开，此时将忽略leval2
leval2	目标页面在`view/`内的二级目录，若没有二级目录可以省略

示例

                    

app.openView(null,'news');              //将打开 "view/news/temp.html"

app.openView(null,'news','detail');     //将打开 "view/news/detail/temp.html"

app.loading

打开/关闭等待提示。

方法

show([msg], [config])

显示loading，msg为等待提示文字，默认appcfg.loading.text。config配置如下：

title	提示标题，默认`appcfg.loading.title`
anim	动画类型，支持"fade/zoom"，默认`appcfg.loading.anim`
modal	默认`true`，是否模态
delay	延时关闭时间，单位ms，默认`0`

hide()

关闭loading

示例

                    
app.loading.show();

setTimeout(function(){
    app.loading.hide();
},2000);

app.pull

设置/复位window或frame的下拉刷新状态。

方法

init(callback)	初始化下拉刷新功能，callback是触发回调，必填，其他配置见`appcfg.pull`
stop()	停止下拉刷新效果，恢复到正常状态

示例

                    
app.pull.init(function(){
    console.log('触发下拉刷新');

    setTimeout(function(){
        app.pull.stop();    //复位下拉刷新状态
    }, 2000); 
});

app.toast(msg, config)

打开一个自动关闭的提示消息，config也支持传入整数，表示延时关闭毫秒数。

配置

global	默认`false`，是否是全局的toast。若为false，toast将只在当前window范围可见
location	显示位置，默认`"bottom"`，可选"top/middle/bottom"
delay	延时关闭时间，默认`700`，单位ms
onclose	关闭回调函数，默认`null`

示例

                    
app.toast('hello toast!');

app.alert(msg, sureHandle, config)

弹出带一个按钮的对话框。msg是提示文字，sureHandle是点击回调，config配置如下：

配置

title	对话框标题，默认无
buttons	按钮文字设置，默认`["确定"]`

示例

                    
app.alert('Are you sure?', function(){
    console.log('点击确定的回调');
});

app.confirm(msg, sureHandle, cancelHandle, config)

弹出带两个按钮的确认对话框。msg是提示文字，sureHandle是确认回调，cancelHandle是取消回调，config配置如下：

配置

title	对话框标题，默认无
buttons	按钮文字设置，默认`['确定', '取消']`

示例

                    
app.confirm('Are you sure?', function(){
    console.log('点击确定的回调');
}, function(){
    console.log('点击取消的回调');
});

app.prompt(sureHandle, cancelHandle, config)

弹出一个带两个按钮的输入框，sureHandle是确认回调，cancelHandle是取消回调，回调函数将接收用户输入内容，config配置如下：

配置

title	输入框标题，默认无
title	输入框提示文字，默认无
text	输入框默认内容，默认无
type	输入框文字内容，默认`"text"`，可选text、password、number、email、url
buttons	按钮文字设置，默认`['确定', '取消']`

示例

                    
app.prompt(function(text){
    console.log('输入了：' + text);
}, function(){
    console.log('取消输入的回调');
});

app.actionSheet(config, callback)

弹出系统选择按钮框，callback接收点击按钮的序号，config配置如下：

配置

title	标题，默认无
cancelTitle	取消按钮文字，默认`'取消'`
destructiveTitle	唯一一个红色按钮文字，默认无
buttons	按钮组，必填，例如`['a','b','c']`

示例

                    
app.actionSheet({
    title: '选择头像',
    buttons: ['拍摄', '相册选择']
}, function(idx){
    console.log('点击按钮：' + idx);
});

app.storage.val(key, [value])

存储/读取值，支持对象类型自动转化。

示例

                    
app.storage.val('test', {a:1});

console.log( app.storage.val('test') )   //{a:1}

app.storage.remove(key)

删除本地存储key的值

app.storage.leaveSpace()

返回本地存储剩余空间，单位byte

app.storage.clear(force)

清除本地存储，默认跳过appcfg.set.safeStorage中设置的key，除非force为真值。

app.window.open(config)

跳转/打开窗口。

配置

name	窗口名称，不传将自动生成
url	页面url，必须
param	传递给新页面的参数，可以使用`app.getparam()`方法获取
anim	打开窗口的动画效果，默认`appcfg.set.windowAnimate`
duration	打开窗口动画的时长，单位ms，默认`appcfg.set.animateDuration`

示例

                    
app.window.open({
    url: '../view/index/temp.html'
});

app.window.close([winName], [config])

关闭名称为winName的窗口，若不传winName将关闭当前window或frame。config配置如下：

anim	关闭窗口的动画效果，默认`appcfg.set.windowAnimate`
duration	关闭窗口动画的时长，单位ms，默认`appcfg.set.animateDuration`
isFrame	如果winName是frame的名称，需要设置为真值，默认`false`

示例

                    
app.window.close();     //关闭当前window或Frame

app.window.on(event, callback)

窗口事件监听，手势事件支持浮动窗口。

支持事件

pause	页面退到后台事件。
resume	页面回到前台或初次显示事件。
scrolltobottom	页面滚动到底部事件。
swipleft	从左向右滑动事件。
swipright	从右向左滑动事件。
swipup	从上向下滑动事件。
swipdown	从下往上滑动事件。

示例

                    
app.window.on('resume', function(){
    console.log('页面正在前台'); 
});

app.window.evaluate(name, [frameName], scriptContent)

在名称为name的窗口，或name窗口内名称为frameName的浮动窗口中，执行脚本scriptContent。

name可以为空，默认当前窗口。

示例

                    
app.window.evaluate('member_index', 'app.window.close()');

app.window.openPopover(config)

打开Frame窗口，Frame窗口的window对象上将扩展selfTop属性，值为自身距离屏幕底部距离。

配置

name	Frame窗口名称，不传将自动生成
url	Frame窗口url，必须
param	传给Frame窗口的参数，可以使用`app.getparam()`方法获取，如果是对象类型也可以通过`api.pageParam`获取，但该方法需要等待runtime就绪。
left	Frame窗口距屏幕左边缘距离，默认`0`
top	Frame窗口距屏幕上边缘距离，默认`0`
width	Frame窗口宽度，默认`'auto'`，将横向充满屏幕
height	Frame窗口高度，默认`'auto'`，将纵向充满屏幕
bottomMargin	Frame窗口距离底部距离，默认`0`，不可与height同时使用
bounce	Frame窗口是否支持弹动效果，默认`false`

示例

                    
app.window.openPopover({
 url: './content.html',
 top: 40
});

app.window.popoverElement(config)

在指定元素区域打开浮动窗口。

配置

id	指定元素的id，必须
url	打开浮动窗口的url，必须
name	指定浮动窗口的名称，默认使用id作为名称
bounce	浮动窗口是否支持弹动效果，默认`false`
param	传给浮动窗口的参数，可以使用`app.getparam()`方法获取。

示例

                    
app.window.popoverElement({
    id: 'view',
    url: './content.html'
});

app.window.setPopover(config)

设置指定浮动窗口的属性。

配置

name	要修改的Frame窗口名称，必须
bounces	Frame窗口是否有弹动效果
hidden	Frame窗口是否隐藏
bgColor	Frame窗口背景色
vScrollBarEnabled	Frame窗口是否显示垂直滚动条
hScrollBarEnabled	Frame窗口是否显示水平滚动条
scaleEnabled	Frame窗口是否可以缩放
rect	Frame窗口位置及尺寸，格式 `{ x:0, //左上角x坐标 y:0, //左上角y坐标 w:320, //宽度，若传'auto'，页面从x位置开始自动充满父页面宽度 h:480 //高度，若传'auto'，页面从y位置开始自动充满父页面高度 }`

示例

                    
app.window.setPopover({
   name: 'pop_detail',
   hidden: true 
});

app.window.animPopover(config)

frame窗口动画。

配置

delay	动画执行延迟时间，单位ms，默认`0`
duration	动画时长，单位ms，默认`appcfg.set.animateDuration`
curve	动画曲线类型，默认`'ease_in_out`，可选 `ease_in_out //开始和结束时慢 ease_in //开始时慢 ease_out //结束时慢 linear //整个动画过程速率一样`
repeatCount	动画重复次数，默认`0`
translation	位置平移参数，格式 `{ x: 0, y: 0, z: 0 }`

示例

                    
app.window.animPopover({
    name: 'news_detail',
    translation: {
        x: 320
    }
});

app.ajax(option)

跨域异步请求。

配置

method	请求方式，默认`appcfg.ajax.type`，支持常规get,post,put,delete,head,options,trace,patch,额外增加payload
dataType	请求数据格式，默认`"json"`
timeout	超时时间，默认`appcfg.set.outime / 1000`，单位s
snapshoot	是否开启快照缓存，默认`false`
url	请求url
data	发送数据
success	请求成功回调，接受返回数据
error	请求失败回调，接收错误信息对象，若不传将使用默认错误提示

返回方法

abort()	中止本次请求。
clearSnapshoot()	清除本请求地址的快照缓存。

示例

                    
app.ajax({
    url: appcfg.host.control + '/login',
    data: {
        ...
    },
    success: function(res){
        //
    }
});

app.device.os()

获取设备系统信息。返回数据格式：

                    
{
    name: "android",    //系统名称
    version: "6.1"      //系统版本
}

示例

                    
var os = app.device.os();
console.log(os);

app.device.screen()

获取设备屏幕信息。返回数据格式：

                    
{
    resolutionHeight: "1080",   //设备高度物理像素数
    resolutionWidth: "640",     //设备宽度物理像素数
    width:"320",                //设备宽度像素数
    height:"540"                //设备高度像素数
}

示例

                    
var screen = app.device.screen();
console.log(screen);

app.device.uuid()

返回设备唯一标识，字符串类型。

示例

                    
var uuid = app.device.uuid();
console.log(uuid);

app.device.model()

返回设备型号，字符串类型。

示例

                    
var model = app.device.model();
console.log(model);

app.device.connect()

返回当前网络连接类型。支持以下类型：

                    
unknown            //未知
ethernet        //以太网
wifi            //wifi
2g                //2G网络
3g                //3G网络
4g                //4G网络
none            //无网络

示例

                    
var connect = app.device.connect();
console.log(connect);

app.device.call(number, [propt])

拨打电话，默认直接拨打，propt为真值将弹出一个确认提示。

示例

                    
app.device.call('10086');

app.device.setWakeLock([keepOn])

设置设备休眠状态，keepOn为真值设备将保持常亮。

示例

                    
app.device.setWakeLock(true);

app.device.setBadge(number)

设置应用角标数字。

示例

                    
app.device.setBadge(1);

app.device.install(appUri)

安装应用。

示例

                    
var os = app.device.os();
var appUri = (os.name==='android' ? 'file://xxx.apk' : 'https://list.kuaiapp.cn/list/KuaiAppZv7.1.plist');
app.device.install(appUri);

Modules

内置模块化插件列表，部分插件间存在依赖关系。

jQuery

内置jQuery 3.x模块化封装。

示例

                    
var $ = require('jquery');
console.log( $ );

validform

表单验证插件，依赖jQuery插件。来自Flow-UI，请求方法用app.ajax()代替，API及示例参考Flow-UI Validform。

album

大图全屏播放插件，依赖slide\jQuery插件。来自Flow-UI，针对移动端微调，API及示例参考Flow-UI Album。

base

辅助方法。来自Flow-UI，API及示例参考Flow-UI Base。

countdown

倒计时插件。来自Flow-UI，API及示例参考Flow-UI Countdown。

datepicker

日期选择器插件，封装AppianZ/DateSelector。

download

下载插件，返回下载方法。

配置

path	下载地址，默认`"fs://Download/"`
name	存储名称，默认无。
onCreate()	创建下载成功回调，默认`app.toast('正在下载');`
onCreateError(err)	创建下载失败回调，默认`app.toast('创建下载失败：' + err.msg);`
onStatus(percent)	下载进度变化回掉，默认`app.toast('正在下载:' + percent + '%');`
success(savePath, fileSize)	下载完成回调，默认无
error(status)	下载失败回调，默认 `if (status === 2) { app.toast('下载失败'); } else { app.toast('下载异常，status:' + status); }`

返回对象

abort()

中止该下载任务。

示例

                    
var download = require('download');
download("http://static-zt.oss-cn-qingdao.aliyuncs.com/mock/notice2.zip", {
    name: 'download-test.zip',
    success: function(savePath, fileSize) {
        app.toast('下载完成：' + savePath);
    }
});

echarts

图表插件，封装百度Echarts。

etpl

前端模板引擎，封装百度Etpl。

input-number

数字输入插件，依赖jQuery\input插件。来自Flow-UI，API及示例参考Flow-UI inputNumber。

input

输入框插件，依赖jQuery插件。来自Flow-UI，API及示例参考Flow-UI input。

lazyload

图片懒加载jQuery插件。来自Flow-UI，API及示例参考Flow-UI lazyload。

multi-picker

选择器插件，封装AppianZ/MultiPicker。

option-list

带左划菜单的列表插件，依赖jQuery\etpl插件以及默认UI。

配置

selector	列表生成容器的选择器，默认`"body"`
multiShow	允许多个列表项同时显示菜单，默认`false`
duration	回弹时长，字符串格式，默认`"300ms"`
touchClass	触摸操作时添加的class，默认`"active"`

返回对象

data	返回实例数据。
add(newData, prepend)	向列表末尾追加元素，newData为对象格式，prepend为真值将向列表头部添加元素。
set(data)	重新设置列表数据，data为对象数组，格式见示例。
delete(itemIndex)	删除列表项

示例

                    
var $ = app.util;
//列表数据格式
var listData = [{
        item: '左滑操作列表0',
        className: 'first'
    }, {
        item: '左滑操作列表1'
    }, {
        item: '左滑操作列表2'
    }];
//侧滑操作列表
require.async('option-list', function(optionList) {
    var demo = optionList({
        selector: '#controlList',
        data: listData,
        buttons: [{
            text: '编辑'
        }, {
            text: '添加'
        }, {
            className: 'btn-danger',
            text: '删除'
        }],
        onClick: function(button, itemIndex, itemLength) {
            var optionIndex = $(button).data('index');
            switch(optionIndex){
                case "0":
                    app.toast(demo.data[itemIndex].item);
                    break;
                case "1":
                    demo.add({
                        item: '左滑操作列表' + demo.data.length
                    });
                    break;
                case "2":
                    demo.delete(itemIndex);
                    break;
                default:
                    console.log('optionlist:error');
            }
            
        }
    });
});

paging-load

分页加载插件，来自Flow-UI，API及示例参考Flow-UI pagingLoad。

render

单向绑定渲染器，依赖jQuery\etpl插件。来自Flow-UI，API及示例参考Flow-UI render。

scroll-col

滚动插件，依赖jQuery\easing插件。来自Flow-UI，API及示例参考Flow-UI scrollCol。

scroll-load

滚动加载插件，依赖jQuery\base插件。来自Flow-UI，API及示例参考Flow-UI scrollLoad。

slide

图片轮显插件，依赖jQuery\base插件。来自Flow-UI，API及示例参考Flow-UI slide。

upload

上传插件，返回上传方法。依赖base插件。语法upload(localImgPath, option)

配置

url	上传地址，默认无
headers	请求头，对象格式，默认`{}`
data	附带参数，json格式
onCreate(upId)	创建上传成功回调，默认`app.toast('正在上传...');`
onCreateError()	创建上传失败回调，默认`app.toast('创建上传失败');`
onStatus(percent)	上传进度变化回调，默认`app.toast('正在上传:' + percent + '%');`
success(remoteUrl)	上传成功回调，默认无。
error	上传失败回调，默认`app.toast('上传失败');`

返回对象

abort()

中止该上传任务。

示例

                    
require.async('upload', function(uploader) {
    uploader('widget://res/img/avat.jpg', {
        url: "http://host.refined-x.com/test/fileupload.php",
        success: function(newAvat) {
            console.log('上传成功：' + newAvat);
        }
    });
});

UI

定制主题

基于less实现主题定制，less文件与ui.css同目录，定制主题需要修改less文件并编译成同名css文件。

图标

内置图标使用阿里巴巴图标库创建，替换图标只需要在平台上自己创建图标项目，将下载的图标文件替换到框架sdk/font/文件夹中即可。

组件列表

UI组件示例见演示app。

grid

12列栅格组件，来自Flow-UI，api及示例参见Flow-UI grid。

button

按钮组件，来自Flow-UI，样式微调，api及示例参见Flow-UI button。

color

色彩组件，来自Flow-UI，去掉了辅助色(auxiliary)，api及示例参见Flow-UI color。

badge

徽标组件

.badge	定义一个徽标元素
.badge-primary	叠加在.badge上以显示为主色调(另："success", "info", "warning", "danger")

list

列表组件。

.list	定义一个列表元素，默认内部H标签和p标签将单行显示，超出隐藏。
.item	在.list元素内定义一个列表项。
.item-lite	叠加在.item上使成为一个紧凑列表项。
.active	叠加在.item上显示为点击状态。
.item-text-wrap	叠加在.item上使文字可换行
.item-divider	叠加在.item上使成为带背景的分隔项。
.item-note	在.item内定义一个右侧备注元素。
.item-icon-left	叠加在.item上为左侧图标预留空间。
.item-icon-right	叠加在.item上为右侧图标预留空间。
.item-button-left	叠加在.item上为左侧按钮预留空间。
.item-button-right	叠加在.item上为右侧按钮预留空间。
.item-image	在.item内定义一个图片包裹元素，内部图片将100%填充。
.item-avatar	叠加在.item上为左侧头像图片预留空间。
.item-avatar-right	叠加在.item上为右侧头像图片预留空间。
.item-thumbnail	叠加在.item上为左侧缩略图片预留空间。
.item-thumbnail-right	叠加在.item上为右侧缩略图片预留空间。
.item-body	在.item内定义一个内容块，文字可以换行显示。
.item-badge	叠加在.item上为.badge元素在右侧预留空间。

card

卡片组件。

.card	定义一个卡片元素，或叠加在.list上成为卡片式列表。
card-head	定义一个卡片头部。
card-title	在卡片头部内定义一个标题。
card-foot	定义一个卡片底部。

form

表单组件。基于.item扩展。

.item-input	叠加在.item上定义一个输入项，内部input/textarea标签将自动应用样式。
.item-stacked-label	叠加在.item-input上使成为一个带提示文字的输入项。
.input-label	在.item-stacked-label定义一个提示文字元素。
.item-checkbox	叠加在.item上定义一个多选元素项。
.checkbox	在.item-checkbox内定义一个多选状态指示符。
.checkbox-primary	叠加在.checkbox上使指示符应用主色调，可选颜色组件中的所有颜色。
.item-radio	叠加在.item上定义一个单选元素项。
.radio-primary	叠加在.radio上使指示符应用主色调，可选颜色组件中的所有颜色。
.item-select	叠加在.item上定义一个选择项，内部select元素将自动应用样式。

toggle

开关组件。基于.item扩展。

.item-toggle	叠加在.item上定义一个开关项。
.toggle	在.item-toggle内定义一个开关。
.toggle-primary	叠加在.toggle上使指示符应用主色调，可选颜色组件中的所有颜色。

range

滑块组件。基于.item扩展。

.range	叠加在.item上定义一个滑块容器，内部input[type="range"]将自动应用样式。
.range-label	在.range内定义一个内容指示器。

flex-grid

Flex栅格组件，来自Flow-UI，样式微调，api及示例参见Flow-UI flex。

rect

比例矩形组件，来自Flow-UI，样式微调，api及示例参见Flow-UI rect。

space

间距组件，来自Flow-UI，样式微调，api及示例参见Flow-UI space。

tools

工具类。

.fix	清除浮动。
.oh	超出隐藏。
.l/.r	左/右浮动。
.pr/.pa	相对/绝对定位。
.tc/.tl/.tr	中/左/右对齐。
.el	单行文字，超出显示...
.hide	隐藏元素。
.hidetext	隐藏内部文字。
.opc0	透明元素。
.big	大字号。
.small	小字号。

head

头部组件。

.head	定义一个头部元素。
.title	定义一个标题。
.btn	.head内.btn:first和.btn:last元素分别显示在头部左侧和右侧。
.item-input-inset	定义一个头部输入框。

foot

底部导航组件。

.foot	定义一个底部导航容器。
.tabs	在.foot内定义一个导航组件。
.tabs-ion-top	叠加在.tabs上显示为带图标的导航。
.tabs-text	叠加在.tabs上显示为纯文字导航。
.tab-item	在.tabs内定义一个菜单项，自适应宽度。
.cur	叠加在.tab-item上显示为当前状态。
.active	叠加在.tab-item上显示为触摸状态。

listPlaceholder

暂无内容组件。

.listPlaceholder	定义一个暂无内容元素。
._container	在.listPlaceholder内定义一个容器元素。
._icon	在._container内定义一个图片区域。
._text	在._container内定义一个文字区域。

picControl

图片上传组件，参考示例APP中的图片上传示例。

.picControl	定义一个图片上传队列组件。
.bordered	叠加在.picControl上显示为带边框组件。
._adder	在.picControl内定义一个添加图片按钮。
._pic	在.picControl内定义一个图片元素，内部需包含img元素。
._del	在._pic元素内定义一个删除按钮，内部需包含.ion图标。
._state	在._pic元素内定义一个上传进度元素。

other

辅助类。

img[data-src]	懒加载图片默认占位。
img[data-remote]	待缓存图片默认占位，该功能在`sdk/server.js`中。
.onKeyboard	打开键盘时body自动添加该类，该功能在`sdk/common.js`中。
.block-holder	将元素/图片修饰为占位元素。

概述

关于

目录结构

代码组织

开发模式

快速开始

命令行工具

配置

下载

Github

NPM

体验APP

SDK

Core

方法

示例

示例

示例

示例

示例

支持事件

示例

支持按键

示例

示例

示例

示例

方法

示例

方法

示例

配置

示例

配置

示例

配置

示例

配置

示例

配置

示例

示例

配置

示例

示例

支持事件

示例

示例

配置

示例

配置

示例

配置

示例

配置

示例

配置

返回方法

示例

示例

示例

示例

示例

示例

示例

示例

示例

示例

Modules

示例

配置

返回对象

示例

配置

返回对象

示例

配置

返回对象

示例

UI