vue3+ant design vue 中弹窗自定义按钮设置及以冒号为基准布局
1、自定义弹窗按钮,去除取消和确定按钮。(网上很多方法都是说通过插槽来实现,但是试了下不生效,那既然插槽不生效的话,干脆直接写按钮就好了)
<a-modal
v-model:open="open"
title="人员信息"
:closable="false"//去除右上角叉号
@click="handleOk"
:footer="[]"//去除底部按钮
>
//自定义按钮
<div style="text-align: center;margin-top:30px">
<a-button type="primary" @click="handleCancel" >关闭</a-button>
</div>
</a-modal>
2、以冒号为基准布局(分左右两部分设置对齐方式)。
<a-row :gutter="[16, 24]">//设施水平及垂直间距
<a-col :span="6" style="text-align: right;"> 产品线:</a-col>
<a-col :span="6">T1N</a-col>//默认左对齐
<a-col :span="6" style="text-align: right;"> 任职日期:</a-col>
<a-col :span="6">2024-08-24</a-col>
</a-row>
3、效果图