update animation:fade time
This commit is contained in:
parent
434db3c909
commit
1228f2877b
5 changed files with 108 additions and 61 deletions
|
@ -1,39 +1,43 @@
|
|||
<template>
|
||||
<Select v-model="model1" style="width:200px">
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
<div>
|
||||
<p>With desc</p>
|
||||
<Button @click="info(false)">Info</Button>
|
||||
<Button @click="success(false)">Success</Button>
|
||||
<Button @click="warning(false)">Warning</Button>
|
||||
<Button @click="error(false)">Error</Button>
|
||||
<p>Only title</p>
|
||||
<Button @click="info(true)">Info</Button>
|
||||
<Button @click="success(true)">Success</Button>
|
||||
<Button @click="warning(true)">Warning</Button>
|
||||
<Button @click="error(true)">Error</Button>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
cityList: [
|
||||
{
|
||||
value: 'New York',
|
||||
label: 'New York'
|
||||
},
|
||||
{
|
||||
value: 'London',
|
||||
label: 'London'
|
||||
},
|
||||
{
|
||||
value: 'Sydney',
|
||||
label: 'Sydney'
|
||||
},
|
||||
{
|
||||
value: 'Ottawa',
|
||||
label: 'Ottawa'
|
||||
},
|
||||
{
|
||||
value: 'Paris',
|
||||
label: 'Paris'
|
||||
},
|
||||
{
|
||||
value: 'Canberra',
|
||||
label: 'Canberra'
|
||||
}
|
||||
],
|
||||
model1: 'Sydney'
|
||||
methods: {
|
||||
info (nodesc) {
|
||||
this.$Notice.info({
|
||||
title: 'Notification title',
|
||||
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
||||
});
|
||||
},
|
||||
success (nodesc) {
|
||||
this.$Notice.success({
|
||||
title: 'Notification title',
|
||||
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
||||
});
|
||||
},
|
||||
warning (nodesc) {
|
||||
this.$Notice.warning({
|
||||
title: 'Notification title',
|
||||
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
||||
});
|
||||
},
|
||||
error (nodesc) {
|
||||
this.$Notice.error({
|
||||
title: 'Notification title',
|
||||
desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue