小程序最近是越来越火了……
做小程序有一段时间了,总结一下项目中遇到的问题及解决办法吧。
项目中有个多 tab 嵌套的需求,进入程序主界面下面有两个 tab,进入A模块后,A模块最底下又有多个tab,每个tab上又嵌了2-4个不等的tab。。。
这种变态需求只能自定义tab了。
其实如果项目不是很复杂,没有多tab嵌套的需求,完全可以用小程序官方的 tabBar,方便快捷。
官方 tabBar 地址:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html
一、Demo结构
先看效果图吧
结构是这样的:程序主界面包含两个 tab:主页和我的,主页又包含两个tab:最热和最新;我的也包含两个tab:电影和音乐。
关系图如下:
项目
主页
最热
最新
我的
电影
音乐
二、开始撸代码
再看代码结构
两种页面结构
小程序的页面分为两种:page
和 components
。
page
就是普通的页面, components
是小程序为实现模块化而提供的自定义组件。
相同点:
都由四个文件:.js
、.json
、.wxml
、.wxss
、构成,.wxml
、.wxss
写法完全相同。
不同点: