从品牌网站建设到网络营销策划,从策略到执行的一站式服务
小程序最近是越来越火了……
创新互联建站网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了做网站、网站设计,成都网站设计,广告投放平台,成都做网站选创新互联建站,贴合企业需求,高性价比,满足客户不同层次的需求一站式服务欢迎致电。做小程序有一段时间了,总结一下项目中遇到的问题及解决办法吧。
项目中有个多 tab 嵌套的需求,进入程序主界面下面有两个 tab,进入A模块后,A模块最底下又有多个tab,每个tab上又嵌了2-4个不等的tab。。。
这种变态需求只能自定义tab了。
其实如果项目不是很复杂,没有多tab嵌套的需求,完全可以用小程序官方的 tabBar,方便快捷。
官方 tabBar 地址:https://developers.weixin.qq....
一、Demo结构
先看效果图吧
结构是这样的:程序主界面包含两个 tab:主页和我的,主页又包含两个tab:最热和最新;我的也包含两个tab:电影和音乐。
关系图如下:
项目
主页
最热
最新
我的
电影
音乐
二、开始撸代码
再看代码结构
两种页面结构
小程序的页面分为两种:page 和 components。
page就是普通的页面, components是小程序为实现模块化而提供的自定义组件。
相同点:
都由四个文件:.js、.json、.wxml、.wxss、构成,.wxml、.wxss写法完全相同。
不同点:
components要在json文件中注明:"component": true
{ "component": true, "usingComponents": { "movie": "movie/movie", "music": "music/music" } }
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图