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
    })
    }
  • 相关阅读:
    【06】SQL语句之创建数据库
    【05】数据类型
    【02】SQL Server 配置管理器基本使用
    【01】连接到数据库引擎
    MySQL学习记录【02】常用数据类型
    MySQL学习记录【01】主键
    [转]九个Console命令,让js调试更简单
    HTML5中引入的关键特性
    [转]CSS hack大全&详解
    [转]IE8兼容Object.keys
  • 原文地址:https://www.cnblogs.com/isuansuan/p/9832072.html
Copyright © 2011-2022 走看看