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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值