<template>
    <div>
        <el-alert class="fedexAlert" :type="type" :closable="closable" left v-if="tipList.length > 0" @close="close">
            <div slot="title" class="fedexAlert-list">
                <svg-icon style="width: 36px!important;height:36px!important;margin-top:25px" class="el-icon-user-solid"
                    :icon-class="iconClass" />
                <div style="margin-top:30px">
                    <div style="margin-bottom:3px" v-for="(item, index) in tipList" :key="index" v-html="item"></div>
                </div>
                <!-- <el-button type="text">返回编辑</el-button> -->
            </div>
        </el-alert>
    </div>
</template>

<script>
export default {
    props: {
        tipList: {
            type: Array,
            default: []
        },
        iconClass: {
            type: String,
            default: 'fedexWarning'
        },
        type:{
            type:String,
            default:'info'
        },
        closable:{
            type:Boolean,
            default:true
        }
    },
    methods: {
        close() {
            this.$emit('close')
        }
    }
}
</script>

<style></style>