html注册 环信,easeChat模块（环信-即时通讯）demo示例

Hello APP

html, body {

height: 100%;

}

#wrap {

height: 100%;

display: -webkit-box;

display: -webkit-flex;

display: flex;

-webkit-box-orient: vertical;

-webkit-flex-flow: column;

flex-flow: column;

}

#header {

text-align: center;

background-color: #81a9c3;

color: #fff;

width: 100%;

}

#header h1 {

font-size: 20px;

height: 44px;

line-height: 44px;

margin: 0em;

color: #fff;

}

#main {

-webkit-box-flex: 1;

-webkit-flex: 1;

flex: 1;

}

#footer {

height: 30px;

line-height: 30px;

background-color: #81a9c3;

width: 100%;

text-align: center;

}

#footer h5 {

color: white;

}

.con {

font-size: 28px;

text-align: center;

}

APICloud easeChat DEMO

Copyright ©

apiready = function() {

console.log("Hello APICloud");

//                api.setScreenOrientation({

//                orientation:'landscape_left'

//      });

var header = $api.byId('header');

//适配iOS 7+，Android 4.4+状态栏

$api.fixStatusBar(header);

var headerPos = $api.offset(header);

var main = $api.byId('main');

var mainPos = $api.offset(main);

api.openFrame({

name : 'main',

url : 'html/easeChat.html',

bounces : false,

rect : {

x : 0,

y : headerPos.h,

w : 'auto',

h : mainPos.h

}

});

};