mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
43 lines
711 B
Vue
43 lines
711 B
Vue
<template>
|
|
<div
|
|
:class="b()"
|
|
:style="style"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import create from '../utils/create';
|
|
|
|
export default create({
|
|
name: 'swipe-item',
|
|
|
|
data() {
|
|
return {
|
|
offset: 0
|
|
};
|
|
},
|
|
|
|
computed: {
|
|
style() {
|
|
const { vertical, computedWidth, computedHeight } = this.$parent;
|
|
|
|
return {
|
|
width: computedWidth + 'px',
|
|
height: vertical ? computedHeight + 'px' : '100%',
|
|
transform: `translate${vertical ? 'Y' : 'X'}(${this.offset}px)`
|
|
};
|
|
}
|
|
},
|
|
|
|
beforeCreate() {
|
|
this.$parent.swipes.push(this);
|
|
},
|
|
|
|
destroyed() {
|
|
this.$parent.swipes.splice(this.$parent.swipes.indexOf(this), 1);
|
|
}
|
|
});
|
|
</script>
|