Skip to content

svg(图标)

基础用法

示例:svg1.png

代码示例:

vue
<template>
  <div class="bs-bg-color-white p10">
    <v-svg type="bs-add" @click="handleClick"></v-svg>
  </div>
</template>
<script>
  export default {
    data() {
      return {};
    },
    methods: {
      /**
     * 处理点击事件
     */
      handleClick(event) {
        console.log("event", event);
      },
    },
    mounted() {},
    computed: {},
  };
</script>

属性:

参数说明类型可选值默认值
type图标的icon名称String-' '
colorClassName传入class变量颜色,如果不传入,颜色根据系统颜色进行变化String-' '
size图标的大小String,Number-' '
color传入自定义颜色,如果不传入,颜色根据系统颜色进行变化(权重比colorClassName高)String-' '
height自定义高度,同时传入宽高,则宽高生效,如果只传了宽或者高则size生效String, Number-' '
width自定义宽度String, Number-' '
disabled是否禁用Boolean-false

事件:

事件名说明参数
click点击事件event