小程序点击变换,

<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
})
}
posted @ 2018-10-22 19:15  酸suan  阅读(294)  评论(0编辑  收藏  举报