tabs for wechat app 微信小程序的多tab实现,各tab页面状态独立

网友投稿 643 2022-10-13

tabs for wechat app 微信小程序的多tab实现,各tab页面状态独立

tabs for wechat app 微信小程序的多tab实现,各tab页面状态独立

wxTabs

tabs for wechat app

特点:

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

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

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

使用时需要做的:

拷贝

netUtil.js拷贝到utils目录下

lib文件夹拷贝到根目录下

修改

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

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

使用(参考pages\index)

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