<template>
    <Button @click="info">info</Button>
    <Button @click="success">success</Button>
    <Button @click="error">error</Button>
    <Button @click="warning">warning</Button>
    <Button @click="loading">loading</Button>
</template>
<script>
    import { Message, Button } from 'iview';

    export default {
        components: {
            Message,
            Button
        },
        props: {
        
        },
        data () {
            return {
            
            }
        },
        computed: {

        },
        methods: {
            info () {
                Message.info('欢迎来到iView', 3, () => {
                    console.log('close info');
                });
            },
            success () {
                Message.success('成功啦', 5, () => {
                    console.log('close successs');
                });
            },
            error () {
                Message.error('错误啦');
            },
            warning () {
                Message.warning('来个警告');
            },
            loading () {
                Message.loading('我是loading');
            }
        },
        ready () {
            Message.config({
                top: 50,
                duration: 8
            });
        }
    }
</script>