Press UI

# IconPlus 图标

基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过 icon 属性引用。

# 引入

import PressIconPlus from 'press-ui/press-icon-plus/press-icon-plus.vue';

export default {
  components: {
    PressIconPlus,
  }
}

# 代码演示

# 基本用法

在 template 中使用组件

<press-icon-plus type="empty" size="30"></press-icon-plus>

# 音乐播放图标

基本用法：

<press-icon-plus-music />

import PressIconPlusMusic from 'press-ui/press-icon-plus/press-icon-plus.vue';

export default {
  components: {
    PressIconPlusMusic,
  }
}

指定颜色：

<press-icon-plus-music
  color="rgb(94, 109, 130)"
/>

指定 bar 个数：

<press-icon-plus-music :number="5"/>

指定图标宽高：

<press-icon 
  width="60px"
  height="60px"
/>

# API

# IconPlus Props

参数 说明 类型 默认值
size 图标大小 number 24
type 图标图案，参考示例 string -
color 图标颜色 string -

# IconPlus Events

事件名 说明 返回值
@click 点击 IconPlus 触发事件 -

# IconPlus Music Props

参数 说明 类型 默认值
number 竖条个数，支持1-5 number 3
color 图标颜色 string #2979ff
width 图标整体高度 string 40px
height 图标整体宽度 string 50px

# 在线调试

横屏

← LoadingPlus →