Page({
資料: {
activeId:2,
#typelist:[
{
id:1 ,
title:"家具"}, {
id:2,
title:"家具"}, {
id:3,
title: "家具"}, {
id:4,
title: "家具" }, {
id:5,
title: "家具"
}
]
},
onLoad: 函數(選項){
} ,
selectType(e){
this.setData({
#activeId: e.currentTarget.dataset.id
##})#}})-------------------------------- - --wxml##< ;view wx:for="{{typelist}}" class="{{itme.id==activeId?'active':''}}"
bindtap="selectType" data-Id=" {{item.id}}">
{{item.title}}
------------ ------------ -----------
wxss
.left{
寬度:250rpx;
背景:#eee;
高度:1000rpx;
}
#.左側視圖{
padding :10px 0px;
文字對齊:居中;
}
.left view.active{
#顏色:burlywood;
background: #fff;
#}
.right{
flex: 1;
}
####.comtainer{## ####顯示:flex;##### #最小高度:100vh;######}##########