说明:该组件基于jquery和flexible.js(设计稿宽为750px)
vue移动端滑动删除组件
<template>
<div class="slider_delete" :style="{webkitTransform:'translate3d('+transformX+'rem,0,0)'}"
@touchstart.stop="touchStart($event)"
@touchend.stop="touchEnd($event)"
@touchmove.stop="touchMove($event)">
<slot></slot>
</div>
</template>
<script>
/*
* 滑动配置。distance 滑动距离
*/
export default({
data(){
return {
startPos:{x:0,y:0},
endPos:{x:0,y:0},
transformX:0,
transformStartX:0,
}
},
props:['sliderConf'],
methods:{
touchStart(e){
e.preventDefault();
this.startPos.x = e.targetTouches[0].screenX;
this