1.

小程序二级目录实现，实现二级子菜单，链接服务器数据显示

现实代码2.

index.jsvarappgetApp()varutilrequire("…/…/utils/util.js");Page({

3.

/**

页面的初始数据*/data:{curNav:1,curIndex:0,//右边的viewitemPage:[],//左边的导航viewitem:[],//全部分类list:[]},onLoad:function(options){varthatthis;util.getTitle(function(data){that.setData({list:data,})varitemutil.getItemList(that.data.list,0);that.setData({item:item})})4.

},//事件处理函数switchRightTab:function(e){//点的第几个itemletide.target.dataset.id;varindexe.target.dataset.index;//点击后的分类Javabeanvaritemthis.data.item[index];//点击到哪一项，设置为当前的页面this.setData({curNav:id,curIndex:index})//下级分类集合varitemsutil.getItemList(this.data.list,item.id)if(items.length0){varthatthis;util.getAllGoods(function(data){vargoodsdata.rows;for(vari0;igoods.length;i++){goods[i].pictutil.getImageUrl(goods[i].pict)}

that.setData({itemPage:goods,})})}else{//设置数据this.setData({itemPage:items})}////获取item项的id，和数组的下标值//varide.currentTar.dataset.id,//indexparseInt(e.target.dataset.index);////把点击到的某一项，设为当前index//this.setData({//curNav:id,//curIndex:index//})5.

}})index.wxml

{{item.name}}imagesrc"{{item.pict}}"/imagetext{{item.name}}/text/view/block/view!--如果无数据，则显示数据--viewclass"nodata_text"wx:else该分类暂无数据/viewindex.wxsspage{background:#f5f5f5;}/*总体主盒子*/.container{position:absolute;width:100%;height:100%;background-color:#fff;color:#939393;6.

}/左侧栏主盒子/.nav_left{/设置行内块级元素（没使用定位）/position:absolute;top:0;left:0;width:25%;height:100%;/主盒子设置背景色为灰色/background:#f5f5f5;text-align:center;}/左侧栏list的item/.nav_left.nav_left_items{/每个高30px/height:40px;/垂直居中/line-height:40px;/再设上下padding增加高度，总高42px/

7.

/只设下边线/border-bottom:1pxsolid#dedede;/文字14px/font-size:10px;}/左侧栏list的item被选中时/.nav_left.nav_left_items.active{/背景色变成白色/background:white;color:#f0145a;}/右侧栏主盒子/.nav_right{/右侧盒子使用了绝对定位/*/position:absolute;top:0;right:0;flex:1;/宽度75%，高度占满，并使用百分比布局/width:75%;height:1000px;padding:10px;box-sizing:border-box;background:#fff;}/右侧栏list的item/.nav_right.nav_right_items{/浮动向左/float:left;/每个item设置宽度是33.33%/width:33.33%;height:120px;text-align:center;}.nav_right.nav_right_itemsimage{/被图片设置宽高/width:60px;height:60px;margin-top:15px;}.nav_right.nav_right_itemstext{/给text设成块级元素/display:block;margin-top:15px;font-size:14px;color:black;/设置文字溢出部分为…/overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.nodata_text{color:black;font-size:14px;text-align:center;}

8.

以及util的实现代码，很简单就不上传了！