uni-app 微信小程序 左滑动删除

div部分

<template>

<view>

<scroll-view scroll-x="true">

<view class="item1">

<view>

dsadsa dsadas

</view>

</view>

<view class="item2">

<view style='color: #fff;font-size: 24rpx;position: relative;left: 20rpx;line-height: 100rpx;height: 100rpx;float: left;' @click='deleteclick(item)'>删除</view>

</view>

</scroll-view>

</view>

</template>

css部分

<style scoped >

scroll-view{

width: 100%;

height: 100rpx;

white-space: nowrap;

}

.item1,.item2,.item3{

display: inline-block;

width: 100%;

height:100rpx;

}

.item1{

background-color: #fff;

}

.item2{

width: 100rpx;

height: 100rpx;

color: #FFFFFF;

background-color: #CA0000;

position: relative;

top: -20rpx;

}

</style>