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、效果图

原文地址：https://blog.csdn.net/m0_62626838/article/details/142341788

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！