viewList:[

      {

        view_type:0,

        view_name:'单图'

      },

      {

        view_type:1,

        view_name:'视频'

      },

      {

        view_type:2,

        view_name:'文字'

      }

    ]

up(e){

    let type = e.currentTarget.dataset.type;

    let index = e.currentTarget.dataset.index;

    let curItem = this.data.viewList[index];

    let frontItem = this.data.viewList[index - 1];

    let index_front = index - 1;

    let len  = this.data.viewList.length;

    for(let i=0;i<len;i++){

      if(index==0){

        wx.showToast({

          title: '已在顶层',

          icon:'none'

        })

      }else{

        this.setData({

          [`viewList[${index}]`]: frontItem,

          [`viewList[${index_front}]`]: curItem,

        })

      }

    }

  },

  down(e){

    let type = e.currentTarget.dataset.type;

<view wx:for="{{viewList}}" wx:key="index">

    <view class="content">

        <view class="top">

            <text>{{item.view_name}}</text>

            <view class="imgs">

                <image src="../../static/images/icon_up.png" style="width:60rpx;height:60rpx" 

        bindtap="up" data-type="{{item.view_type}}" data-index="{{index}}"></image>

                <image src="../../static/images/icon_down.png" style="width:60rpx;height:60rpx" 

        bindtap="down" data-type="{{item.view_type}}" data-index="{{index}}"></image>

                <image src="../../static/images/icon_delete.png" style="width:60rpx;height:60rpx" 

        bindtap="delete" data-type="{{item.view_type}}" data-index="{{index}}"></image>

            </view>

        </view>

    <view class="middle">

      <view class="middle-img" wx:if="{{item.view_type==0}}">

        <text>点击上传</text>

      </view>

      <view class="middle-video" wx:if="{{item.view_type==1}}">

        <video></video>

      </view>

      <view class="middle-text" wx:if="{{item.view_type==2}}">

        <textarea placeholder="请输入文字内容"></textarea>

      </view>

    </view>

​

    </view>

</view>

.content{

  width: 90%;

  padding: 5%;

  border-bottom: 1rpx solid #dedede;

}

​

.top{

  width: 100%;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;

}

​

.imgs{

  display: flex;

  flex-direction: row;

  align-items: center;

}

​

.imgs image{

  width: 40rpx;

  height: 40rpx;

  margin:0 10rpx;

}

​

.middle{

  width: 100%;

}

​

.middle .middle-img{

  width: 150rpx;

  height: 150rpx;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #dedede;

  font-size: 24rpx;

}

​

.middle-video video{

  margin-top: 20rpx;

  width: 100%;

  height: 300rpx;

}