<template>
	<view class="tui-icon-class tui-icon" :class="'tui-icon-'+name" :style="{ color: color, fontSize: size + 'rpx',fontWeight:bold?'bold':'normal'}"
	 @tap="handleClick(index)"></view>
</template>

<script>
	export default {
		name: "tuiIcon",
		props: {
			name: {
				type: String,
				default: ''
			},
			size: {
				type: [Number,String],
				default: 32
			},
			color: {
				type: String,
				default: ''
			},
			bold: {
				type: Boolean,
				default: false
			},
			visible: {
				type: Boolean,
				default: true
			},
			index: {
				type: Number,
				default: 0
			}
		},
		methods: {
			handleClick(index) {
				this.$emit('click', {
					index
				})
			}
		}
	}
</script>

<style>
	@charset "UTF-8";

	@font-face {
	  font-family: 'iconfont';  /* Project id 2212402 */
	  src: url('https://at.alicdn.com/t/font_2212402_tw8jlyfg6iq.woff2?t=1649726625334') format('woff2'),
	       url('https://at.alicdn.com/t/font_2212402_tw8jlyfg6iq.woff?t=1649726625334') format('woff'),
	       url('https://at.alicdn.com/t/font_2212402_tw8jlyfg6iq.ttf?t=1649726625334') format('truetype');
	}

	.tui-icon {
		font-family: "iconfont" !important;
		font-size: 30px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		color: #999;
		vertical-align: middle;
		line-height: 1;
		padding-top: -1px;
		margin-bottom: 1px;
	}
	.tui-icon-youjian:before {
		content: "\e675";
	}
	.tui-icon-mingpian:before {
	  content: "\e627";
	}

	.tui-icon-tuoxian:before {
	  content: "\e615";
	}

	.tui-icon-chazuo:before {
	  content: "\e61f";
	}

	.tui-icon-dianluquanding:before {
	  content: "\e667";
	}

	.tui-icon-gonggao:before {
	  content: "\e60e";
	}

	.tui-icon-ditu2:before {
	  content: "\e62e";
	}

	.tui-icon-yichuli:before {
	  content: "\e63c";
	}

	.tui-icon-weichuli:before {
	  content: "\e63d";
	}

	.tui-icon-dianliangfenxi:before {
	  content: "\e614";
	}

	.tui-icon-shishi:before {
	  content: "\e751";
	}

	.tui-icon-tongjifenxi:before {
	  content: "\e642";
	}

	.tui-icon-60:before {
	  content: "\e641";
	}

	.tui-icon-sanxiangdianya:before {
	  content: "\e610";
	}

	.tui-icon-worktable:before {
	  content: "\e61e";
	}

	.tui-icon-tongxun:before {
	  content: "\e62d";
	}

	.tui-icon-dianya-lv:before {
	  content: "\e712";
	}

	.tui-icon-dianya-hong:before {
	  content: "\e715";
	}

	.tui-icon-loudianyujing:before {
	  content: "\e613";
	}

	.tui-icon-dianliuyujing:before {
	  content: "\e688";
	}

	.tui-icon-sanxiangbupinghengdianya:before {
	  content: "\e7dd";
	}

	.tui-icon-loudianbaohu:before {
	  content: "\e6d1";
	}

	.tui-icon-loudianbaohuchaxun:before {
	  content: "\e6dc";
	}

	.tui-icon-yinsi:before {
	  content: "\e661";
	}

	.tui-icon-histron:before {
	  content: "\e63a";
	}

	.tui-icon-banben:before {
	  content: "\e780";
	}

	.tui-icon-xieyi:before {
	  content: "\e65d";
	}

	.tui-icon-SYS_STA_1:before {
	  content: "\e60c";
	}

	.tui-icon-lixian:before {
	  content: "\e60d";
	}

	.tui-icon-fuzai:before {
	  content: "\e7e7";
	}

	.tui-icon-wendubaojing:before {
	  content: "\e60f";
	}

	.tui-icon-loudianbaojing:before {
	  content: "\e61c";
	}

	.tui-icon-gdbj:before {
	  content: "\e6ad";
	}

	.tui-icon-saoma:before {
	  content: "\e61d";
	}

	.tui-icon-dianhu:before {
	  content: "\eb95";
	}

	.tui-icon-lvsenengyuan:before {
	  content: "\e60b";
	}

	.tui-icon-tubiaoshangchuanmoban:before {
	  content: "\e69a";
	}

	.tui-icon-qiedianhecha:before {
	  content: "\ea40";
	}

	.tui-icon-suidaobaojing:before {
	  content: "\e7b5";
	}

	.tui-icon-dianqianquan:before {
	  content: "\e7d2";
	}

	.tui-icon-dianxiang:before {
	  content: "\e6a4";
	}

	.tui-icon-guoyaqianya:before {
	  content: "\e62c";
	}

	.tui-icon-dianliu:before {
	  content: "\e75e";
	}

	.tui-icon-sanxiangdl:before {
	  content: "\e7dc";
	}

	.tui-icon-guanyu:before {
	  content: "\e611";
	}

	.tui-icon-bangzhu:before {
	  content: "\e70f";
	}

	.tui-icon-mima:before {
	  content: "\ea7f";
	}

	.tui-icon-zhaopian:before {
	  content: "\e621";
	}

	.tui-icon-wenshidu:before {
	  content: "\e61b";
	}

	.tui-icon-riqi:before {
	  content: "\e618";
	}

	.tui-icon-cuo:before {
	  content: "\e639";
	}

	.tui-icon-huabanx:before {
	  content: "\e658";
	}

	.tui-icon-zengjia:before {
	  content: "\e634";
	}

	.tui-icon-jinggao1:before {
	  content: "\e699";
	}

	.tui-icon-quxian4:before {
	  content: "\e700";
	}

	.tui-icon-kongdiao:before {
	  content: "\e6db";
	}

	.tui-icon-zhaoming:before {
	  content: "\e617";
	}

	.tui-icon-settings:before {
	  content: "\e60a";
	}

	.tui-icon-ditu9:before {
	  content: "\e609";
	}

	.tui-icon-wode:before {
	  content: "\e67f";
	}

	.tui-icon-xiangmu:before {
	  content: "\e601";
	}

	.tui-icon-icon-system-fn-warning:before {
	  content: "\e638";
	}

	.tui-icon-project:before {
	  content: "\e600";
	}

	.tui-icon-yanwu:before {
	  content: "\e606";
	}

	.tui-icon-huozai:before {
	  content: "\e612";
	}

	.tui-icon-muluxiangmu:before {
	  content: "\e616";
	}

	.tui-icon-shouye:before {
	  content: "\e602";
	}

	.tui-icon-luxian:before {
	  content: "\e603";
	}

	.tui-icon-delete:before {
	  content: "\e604";
	}

	.tui-icon-luxian1:before {
	  content: "\e72f";
	}

	.tui-icon-weibaojilu:before {
	  content: "\e691";
	}

	.tui-icon-quxian-copy:before {
	  content: "\e668";
	}

	.tui-icon-IOTtubiao_huabanfuben:before {
	  content: "\e61a";
	}

	.tui-icon-wendu:before {
	  content: "\e605";
	}

	.tui-icon-wode1:before {
	  content: "\e607";
	}

	.tui-icon-yanwu1:before {
	  content: "\e6f8";
	}

	.tui-icon-fenxi:before {
	  content: "\e6c7";
	}

	.tui-icon-baojingjilu:before {
	  content: "\e651";
	}

	.tui-icon-icon_home:before {
	  content: "\e608";
	}

	.tui-icon-baojing:before {
	  content: "\e665";
	}

	.tui-icon-shaixuan:before {
	  content: "\e75d";
	}

	.tui-icon-sousuo:before {
	  content: "\e619";
	}

	.tui-icon-zhihuiyongdian:before {
	  content: "\e654";
	}

	.tui-icon-baojingfenxi:before {
	  content: "\e64b";
	}

	.tui-icon-shuiwei:before {
	  content: "\e82b";
	}

	.tui-icon-shishizhuangtai:before {
	  content: "\e80a";
	}
	.tui-icon-gengduo:before {
	  content: "\e62f";
	}
	.tui-icon-jiankong:before {
	  content: "\e620";
	}
	.tui-icon-xinpian:before {
		content: "\e630";
	}
	.tui-icon-shezhi:before {
		content: "\e623";
	}
	.tui-icon-bingtu:before {
		content: "\e624";
	}
	.tui-icon-zixun:before {
		content: "\e635";
	}
	.tui-icon-xinhaolx:before {
		content: "\e65b";
	}
	.tui-icon-weizhi:before {
		content: "\e633";
	}
	.tui-icon-lixian2:before {
		content: "\e75f";
	}
	.tui-icon-zaixian:before {
		content: "\e622";
	}
	.tui-icon-lixian3:before {
		content: "\e7be";
	}
	.tui-icon-xiaohaoyg:before {
		content: "\e65e";
	}
	.tui-icon-xinhaolg:before {
		content: "\e659";
	}
	.tui-icon-xinhaosg:before {
		content: "\e65a";
	}
	.tui-icon-xinhaosige:before {
		content: "\e657";
	}
	.tui-icon-xinhaowuge:before {
		content: "\e65c";
	}
	.tui-icon-diannao:before {
		content: "\e625";
	}
	.tui-icon-xuehua:before {
		content: "\e692";
	}
	.tui-icon-hezha:before {
		content: "\e640";
	}
	.tui-icon-fenzha:before {
		content: "\e63f";
	}
	.tui-icon-yaqiangicon:before {
		content: "\e636";
	}
	.tui-icon-beikongshuiwupingtaimenhu-tubiao_zutaigongju-da:before {
		content: "\e631";
	}
	.tui-icon-liandongchuzhi:before {
		content: "\e63b";
	}
	.tui-icon-zuoji:before {
		content: "\e643";
	}
	.tui-icon-duanxin:before {
		content: "\e63e";
	}
	.tui-icon-weixin:before {
		content: "\e626";
	}
	.tui-icon-ie:before {
		content: "\e729";
	}
	.tui-icon-weixin1:before {
		content: "\e628";
	}
	.tui-icon-dianchidianya:before {
		content: "\e62a";
	}
	.tui-icon-zuxinh:before {
		content: "\e67a";
	}
	.tui-icon-changsuoguanli:before {
		content: "\e644";
	}
	.tui-icon-lianxiwomen:before {
		content: "\e629";
	}
	.tui-icon-gaojing:before {
		content: "\eb62";
	}
	.tui-icon-jingbao:before {
		content: "\e66f";
	}
	.tui-icon-anquan:before {
		content: "\e62b";
	}
	.tui-icon-chaoqishuibiao:before {
		content: "\e679";
	}
	.tui-icon-shuibiao:before {
		content: "\e632";
	}
	.tui-icon-shuiliang:before {
		content: "\e645";
	}
	.tui-icon-weijihuo:before {
		content: "\e646";
	}
	.tui-icon-xhyichang:before {
		content: "\e647";
	}
	.tui-icon-weiqueren:before {
		content: "\e6f0";
	}
	.tui-icon-zanhuan:before {
		content: "\e68c";
	}
	.tui-icon-yibohui:before {
		content: "\e676";
	}
	.tui-icon-shenhezhong:before {
		content: "\e648";
	}
	.tui-icon-daishenhe:before {
		content: "\e637";
	}
	.tui-icon-shenhebohui:before {
		content: "\e6c3";
	}
	.tui-icon-shenpitongguo:before {
		content: "\e649";
	}
	.tui-icon-shenhetongguo:before {
		content: "\e64a";
	}
</style>
