混合类型的图标

基础使用

<template>
  <xt-mix-icon icon='xxx'/> 
</template>

指定icon大小

<template>
  <xt-mix-icon icon='xxx' size="22"/> 

  <xt-mix-icon icon='xxx' size="22" boxSize='40'/> 

  <xt-mix-icon icon='xxx' :size="22" boxW='100' boxH=''/> 
</template>

基础属性

属性	说明	类型	默认值	可选值
icon	图标数据	string
tpye	图标类型，ify是项目主要使用的，链接https://icon-sets.iconify.design/，select是图标选择器类型的icon，select更多参数往下查看	string	ify	ify，select
size	icon的大小，默认是正方形		20
w	自定义icon的宽度，设置大于1时宽度中size属性失效		0
h	自定义icon的高度，设置大于1时高度中size属性失效		0
r	icon的圆角		6
iconClass	会注入到渲染的icon
iconStyle	会注入到渲染的icon

icon外层属性

属性	说明	类型	默认值	可选值
boxSize	默认是icon的集成size属性，设置大于1时icon的size属性失效		0
boxW	自定义iconBox的宽度，设置大于1时宽度中boxSize属性失效		0
boxH	自定义iconBox的高度，设置大于1时高度中sizeboxSize属性失效		0
boxR	boxR的圆角		12
class	会注入到icon组件外层
style	会注入到icon组件外层
background（没这属性）	使用class方式简化，默认使用了tt-bg ，修改可直接用class覆盖	string	tt-bg	var(--xt )
color（没这属性）	使用class方式简化，默认使用了tt-text-2 ，修改可直接用class覆盖	string	tt-text2

type的select类型

插槽名	说明	类型	默认值	可选值
select	这个为true才能使用下面的参数，为true点击xt-mix-icon可以打开选择器	boolean	false
menus	选择器数组 icon是ify的图标 emoji是表情 goods是商品	array	["icon", "emoji"]	goods、emoji、
index	选择器的层级
upload	选择器是否支持自定义上传

​