spfm-market-front/src/components/myMessage.vue

<template>
    <div class="myMessage">
        <el-dialog title="提示" :visible.sync="centerDialogVisible" top="30vh" width="30%" :close-on-press-escape="false"
            :show-close="true" :destroy-on-close="true" :modal-append-to-body="false"
            :close-on-click-modal="false" :before-close="closemessage">
            <div style="height: 30px;line-height: 30px;overflow: hidden;">
                <i class="el-icon-warning" style="font-size: 30px;float:left;padding:0 10px;color: orange;"></i>
                <span style="height: 30px;line-height: 30px;display: inline-block;float:left">{{messTit}}</span>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button size="small" type="primary" @click="closemessage(1)">确 定</el-button>
                <el-button size="small" @click="closemessage">取 消</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        props: ["centerDialogVisible","messTit"],
        data() {
            return {

            };
        },
        methods: {
            closemessage(v){
                this.$emit("closeMessage",v)
            }
        },
        mounted() {},
        created() {},
    };
</script>


<style>
</style>