feature / 新增轮播表的鼠标悬停配置 hoverPause
This commit is contained in:
parent
934e3f314a
commit
ea058a90c3
|
@ -38,6 +38,8 @@
|
||||||
:align="aligns[ci]"
|
:align="aligns[ci]"
|
||||||
v-html="ceil"
|
v-html="ceil"
|
||||||
@click="emitEvent(ri, ci, row, ceil)"
|
@click="emitEvent(ri, ci, row, ceil)"
|
||||||
|
@mouseenter="changeHover(true,ri, ci, row, ceil)"
|
||||||
|
@mouseleave="changeHover(false)"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -182,6 +184,24 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
changeHover(flag,ri, ci, row, ceil){
|
||||||
|
if(flag){
|
||||||
|
if(this.config.hoverPause){
|
||||||
|
this.stopAnimation();
|
||||||
|
}
|
||||||
|
const { ceils, rowIndex } = row
|
||||||
|
this.$emit('mouseover',{
|
||||||
|
row: ceils,
|
||||||
|
ceil,
|
||||||
|
rowIndex,
|
||||||
|
columnIndex: ci
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
if(this.config.hoverPause){
|
||||||
|
this.animation(true)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
afterAutoResizeMixinInit () {
|
afterAutoResizeMixinInit () {
|
||||||
const { calcData } = this
|
const { calcData } = this
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue