feature / 新增轮播表的鼠标悬停配置 hoverPause

This commit is contained in:
gaoy 2020-06-09 11:15:23 +08:00
parent 934e3f314a
commit ea058a90c3
1 changed files with 20 additions and 0 deletions

View File

@ -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