# 图标
# 案例
<template>
<div>
<b-icon type="AccountBookFilled"></b-icon>
<b-icon type="AppstoreAddOutlined" :spin="true"></b-icon>
<b-icon type="DislikeFilled" :spin="true" :rotate="50"></b-icon>
<b-icon
type="LayoutFilled"
:customStyle="{ color: 'red', fontSize: '30px' }"
></b-icon>
</div>
</template>
<script>
export default {};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 图标类型 | Boolean | false |
spin | 是否有旋转动画 | Boolean | False |
rotate | 图标旋转角度 | Number | 360 |
customStyle | 设置图标的样式 | Object | 确定 |