小程序分类-小程序种类-小程序界面开发-即速应用

小程序分类-小程序种类-小程序界面开发

浏览量：1719 时间：2020-04-06 来源：weixin_44908506

1.
wxml
2.
{{item}}
3.
wxss
4.
.tabTit{height:90rpx;line-height:90rpx;border-bottom:solid1px#eee;/*position:fixed;//top:0;*/width:750rpx;z-index:1;background:#fff;font-size:15px;text-align:center;}
5.
.tabTit.active{color:#e64340;}
6.
.tabTit.activeimage{transform:rotate(180deg);background:none;}
7.
.tabTitimage{width:26rpx;height:26rpx;vertical-align:middle;margin-left:5px;}
8.
.tabLayer{box-shadow:05px5pxrgba(0,0,0,0.15);width:750rpx;overflow:hidden;/*position:fixed;/top:90rpx;z-index:1;background:#fff;padding-bottom:40rpx;border-bottom:solid1px#eee;text-align:center;/margin-top:420rpx;*/}
9.
.tabLayertext{width:210rpx;height:60rpx;line-height:60rpx;float:left;border:solid1px#eee;margin:20rpx0026rpx;font-size:15px;}
10.
.tabLayer.active{color:#e64340;border-color:#e64340;}
11.
.flex1{flex:1;overflow:hidden;display:block;}
12.
js
13.
data:{menu:{imgUrls:[‘/images/classifition/icon_03.png’,‘/images/classifition/icon1_03.png’,‘/images/classifition/icon2_03.png’,‘/images/classifition/icon5_03.png’,‘/images/classifition/icon4_03.png’,‘/images/classifition/icon0_07.png’,‘/images/classifition/icon9_07.png’,‘/images/classifition/icon3_07.png’,‘/images/classifition/icon8_07.png’,‘/images/classifition/icon6_07.png’
],descs:['美食','饮品','商超','休闲娱乐','电影/演出','ktv','酒店','宠物','学习培训','景点/门票']},},//分类页面14.
classinfo:function(e){wx.getStorage({key:‘key’,success:function(res){console.log(res);}})varkindIde.currentTarget.dataset.index;console.log(e);varkindNamethis.data.menu.descs[kindId];console.log(kindName);console.log(kindId);wx.navigateTo({url:‘…/classifcation_foot/classifcation_foot?kindId’+kindId+‘kindName’+kindName})},