Press UI

# Icon 图标

用于展示icons图标，目前仅保留empty，其他图标请使用press-icon-plus。

# 引入

import PressIcon from 'press-ui/press-icon/press-icon';

export default {
  components: {
    PressIcon,
  }
}

# 代码演示

# 基本用法

在 template 中使用组件

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

# 音乐播放图标

基本用法：

<press-icon-music />

import PressIconMusic from 'press-ui/press-icon/press-icon-music';

export default {
  components: {
    PressIconMusic,
  }
}

指定颜色：

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

指定 bar 个数：

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

指定图标宽高：

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

# API

# Icon Props

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

# Icon Events

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

# Icon Music Props

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

# 在线调试

横屏

← Loading →