File tree Expand file tree Collapse file tree 2 files changed +11
-2
lines changed Expand file tree Collapse file tree 2 files changed +11
-2
lines changed Original file line number Diff line number Diff line change 1
1
<template >
2
- <div class =" swipeout-list card" >
2
+ <div class =" swipeout-list"
3
+ :class =" {'swipeout--disabled': disabled}" >
3
4
<swipe-out
4
5
v-for =" (item, index) in items"
5
6
:key =" item[transitionKey] || index"
6
7
:ref =" `list-item-${index}`"
7
8
:disabled =" disabled"
9
+ :threshold =" threshold"
8
10
class =" swipeout-list-item"
9
11
@swipeout:click =" _emitClick($event, item, index)"
10
12
@swipeout:dobuleclick =" _emitDblClick($event, item)"
40
42
type: String ,
41
43
default: ' id' ,
42
44
},
45
+ threshold: {
46
+ type: Number ,
47
+ default: 45 ,
48
+ },
43
49
disabled: {
44
50
type: Boolean ,
45
51
default: false ,
Original file line number Diff line number Diff line change 49
49
type: Number ,
50
50
default: 45 ,
51
51
},
52
+ /**
53
+ * Is the item disabled
54
+ */
52
55
disabled: {
53
56
type: Boolean ,
54
57
default: false ,
275
278
},
276
279
};
277
280
</script >
278
- <style scoped >
281
+ <style >
279
282
.swipeout {
280
283
position : relative ;
281
284
overflow : hidden ;
You can’t perform that action at this time.
0 commit comments