wxml
wxss
.tabTit {
height: 90rpx;
line-height: 90rpx;
border-bottom: solid 1px #eee;
/* position:fixed; // top:0; */
width: 750rpx;
z-index: 1;
background: #fff;
font-size: 15px;
text-align: center;
}
.tabTit .active {
color: #e64340;
}
.tabTit .active image {
transform: rotate(180deg);
background: none;
}
.tabTit image {
width: 26rpx;
height: 26rpx;
vertical-align: middle;
margin-left: 5px;
}
.tabLayer {
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
width: 750rpx;
overflow: hidden;
/* position: fixed; /
top: 90rpx;
z-index: 1;
background: #fff;
padding-bottom: 40rpx;
border-bottom: solid 1px #eee;
text-align: center;
/ margin-top: 420rpx; */
}
.tabLayer text {
width: 210rpx;
height: 60rpx;
line-height: 60rpx;
float: left;
border: solid 1px #eee;
margin: 20rpx 0 0 26rpx;
font-size: 15px;
}
.tabLayer .active {
color: #e64340;
border-color: #e64340;
}
.flex1 {
flex: 1;
overflow: hidden;
display: block;
}
js
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', '酒店', '宠物', '学习培训', '景点/门票' ]},},// 分类页面classinfo: function(e) {
wx.getStorage({
key: ‘key’,
success: function(res) {
console.log(res);
}
})
var kindId = e.currentTarget.dataset.index;
console.log(e);
var kindName = this.data.menu.descs[kindId];
console.log(kindName);
console.log(kindId);
wx.navigateTo({
url: ‘…/classifcation_foot/classifcation_foot?kindId=’ + kindId + ‘&kindName=’ + kindName
})
},
