drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add LoadingBar component

Browse source 
add LoadingBar component
This commit is contained in:
梁灏 2016-09-22 13:42:59 +08:00
parent 4ec205b68d
commit 9dde24b629
14 changed files with 299 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

8
local/routers/radio.vue
View file

@ -150,7 +150,7 @@
</Breadcrumb>
</template>
<script>
import { Radio, Alert, Icon, Collapse, Button, Checkbox, Switch, InputNumber, Breadcrumb } from 'iview';
import { Radio, Alert, Icon, Collapse, Button, Checkbox, Switch, InputNumber, Breadcrumb, LoadingBar } from 'iview';
const RadioGroup = Radio.Group;
const Panel = Collapse.Panel;
@ -171,7 +171,8 @@
Switch,
InputNumber,
Breadcrumb,
BreadcrumbItem
BreadcrumbItem,
LoadingBar
},
props: {
@ -201,6 +202,9 @@
change (status) {
console.log(status);
}
},
ready () {
LoadingBar.start();
}
}
</script>

42
local/routers/tag.vue
View file

@ -1,18 +1,18 @@
<template>
<Tag>标签一</Tag>
<Tag>标签二</Tag>
<Tag closable>标签三</Tag>
<Tag closable color="blue">标签一</Tag>
<Tag closable color="green">标签二</Tag>
<Tag closable color="red">标签三</Tag>
<Tag color="red">标签三</Tag>
<Tag closable color="yellow">标签四</Tag>
<div>
<Button @click="start">start</Button>
<Button @click="destroy">destroy</Button>
<Button @click="finish">finish</Button>
<Button @click="error">error</Button>
<Button @click="update">update</Button>
</div>
</template>
<script>
import { Tag } from 'iview';
import { Tag, LoadingBar, Button } from 'iview';
export default {
components: {
Tag
Tag,
Button
},
props: {
@ -26,7 +26,27 @@
},
methods: {
start () {
LoadingBar.start();
},
destroy () {
LoadingBar.destroy();
},
finish () {
LoadingBar.finish();
},
error () {
LoadingBar.error();
},
update () {
LoadingBar.update(50);
}
},
ready () {
LoadingBar.start();
setTimeout(function () {
LoadingBar.finish();
}, 2000)
}
}
</script>