Android 多tab程序实现,wxTabs 微信小程序的多 tab 实现,各 tab 页面状态独立,并支持下拉刷新上拉加载更多 @codeKK Android开源站...

tabs for wechat app

特点:

各页面状态(空白,错误,加载中)已自动处理

页面下拉刷新和上拉加载更多的方法已实现,并封装在 tabUtil 中,无需在 page 中书写.

tab 之间的切换逻辑已处理.

使用时需要做的:

拷贝

netUtil.js 拷贝到 utils 目录下

lib 文件夹拷贝到根目录下

修改

针对具体项目微调 netUtil 里的一些字段,比如将用于分批加载的 pagesize 和 pageIndex 改成自己网络请求里的相应字段.

tab 颜色和最小宽度,以及高度可在 tabs.wxss 里修改.

使用(参考 pages\index)

写每个页面的 wxml 和 wxss,模板化,并在具体页面导入

引入 js:

var netUtil=require("../../utils/netUtil.js");

var tabUtil=require("../../lib/tab/tabUtil.js");

var lvUtil=require("../../lib/tab/lvUtil.js");

调用:

var tabStrs = [' ',' ','推荐','学业成绩','行为问题','亲子关系','人际关系','情绪困扰'];

tabUtil.initTab(that,tabStrs,2,function(i){

var params = {};

params.type=1;

params.labelIds ="1,2,3,4,5";

params.sourceType=0;

params.priceType=0;

params.categoryIds = i-2;

params.pageIndex = 1;

params.pageSize = 20;

var lvBean = lvUtil.initLv(that,API.Lesson.SEARCH,params,i,'',{

getListFromNetData:function(netData){

return netData;

},

handleItemInfo:function(item){

// utils.showVoiceItemPriceText(item);

}

});

return lvBean;

});