1、自定义弹窗按钮,去除取消和确定按钮。(网上很多方法都是说通过插槽来实现,但是试了下不生效,那既然插槽不生效的话,干脆直接写按钮就好了)
<a-modalv-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、效果图