IkSvgIcon SVG图标

Props

参数	说明	类型	可选值	默认值
name	svg 文件名，文件存放在 `/src/assets/icons` 目录下，同时支持 Iconify 图标名，详细可阅读《SVG 图标》	string	-	-
flip	翻转方式，支持水平、垂直以及同时翻转	string	horizontal / vertical / both	-
rotate	旋转角度	number	0 - 360	0
showBg	显示背景色	Boolean	-	false
width	宽	Number	-	32
iconWidth	icon宽度	Number	-	0
type	类型	[String, Number] as PropType<'primary' \| 'info' \| 'success' \| 'warning' \| number>	-	'info'
size	svg大小	[String, Number] as PropType<'small' \| 'default' \| 'big' \| number>	-	'default'
fontSize	icon 大小	Number	-	16
background	背景色	String	-	''
startMargin	第一个按钮是否需要margin-left 一般在表格行内操作时第一个icon设置为false	Boolean	-	true
disabled	禁用	Boolean	-	true
title	全称说明	Boolean	-	true

事件

名称	说明
click	点击触发

示例代码

vue

  <template>
    <!-- 示例 -->
    <IkSvgIcon
      v-role="'UPDATE-USER'"
      name="icon-bianji"
      type="info"
      show-bg
      :start-margin="false"
      :title="t('action.edit')"
      @click="handEditRow(data.row)"
    />
  </template>

IkSvgIcon SVG图标 ​

Props ​

事件 ​

示例代码 ​

IkSvgIcon SVG图标

Props

事件

示例代码