IconElement-DEMO

---

IconElement-Positions

---

Left, Right

<fv-IconElement :value="positionH"></fv-IconElement>

Top, Bottom

<fv-IconElement :value="positionV"></fv-IconElement>

Top-left, Top-right, Bottom-left, Bottom-right

<fv-IconElement :value="positionsFour"></fv-IconElement>

positionH: [
    {
        name: "Dial1",
        position: 'left'
    },
    {
        name: "Dial2",
        position: 'right'
    }
],
positionV: [
    {
        name: "Dial3",
        position: 'top'
    },
    {
        name: "Dial4",
        position: 'bottom'
    }
],
positionsFour: [
    {
        name: "Dial5",
        position: 'top-left'
    },
    {
        name: "Dial6",
        position: 'top-right'
    },
    {
        name: "Dial7",
        position: 'bottom-left'
    },
    {
        name: "Dial8",
        position: 'bottom-right'
    }
]

IconElement-Icon Button

---

<fv-IconElement :value="heart" :iconButton="true" paddingWidth="3"></fv-IconElement>

Propoties

---

属性(attr)	类型(type)	必填(required)	默认值(default)	说明(statement)
value	Array	String	AppIconDefault
fontSize	String	No	16px	IconElement字体大小
paddingWidth	String	No	0px	IconElement内边距
iconButton	Boolean	No	false	是否以图标按钮样式呈现
borderRadius	String	No	0px	图标按钮圆角
theme	String	No	system	主题样式, 包含light, dark, system, custom几种样式

Events

---

事件名(Name)	参数类型(args)	说明(statement)
click	event	Button onclick