ant design vue Modal closeIcon属性使用vnode问题

最新推荐文章于 2024-06-12 11:39:19 发布

原创最新推荐文章于 2024-06-12 11:39:19 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端 #anti-design-vue

一个使用ant design vue 1.7.2版本的旧项目有自定义关闭按钮的需求，查文档发现有closeIcon属性但无示例，博主经研究后准备记录相关内容。

一个使用ant design vue 1.7.2版本的旧项目

突然有需求要自定义关闭按钮

查了一下文档，使用closeIcon属性，但是没有例子

研究了半天，这里记录一下：

<a-modal :closeIcon="(h) => h('a-icon', {
        props: {
          type: 'close', // 样式
        },
        style: {
          color: '#ffffff', // 背景色
          fontSize: '20px', // 大小
        },
      })">
      <img alt="example" :src="previewImageUrl" />
</a-modal>