小程序上下移動切換位置

 <view wx:for="{{companyData}}" wx:key="{{item.id}}" class="overHiden">
          <view class="floarLeft">{{item.name}}</view>
          <view class="floarRight" wx:if="{{index != 0}}" data-index="{{index}}" bindtap="topClick">
            <image src="../../images/32.png" class="rightmenuImg"></image>
          </view>
          <view class="floarRight" wx:if="{{index != companyData.length-1}}" data-index="{{index}}" bindtap="bottomClick">
            <image src="../../images/33.png" class="rightmenuImg"></image>
          </view>
        </view>
data{
    companyData:[
        {
            id:0,
            name:'產品1'
        },
        {
            id:1,
            name:'產品2'
        },
        {
            id:2,
            name:'產品3'
        },
        {
            id:3,
            name:'產品4'
        },
        {
            id:4,
            name:'產品5'
        }
    ]
}
//位置向上移動
topClick: function(e) {
    var that = this
    var index = e.currentTarget.dataset.index
    var one = that.data.companyData[index]
    var two = that.data.companyData[index - 1]
    var index2 = index - 1
    var data1 = "companyData[" + index + "]"
    var data2 = "companyData[" + index2 + "]"
    that.setData({
      [data1]: two,
      [data2]: one
    })
  },
  // 位置向下移動
  bottomClick: function(e) {
    var that = this
    var index = e.currentTarget.dataset.index
    var one = that.data.companyData[index]
    var two = that.data.companyData[index + 1]
    var index2 = index + 1
    var data1 = "companyData[" + index + "]"
    var data2 = "companyData[" + index2 + "]"
    that.setData({
      [data1]: two,
      [data2]: one
    })
  }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章