555 lines
8.5 KiB
Vue
555 lines
8.5 KiB
Vue
<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>
|