|
|
调用模块提示模块未绑定- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title>title</title>
- <link rel="stylesheet" type="text/css" href="../css/api.css" />
- <link rel="stylesheet" type="text/css" href="../css/style.css" />
- <style>
- .empty{ text-align: center; padding: 120px 0; }
- </style>
- </head>
- <body>
- <div class="empty"></div>
- </body>
- </html>
- <script type="text/javascript" src="../script/api.js"></script>
- <script src="../script/swipe.js"></script>
- <script type="text/javascript">
- apiready = function(){
- // $api.dom('.empty').innerHTML = api.pageParam.name+'页';
- var messageList = api.require('messageList');
- var datas = []; // 数据源.
- var imgs = ['widget://image/messageList/avatar.png',
- 'widget://image/messageList/avatar.png',
- 'widget://image/messageList/avatar.png',
- 'widget://image/messageList/avatar.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/948bec8a4df2adb27581319d8a8c014e.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/3cd8bd01f9f474664ff0b2f41611797e.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/5b67af4da9ce31f101c3326fbef10e5e.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/3531bbb5db7f920a4f17887449aa5d7d.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/cbf1074f44df8e0f40ca277e31f559ce.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/87a9ad42f49140f1168b0caebf0cb6c3.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/da1cdf8ecba5775f8b54f12cd2a00735.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/a4db2d1809fa57cc91d0173e1c33caf9.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/3e0afb28a7cb0437ea860087cef39fd3.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/893e222cdd8158391f7a01aee3723784.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/59ea90c458f3708279de79b0c7a60693.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/69bff6064593e92c8e4102f174d0bdbf.png',
- 'http://abfc6f80482f86f9ccf4.b0**.**/apicloud/ca2aa9b8246bc0bfd97ba284dc087e62.png',
- 'http://file.apicloud.com/mcm/A6965066817858/d7d1d308fe165b984c09728e7118e9f1.jpg',
- 'http://file.apicloud.com/mcm/A6965066817858/83dede361c4597ccfe2d815a76a7b1c2.png',
- 'http://file.apicloud.com/mcm/A6965066817858/f23301da3bd6c2c214a464b27c9897c2.jpg'
- ];
- for (var i = 0; i < 20; i++) { // 使用1000条数据,进行极限测试.
- var data = {
- uId: 1000 + i,
- img: imgs[i], // 头像图片路径,支持本地和网络路径
- title: '刘德华' + i, // 标题.
- subTitle: 'apicloud粉丝见面会' + i, // 子标题.
- badge: i,
- icons: ['widget://image/messageList/placeholder.png', 'widget://image/messageList/placeholder.png', 'widget://image/messageList/placeholder.png']
- };
- datas.push(data);
- }
- var dataT = {
- uId: 1100,
- title: '这是标题', // 标题.
- subTitle: '这是子标题', // 子标题.
- badge: '1'
- };
- datas.push(dataT);
- var data = {
- uId: 1101,
- img: imgs[4], // 头像图片路径,支持本地和网络路径
- title: '这是标题', // 标题.
- subTitle: '这是子标题', // 子标题.
- badge: '2'
- };
- datas.push(data);
- var data = {
- uId: 1102,
- img: imgs[4], // 头像图片路径,支持本地和网络路径
- title: '这是标题', // 标题.
- subTitle: '这是子标题', // 子标题.
- badge: '3'
- };
- datas.push(data);
- var data = {
- uId: 1103,
- img: imgs[4], // 头像图片路径,支持本地和网络路径
- title: '这是标题', // 标题.
- badge: '4'
- };
- datas.push(data);
- messageList.open({
- x: 0, // 横坐标, 默认 0.
- y: 64, // 纵坐标, 默认 0.
- w: 320, // 宽度, 默认设备屏幕宽度.
- h: 320, // 高度, 默认视图高度 + 100.
- rightBtn: [{
- bg: '#556B2F', //按钮背景色，支持 rgb，rgba，#，默认#ee8262.
- title: '结束', //按钮名字，字符串类型，默认‘按钮’
- titleSize: 13, //按钮标题大小，默认12
- titleColor: '#000000', // 按钮标题颜色，支持 rgb，rgba，#，默认#ffffff
- selectedColor: '#FFFFFF', //按钮选中时候的颜色值,支持 rgb，rgba，#
- icon: 'widget://image/messageList/delete.png'
- }, {
- bg: '#4EEE94', //按钮背景色，支持 rgb，rgba，#，默认#ee8262.
- title: '取消置顶', //按钮名字，字符串类型，默认‘按钮’
- titleSize: 13, //按钮标题大小，默认12
- titleColor: '#000000', // 按钮标题颜色，支持 rgb，rgba，#，默认#ffffff
- selectedColor: 'ffffff', //按钮选中时候的颜色值,支持 rgb，rgba，#
- icon: 'widget://image/messageList/delete.png'
- }], // 左滑单元格露出的按钮组.
- itemStyle: {
- borderColor: '#696969', // 单元格间分割线颜色，支持 rgb，rgba，#，默认#696969
- bgColor: '#AFEEEE', // 单元格背景色，支持 rgb，rgba，#，默认#AFEEEE
- selectedColor: '#f5f5f5', // item背景选中色,支持 rgb，rgba，#，默认#f5f5f5
- height: 65, // 单元格高度，默认55
- avatarH: 45, //头像的高度，默认45
- avatarW: 45, //头像的宽度，默认45
- placeholderImg: 'widget://image/messageList/placeholder.png', //头像为网络资源时的占位图,仅支持本地路径协议,有默认图标，可为空
- titleSize: 15, //标题字体大小，默认13
- titleColor: '#000000', // 标题字体颜色，支持 rgb,rgba,#，默认：#696969
- subTitleSize: 10, // 子标题字体大小，默认13
- subTitleColor: '#696969', // 子标题字体颜色，支持 rgb,rgba,#，默认：#000000
- badge: {
- bg: '#ff0000',
- size: 12,
- color: '#ffffff'
- },
- itemSlipDistance: 80
- }, // 单元格样式配置.
- datas: datas
- }, function(ret, err) {
- alert(JSON.stringify(ret));
- });
- var tabBar = api.require('tabBar');
- tabBar.open({
- bgImg: 'widget://res/img/bg.png',
- items: [{
- title: '标题一',
- img: 'widget://res/img/ic/item.png',
- badge: '1'
- }, {
- title: '标题二',
- img: 'widget://res/img/ic/item.png',
- badge: '2'
- }, {
- title: '标题三',
- img: 'widget://res/img/ic/item.png',
- badge: '1'
- }, {
- title: '标题四',
- img: 'widget://res/img/ic/item.png',
- badge: '2'
- }],
- fixedOn: api.frameName
- }, function(ret, err) {
- if (ret) {
- alert(JSON.stringify(ret));
- } else {
- alert(JSON.stringify(err));
- }
- });
- };
- </script>
|
-
|
显示全部楼层
QQ空间
新浪微博
微信扫一扫
