小程序点击变换，

<scroll-view class='bsbb pl30 bgcf bdb2' scroll-x style='white-space:nowrap;'>

<block wx:for="{{caseArr}}" wx:key="unique">

<text data-index="{{index}}" class='fs24 dib bsbb h80 mr50 {{current == index?"c bdb4":"c9"}}' bindtap='huoqu'>{{item.j_name}}</text>

 

</block>

 

</scroll-view>

<!-- <my-sku-page data-index="{{pIndex[index]}}" wx:key="unique" binddetailBtn="checkClick" style="display:{{current == pIndex[index]?'block':'none'}}" >

 

</my-sku-page> -->

<!-- <view wx:for="{{caseArr}}" wx:for-item="items"> -->

<scroll-view class="bsbb pl30 df pt30 pb30 bgcf h310" scroll-x style='white-space:nowrap;'>

<block wx:for="{{caseArr[current].binzhen}}" wx:key="unique">

<view data-j_id="{{item.j_id}}" class='dib tac mr15' bindtap="checkClick">

<image mode='aspectFill' style='width:178rpx;height:178rpx;' src='{{item.j_thumb}}' class='db'></image>

<text class='db fs26 c9 mt20'>{{item.j_name}}</text>

</view>

</block>

</scroll-view>

 

 

data:{

current: 0,

}

 

 

//病例

getJibin: function() {

var that = this;

app.util.request({

"url": 'entry/wxapp/Jibin',

success: function(res) {

console.log(res.data.data);

that.setData({

caseArr: res.data.data

})

},

fail: function(err) {

console.log(err)

},

})

},

 

 

 

 

//点击切换病例

huoqu: function(e) {

var that = this

var index = e.currentTarget.dataset.index

var current = index;

that.setData({

current: current

})

}

转载于:https://www.cnblogs.com/isuansuan/p/9832072.html