mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-30 12:52:43 +08:00
fix(slot-machine): + appear animation
This commit is contained in:
parent
70dfcdc1c9
commit
ece6a4ea44
@ -157,10 +157,6 @@ const DATE_VALIDATE_FORMAT = {
|
||||
daterange: ['yyyy-MM-dd', 'yyyy-MM-D', 'yyyy-M-D', 'yyyy-M-dd'],
|
||||
datetimerange: ['yyyy-MM-dd HH:mm:ss', 'yyyy-MM-D HH:mm:ss', 'yyyy-M-D HH:mm:ss', 'yyyy-M-dd HH:mm:ss']
|
||||
}
|
||||
const PLACEHOLDER = {
|
||||
date: 'Select date',
|
||||
datetime: 'Select date and time'
|
||||
}
|
||||
|
||||
export default {
|
||||
name: 'NDatePicker',
|
||||
|
@ -41,6 +41,7 @@ export default {
|
||||
handleEnter () {
|
||||
this.$nextTick().then(() => {
|
||||
if (this.width) {
|
||||
this.$el.style.maxWidth = 'unset'
|
||||
this.$el.style.width = this.$el.offsetWidth + 'px'
|
||||
this.$el.style.maxWidth = 0
|
||||
} else {
|
||||
|
@ -408,6 +408,7 @@ $--n-ease-in-out-cubic-bezier: cubic-bezier(.4, 0, .2, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
&.#{$namespace}-#{$block}-enter {
|
||||
max-width: 0;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
opacity: 0!important;
|
||||
@ -416,6 +417,7 @@ $--n-ease-in-out-cubic-bezier: cubic-bezier(.4, 0, .2, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
&.#{$namespace}-#{$block}-leave-to {
|
||||
max-width: 0 !important;
|
||||
opacity: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
|
Loading…
Reference in New Issue
Block a user