uni-app 微信小程序 左滑动删除
2021-08-25 本文已影响0人
undefined汪少
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>
