app-raw-alert.vue

<template>
    <el-alert class="app-rawitem-alert__container" :title="title" :type="type" :show-icon="Boolean(showIcon)" :closable="Boolean(closeable)">
    </el-alert>
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';

@Component({
})
export default class AppRawAlert extends Vue {

    /**
     * 提示内容
     *
     * @type {string}
     * @memberof AppRawAlert
     */
    @Prop() public title?: string;

    /**
     * 提示类型
     *
     * @type {string}
     * @memberof AppRawAlert
     */
    @Prop() public type?: string;

    /**
     * 是否展示图标
     *
     * @type {boolean}
     * @memberof AppRawAlert
     */
    @Prop() public showIcon?: boolean;

    /**
     * 是否可关闭
     *
     * @type {boolean}
     * @memberof AppRawAlert
     */
    @Prop({default:true}) public closeable?: boolean;
}
</script>