<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;
}
![](https://i-blog.csdnimg.cn/blog_migrate/85ef0e877df39bd63254f926b51a1352.png)