解决drop弹出动画异常
This commit is contained in:
parent
a7262dbeab
commit
e09b07b79c
6 changed files with 34 additions and 4 deletions
|
@ -46,6 +46,9 @@
|
|||
computeStyle:{
|
||||
gpuAcceleration: false,
|
||||
}
|
||||
},
|
||||
onCreate:()=>{
|
||||
this.resetTransformOrigin();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
@ -64,6 +67,10 @@
|
|||
}
|
||||
}, 300);
|
||||
}
|
||||
},
|
||||
resetTransformOrigin() {
|
||||
let placement = this.popper.popper.getAttribute('x-placement').split('-')[0];
|
||||
this.popper.popper.style.transformOrigin = placement==='bottom'?'center top':'center bottom';
|
||||
}
|
||||
},
|
||||
created () {
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
<Icon type="arrow-down-b" :class="[prefixCls + '-arrow']" v-if="!remote"></Icon>
|
||||
</slot>
|
||||
</div>
|
||||
<transition :name="transitionName">
|
||||
<transition name="transition-drop">
|
||||
<Drop
|
||||
:class="dropdownCls"
|
||||
v-show="dropVisible"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue