"家具"}, {
id:3,
title: "家具"}, {
id:4,
title: "家具" }, {
id:5,
title: "家具"
}
]
},
onLoad : fonction (options) {
},
selectType(e){
this.setData({
activeId : e.currentTarget.dataset.id
})
}
})
------------------------------------
wxml
<view class="container">
<view class="left">
<view wx:for="{{typelist}}" class="{{itme.id ==activeId?'active':''}}"
bindtap="selectType" data-Id="{{item.id}}">
{{item.title}}
</view> ;</view>
<view class="right"></view>
</view>
---------------- -------------------
wxss
.left{
largeur : 250rpx;
arrière-plan : #eee;
hauteur : 1000rpx;
}
.vue gauche{
padding : 10px 0px;
alignement du texte : centre;
}
.vue gauche.active{
couleur : burlywood;
fond : #fff;
}
.right{
flex: 1;
}
.comtainer{
affichage: flex;
min-hauteur: 100vh;
}