zoukankan      html  css  js  c++  java
  • 小程序点击变换,

    <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='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
    })
    }
  • 相关阅读:
    20162330 2016-2017-2《程序设计与数据结构》课程总结
    强化学习--Policy Gradient
    59. Spiral Matrix II
    54. Spiral Matrix(剑指offer 19)
    58. Length of Last Word
    c++ string split
    神经网络反向传播,通俗理解
    大话设计模式C++ 备忘录模式
    57. Insert Interval
    c++ sort
  • 原文地址:https://www.cnblogs.com/isuansuan/p/9832072.html
Copyright © 2011-2022 走看看