当前位置: 首页 > article >正文

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


http://www.kler.cn/a/316545.html

相关文章:

  • vue请求数据报错,设置支持跨域请求,以及2种请求方法axios或者async与await
  • 1111111111待修改--大流量分析(三)-BUUCTF
  • 三正科技笔试题
  • 详解基于C#开发Windows API的SendMessage方法的鼠标键盘消息发送
  • 《C++在金融领域的技术革命:高效、安全与创新的融合》
  • 使用Python实现定期从API获取数据并存储到数据库的完整指南
  • IM项目-----语音识别子服务
  • Java笔试面试题AI答之设计模式(4)
  • 进击J7:对于ResNeXt-50算法的思考
  • [深度学习]Pytorch框架
  • 猿大师办公助手在线编辑Office为什么要在客户端电脑安装插件微软Office或金山WPS?
  • 政务安全体系构建中的挑战
  • 使用思科搭建企业网规划训练,让网络全部互通,使用规则提高工作效率。
  • 深入解析数据库DQL语言:查询的艺术
  • 如何在SpringCloud中使用Consul进行服务发现与配置管理
  • Redis的主从模式、哨兵模式、集群模式
  • 电子电气架构 --- 基于ISO 26262的车载电子软件开发流程
  • 基于GIKT深度知识追踪模型的习题推荐系统源代码+数据库+使用说明,后端采用flask,前端采用vue
  • 快速下载Imagenet数据集
  • Python模块和包:标准库模块(os, sys, datetime, math等)②
  • CVE-2024-2389 未经身份验证的命令注入
  • LeetCode --- 139双周赛
  • STM32篇:开发环境安装
  • 基于微信小程序的科创微应用平台设计与实现+ssm(lw+演示+源码+运行)
  • MongoDB 双活集群在运营商的实践
  • 利用mybatis拦截器完成入库加密出库解密