el-dialog 实现带图片的取消确定弹窗

<div>
            <el-dialog
                title="藕粉桂花糖糕"
                :visible.sync="show"
                width="15%"
            >
                <div class="confirm-tip">
                    <img
                        src="../../img/img12.png"
                        alt=""
                        style="width: 50px;height: 50px;"
                    >
                    <h2 style="font-weight: 400;">往事暗沉不可追</h2>
                    <span>来日之路光明灿烂</span>
                </div>
                <span
                    slot="footer"
                    class="dialog-footer"
                >
                    <el-button @click="show = false">确定</el-button>
                    <el-button
                        type="primary"
                        @click="show = false"
                    >取消</el-button>
                </span>
            </el-dialog>
</div>

export default {
    data() {
        return {
            show: false
        }
    },
}

.confirm-tip {
    text-align: center;
}