当前位置: 首页 > Web前端 > HTML

wepy滑动删除功能

时间:2023-04-02 18:26:57 HTML

.swipe-item-wrapper{overflow:hidden;位置:相对;.swipe-item-wrapper-action{位置:绝对;z-指数:2;背景:透明;高度:100%;宽度:100%;顶部:0;显示:无;-wrapper-action-popup{显示:块;}.swipe-actions{宽度:80rpx;位置:绝对;顶部:0;底部:0;显示:-webkit-box;显示:-webkit-flex;显示:-ms-flexbox;显示:弹性;对齐项目:居中;证明内容:居中;溢出:隐藏;可见性:隐藏;空白:nowrap;z-index:10;}.actions-right{right:0;}.actions-visibility{visibility:visible;}.swiper-item-wrapper-content{width:100%;}.swiper-item-wrapper-content-slide{transform:translate(-80rpx);}.swipe-btn{弹性:1;高度:100%;最小高度:90rpx;行高:90rpx;文本对齐:居中;白颜色;显示:弹性;内容:中心;对齐项目:居中;&.del{背景颜色:rgb(244,51,60);}&.edit{背景颜色:rgb(16,142,233);}}}小程序的wepy框架,前段时间做的项目用到了滑动删除功能,然后自己写了一个组件。废话不多说,直接上传代码.swipe-item-wrapper{overflow:hidden;位置:相对;.swipe-item-wrapper-action{位置:绝对;z-指数:2;背景:透明;高度:100%;宽度:100%;顶部:0;显示:无;-wrapper-action-popup{显示:块;}.swipe-actions{宽度:80rpx;位置:绝对;顶部:0;底部:0;显示:-webkit-box;显示:-webkit-flex;显示:-ms-flexbox;显示:弹性;对齐项目:居中;证明内容:居中;溢出:隐藏;可见性:隐藏;空白:nowrap;z-index:10;}.actions-right{right:0;}.actions-visibility{visibility:visible;}.swiper-item-wrapper-content{width:100%;}.swiper-item-wrapper-content-slide{transform:translate(-80rpx);}.swipe-btn{弹性:1;高度:100%;最小高度:90rpx;行高:90rpx;文本对齐:居中;白颜色;显示:弹性;内容:中心;对齐项目:居中;&.del{背景颜色:rgb(244,51,60);}&.edit{背景颜色:rgb(16,142,233);}}}