<style>
    @import url('../../../assets/global/alert/index.css');
</style>

<template>
    <div class='alert-box'>
        <div class="alert">
            <div class="title">{{data.title}}</div>
            <div class="body">
                <div class="content">
                    {{data.content}}
                </div>
                <div class="btn-box">
                    <button class="btn-default" @click.stop="close">确认</button>
                </div>
            </div>
            <div class="foot"></div>
        </div>
    </div>
</template>

<script>
export default {
    props:{
        data:{
            type:Object,
            default:{
                title:'',
                content:''
            }
        },
    },
    methods: {
        close() {
            this.$emit('close','alert')
        }
    }
}
</script>
