🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

@ttk/vue

Package Overview
Dependencies
Maintainers
3
Versions
9
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ttk/vue - npm Package Compare versions

Comparing version
1.0.1
 to
1.0.2
+11
packages/App.vue
<template>
<div id="app">
<router-view />
</div>
</template>
<script>
export default {
name: 'App'
}
</script>
packages/assets/404_images/404_cloud.png

Sorry, the diff of this file is not supported yet

packages/assets/404_images/404.png

Sorry, the diff of this file is not supported yet

+1246
packages/assets/tax/font-icon/demo_fontclass.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont fsicon-refresh"></i>
<div class="name">刷新</div>
<div class="fontclass">.fsicon-refresh</div>
</li>
<li>
<i class="icon iconfont fsicon-xiajiantou"></i>
<div class="name">下箭头</div>
<div class="fontclass">.fsicon-xiajiantou</div>
</li>
<li>
<i class="icon iconfont fsicon-qiehuanjiaose"></i>
<div class="name">切换角色</div>
<div class="fontclass">.fsicon-qiehuanjiaose</div>
</li>
<li>
<i class="icon iconfont fsicon-finish"></i>
<div class="name">正确</div>
<div class="fontclass">.fsicon-finish</div>
</li>
<li>
<i class="icon iconfont fsicon-xuanze"></i>
<div class="name">选择</div>
<div class="fontclass">.fsicon-xuanze</div>
</li>
<li>
<i class="icon iconfont fsicon-Coordinate"></i>
<div class="name">地图 坐标 定位 放大</div>
<div class="fontclass">.fsicon-Coordinate</div>
</li>
<li>
<i class="icon iconfont fsicon-fanhui"></i>
<div class="name">返回</div>
<div class="fontclass">.fsicon-fanhui</div>
</li>
<li>
<i class="icon iconfont fsicon-prohibit"></i>
<div class="name">禁止</div>
<div class="fontclass">.fsicon-prohibit</div>
</li>
<li>
<i class="icon iconfont fsicon-map"></i>
<div class="name">地图</div>
<div class="fontclass">.fsicon-map</div>
</li>
<li>
<i class="icon iconfont fsicon-breadcrumb"></i>
<div class="name">定位 位置</div>
<div class="fontclass">.fsicon-breadcrumb</div>
</li>
<li>
<i class="icon iconfont fsicon-arrow-bar"></i>
<div class="name">arrow-bar</div>
<div class="fontclass">.fsicon-arrow-bar</div>
</li>
<li>
<i class="icon iconfont fsicon-arrow-down"></i>
<div class="name">arrow-down</div>
<div class="fontclass">.fsicon-arrow-down</div>
</li>
<li>
<i class="icon iconfont fsicon-arrow-vertical"></i>
<div class="name">arrow-vertical</div>
<div class="fontclass">.fsicon-arrow-vertical</div>
</li>
<li>
<i class="icon iconfont fsicon-arrow-left"></i>
<div class="name">arrow-left</div>
<div class="fontclass">.fsicon-arrow-left</div>
</li>
<li>
<i class="icon iconfont fsicon-arrow-save"></i>
<div class="name">arrow-save</div>
<div class="fontclass">.fsicon-arrow-save</div>
</li>
<li>
<i class="icon iconfont fsicon-arrow-up"></i>
<div class="name">arrow-up</div>
<div class="fontclass">.fsicon-arrow-up</div>
</li>
<li>
<i class="icon iconfont fsicon-bangzhu"></i>
<div class="name">bangzhu</div>
<div class="fontclass">.fsicon-bangzhu</div>
</li>
<li>
<i class="icon iconfont fsicon-banshuidaohang"></i>
<div class="name">banshuidaohang</div>
<div class="fontclass">.fsicon-banshuidaohang</div>
</li>
<li>
<i class="icon iconfont fsicon-banshuidengdairenshu"></i>
<div class="name">banshuidengdairenshu</div>
<div class="fontclass">.fsicon-banshuidengdairenshu</div>
</li>
<li>
<i class="icon iconfont fsicon-banshuiyuyue"></i>
<div class="name">banshuiyuyue</div>
<div class="fontclass">.fsicon-banshuiyuyue</div>
</li>
<li>
<i class="icon iconfont fsicon-banshuirili"></i>
<div class="name">banshuirili</div>
<div class="fontclass">.fsicon-banshuirili</div>
</li>
<li>
<i class="icon iconfont fsicon-banshuiditu"></i>
<div class="name">banshuiditu</div>
<div class="fontclass">.fsicon-banshuiditu</div>
</li>
<li>
<i class="icon iconfont fsicon-banshuizhinan"></i>
<div class="name">banshuizhinan</div>
<div class="fontclass">.fsicon-banshuizhinan</div>
</li>
<li>
<i class="icon iconfont fsicon-banshuizhuanti"></i>
<div class="name">banshuizhuanti</div>
<div class="fontclass">.fsicon-banshuizhuanti</div>
</li>
<li>
<i class="icon iconfont fsicon-bianji"></i>
<div class="name">bianji</div>
<div class="fontclass">.fsicon-bianji</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-add"></i>
<div class="name">btn-add</div>
<div class="fontclass">.fsicon-btn-add</div>
</li>
<li>
<i class="icon iconfont fsicon-bofang"></i>
<div class="name">bofang</div>
<div class="fontclass">.fsicon-bofang</div>
</li>
<li>
<i class="icon iconfont fsicon-biaozhengdanshu"></i>
<div class="name">biaozhengdanshu</div>
<div class="fontclass">.fsicon-biaozhengdanshu</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-checkbox"></i>
<div class="name">btn-checkbox</div>
<div class="fontclass">.fsicon-btn-checkbox</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-check"></i>
<div class="name">btn-check</div>
<div class="fontclass">.fsicon-btn-check</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-copy"></i>
<div class="name">btn-copy</div>
<div class="fontclass">.fsicon-btn-copy</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-del"></i>
<div class="name">btn-del</div>
<div class="fontclass">.fsicon-btn-del</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-collection"></i>
<div class="name">btn-collection</div>
<div class="fontclass">.fsicon-btn-collection</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-drag"></i>
<div class="name">btn-drag</div>
<div class="fontclass">.fsicon-btn-drag</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-edit"></i>
<div class="name">btn-edit</div>
<div class="fontclass">.fsicon-btn-edit</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-export"></i>
<div class="name">btn-export</div>
<div class="fontclass">.fsicon-btn-export</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-number"></i>
<div class="name">btn-number</div>
<div class="fontclass">.fsicon-btn-number</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-invalidation"></i>
<div class="name">btn-invalidation</div>
<div class="fontclass">.fsicon-btn-invalidation</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-pay"></i>
<div class="name">btn-pay</div>
<div class="fontclass">.fsicon-btn-pay</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-print"></i>
<div class="name">btn-print</div>
<div class="fontclass">.fsicon-btn-print</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-radio"></i>
<div class="name">btn-radio</div>
<div class="fontclass">.fsicon-btn-radio</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-refresh"></i>
<div class="name">btn-refresh</div>
<div class="fontclass">.fsicon-btn-refresh</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-review"></i>
<div class="name">btn-review</div>
<div class="fontclass">.fsicon-btn-review</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-save"></i>
<div class="name">btn-save</div>
<div class="fontclass">.fsicon-btn-save</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-set"></i>
<div class="name">btn-set</div>
<div class="fontclass">.fsicon-btn-set</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-Sync"></i>
<div class="name">btn-Sync</div>
<div class="fontclass">.fsicon-btn-Sync</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-tracking"></i>
<div class="name">btn-tracking</div>
<div class="fontclass">.fsicon-btn-tracking</div>
</li>
<li>
<i class="icon iconfont fsicon-btn-table"></i>
<div class="name">btn-table</div>
<div class="fontclass">.fsicon-btn-table</div>
</li>
<li>
<i class="icon iconfont fsicon-changjingfuwu"></i>
<div class="name">changjingfuwu</div>
<div class="fontclass">.fsicon-changjingfuwu</div>
</li>
<li>
<i class="icon iconfont fsicon-caiyixia"></i>
<div class="name">caiyixia</div>
<div class="fontclass">.fsicon-caiyixia</div>
</li>
<li>
<i class="icon iconfont fsicon-chaxun"></i>
<div class="name">chaxun</div>
<div class="fontclass">.fsicon-chaxun</div>
</li>
<li>
<i class="icon iconfont fsicon-close"></i>
<div class="name">close</div>
<div class="fontclass">.fsicon-close</div>
</li>
<li>
<i class="icon iconfont fsicon-cuowu"></i>
<div class="name">cuowu</div>
<div class="fontclass">.fsicon-cuowu</div>
</li>
<li>
<i class="icon iconfont fsicon-chukoutuishuishenbao"></i>
<div class="name">chukoutuishuishenbao</div>
<div class="fontclass">.fsicon-chukoutuishuishenbao</div>
</li>
<li>
<i class="icon iconfont fsicon-dacha1"></i>
<div class="name">dacha1</div>
<div class="fontclass">.fsicon-dacha1</div>
</li>
<li>
<i class="icon iconfont fsicon-dagou1"></i>
<div class="name">dagou1</div>
<div class="fontclass">.fsicon-dagou1</div>
</li>
<li>
<i class="icon iconfont fsicon-dianhua"></i>
<div class="name">dianhua</div>
<div class="fontclass">.fsicon-dianhua</div>
</li>
<li>
<i class="icon iconfont fsicon-diannao"></i>
<div class="name">diannao</div>
<div class="fontclass">.fsicon-diannao</div>
</li>
<li>
<i class="icon iconfont fsicon-dianshi"></i>
<div class="name">dianshi</div>
<div class="fontclass">.fsicon-dianshi</div>
</li>
<li>
<i class="icon iconfont fsicon-dianzixinxixiazai"></i>
<div class="name">dianzixinxixiazai</div>
<div class="fontclass">.fsicon-dianzixinxixiazai</div>
</li>
<li>
<i class="icon iconfont fsicon-dianziziliaoguanli"></i>
<div class="name">dianziziliaoguanli</div>
<div class="fontclass">.fsicon-dianziziliaoguanli</div>
</li>
<li>
<i class="icon iconfont fsicon-dianzan"></i>
<div class="name">dianzan</div>
<div class="fontclass">.fsicon-dianzan</div>
</li>
<li>
<i class="icon iconfont fsicon-dishui"></i>
<div class="name">dishui</div>
<div class="fontclass">.fsicon-dishui</div>
</li>
<li>
<i class="icon iconfont fsicon-dongtaimima"></i>
<div class="name">dongtaimima</div>
<div class="fontclass">.fsicon-dongtaimima</div>
</li>
<li>
<i class="icon iconfont fsicon-duihua"></i>
<div class="name">duihua</div>
<div class="fontclass">.fsicon-duihua</div>
</li>
<li>
<i class="icon iconfont fsicon-fanhuidingbu"></i>
<div class="name">fanhuidingbu</div>
<div class="fontclass">.fsicon-fanhuidingbu</div>
</li>
<li>
<i class="icon iconfont fsicon-erweima"></i>
<div class="name">erweima</div>
<div class="fontclass">.fsicon-erweima</div>
</li>
<li>
<i class="icon iconfont fsicon-fapiaochayan"></i>
<div class="name">fapiaochayan</div>
<div class="fontclass">.fsicon-fapiaochayan</div>
</li>
<li>
<i class="icon iconfont fsicon-fapiaodaikai"></i>
<div class="name">fapiaodaikai</div>
<div class="fontclass">.fsicon-fapiaodaikai</div>
</li>
<li>
<i class="icon iconfont fsicon-fapiaofuwu"></i>
<div class="name">fapiaofuwu</div>
<div class="fontclass">.fsicon-fapiaofuwu</div>
</li>
<li>
<i class="icon iconfont fsicon-fapiaolingyong"></i>
<div class="name">fapiaolingyong</div>
<div class="fontclass">.fsicon-fapiaolingyong</div>
</li>
<li>
<i class="icon iconfont fsicon-fapiaorenzheng"></i>
<div class="name">fapiaorenzheng</div>
<div class="fontclass">.fsicon-fapiaorenzheng</div>
</li>
<li>
<i class="icon iconfont fsicon-fapiaoyanjiu"></i>
<div class="name">fapiaoyanjiu</div>
<div class="fontclass">.fsicon-fapiaoyanjiu</div>
</li>
<li>
<i class="icon iconfont fsicon-fenxiang"></i>
<div class="name">fenxiang</div>
<div class="fontclass">.fsicon-fenxiang</div>
</li>
<li>
<i class="icon iconfont fsicon-fuwutousu"></i>
<div class="name">fuwutousu</div>
<div class="fontclass">.fsicon-fuwutousu</div>
</li>
<li>
<i class="icon iconfont fsicon-gengduo"></i>
<div class="name">gengduo</div>
<div class="fontclass">.fsicon-gengduo</div>
</li>
<li>
<i class="icon iconfont fsicon-gengduo1"></i>
<div class="name">gengduo1</div>
<div class="fontclass">.fsicon-gengduo1</div>
</li>
<li>
<i class="icon iconfont fsicon-gengduo2"></i>
<div class="name">gengduo2</div>
<div class="fontclass">.fsicon-gengduo2</div>
</li>
<li>
<i class="icon iconfont fsicon-gengduo3"></i>
<div class="name">gengduo3</div>
<div class="fontclass">.fsicon-gengduo3</div>
</li>
<li>
<i class="icon iconfont fsicon-gerensuodeshuidaikoudaijiaoshenbao"></i>
<div class="name">gerensuodeshuidaikou</div>
<div class="fontclass">.fsicon-gerensuodeshuidaikoudaijiaoshenbao</div>
</li>
<li>
<i class="icon iconfont fsicon-gongzhongchaxun"></i>
<div class="name">gongzhongchaxun</div>
<div class="fontclass">.fsicon-gongzhongchaxun</div>
</li>
<li>
<i class="icon iconfont fsicon-guanbi"></i>
<div class="name">guanbi</div>
<div class="fontclass">.fsicon-guanbi</div>
</li>
<li>
<i class="icon iconfont fsicon-guangdongfabao"></i>
<div class="name">guangdongfabao</div>
<div class="fontclass">.fsicon-guangdongfabao</div>
</li>
<li>
<i class="icon iconfont fsicon-guanmingfapiaoyinzhi"></i>
<div class="name">guanmingfapiaoyinzhi</div>
<div class="fontclass">.fsicon-guanmingfapiaoyinzhi</div>
</li>
<li>
<i class="icon iconfont fsicon-haiguanjihe"></i>
<div class="name">haiguanjihe</div>
<div class="fontclass">.fsicon-haiguanjihe</div>
</li>
<li>
<i class="icon iconfont fsicon-guoshui"></i>
<div class="name">guoshui</div>
<div class="fontclass">.fsicon-guoshui</div>
</li>
<li>
<i class="icon iconfont fsicon-guiyuanji"></i>
<div class="name">guiyuanji</div>
<div class="fontclass">.fsicon-guiyuanji</div>
</li>
<li>
<i class="icon iconfont fsicon-header-search"></i>
<div class="name">header-search</div>
<div class="fontclass">.fsicon-header-search</div>
</li>
<li>
<i class="icon iconfont fsicon-help"></i>
<div class="name">help</div>
<div class="fontclass">.fsicon-help</div>
</li>
<li>
<i class="icon iconfont fsicon-header-user"></i>
<div class="name">header-user</div>
<div class="fontclass">.fsicon-header-user</div>
</li>
<li>
<i class="icon iconfont fsicon-huanfu"></i>
<div class="name">huanfu</div>
<div class="fontclass">.fsicon-huanfu</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test9"></i>
<div class="name">icon-test9</div>
<div class="fontclass">.fsicon-icon-test9</div>
</li>
<li>
<i class="icon iconfont fsicon-home"></i>
<div class="name">home</div>
<div class="fontclass">.fsicon-home</div>
</li>
<li>
<i class="icon iconfont fsicon-huanyuan"></i>
<div class="name">huanyuan</div>
<div class="fontclass">.fsicon-huanyuan</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test10"></i>
<div class="name">icon-test10</div>
<div class="fontclass">.fsicon-icon-test10</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test12"></i>
<div class="name">icon-test12</div>
<div class="fontclass">.fsicon-icon-test12</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test11"></i>
<div class="name">icon-test11</div>
<div class="fontclass">.fsicon-icon-test11</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test13"></i>
<div class="name">icon-test13</div>
<div class="fontclass">.fsicon-icon-test13</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test14"></i>
<div class="name">icon-test14</div>
<div class="fontclass">.fsicon-icon-test14</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test15"></i>
<div class="name">icon-test15</div>
<div class="fontclass">.fsicon-icon-test15</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test17"></i>
<div class="name">icon-test17</div>
<div class="fontclass">.fsicon-icon-test17</div>
</li>
<li>
<i class="icon iconfont fsicon-jiahao"></i>
<div class="name">jiahao</div>
<div class="fontclass">.fsicon-jiahao</div>
</li>
<li>
<i class="icon iconfont fsicon-jianhao"></i>
<div class="name">jianhao</div>
<div class="fontclass">.fsicon-jianhao</div>
</li>
<li>
<i class="icon iconfont fsicon-icon-test16"></i>
<div class="name">icon-test16</div>
<div class="fontclass">.fsicon-icon-test16</div>
</li>
<li>
<i class="icon iconfont fsicon-jiaokuanchaxunjidayin"></i>
<div class="name">jiaokuanchaxunjidayi</div>
<div class="fontclass">.fsicon-jiaokuanchaxunjidayin</div>
</li>
<li>
<i class="icon iconfont fsicon-liebiao"></i>
<div class="name">liebiao</div>
<div class="fontclass">.fsicon-liebiao</div>
</li>
<li>
<i class="icon iconfont fsicon-liebiao1"></i>
<div class="name">liebiao1</div>
<div class="fontclass">.fsicon-liebiao1</div>
</li>
<li>
<i class="icon iconfont fsicon-mima"></i>
<div class="name">mima</div>
<div class="fontclass">.fsicon-mima</div>
</li>
<li>
<i class="icon iconfont fsicon-nashuijisuanqi"></i>
<div class="name">nashuijisuanqi</div>
<div class="fontclass">.fsicon-nashuijisuanqi</div>
</li>
<li>
<i class="icon iconfont fsicon-notice-info"></i>
<div class="name">notice-info</div>
<div class="fontclass">.fsicon-notice-info</div>
</li>
<li>
<i class="icon iconfont fsicon-manyidutiaocha"></i>
<div class="name">manyidutiaocha</div>
<div class="fontclass">.fsicon-manyidutiaocha</div>
</li>
<li>
<i class="icon iconfont fsicon-notice-primary"></i>
<div class="name">notice-primary</div>
<div class="fontclass">.fsicon-notice-primary</div>
</li>
<li>
<i class="icon iconfont fsicon-notice-warning"></i>
<div class="name">notice-warning</div>
<div class="fontclass">.fsicon-notice-warning</div>
</li>
<li>
<i class="icon iconfont fsicon-pingban"></i>
<div class="name">pingban</div>
<div class="fontclass">.fsicon-pingban</div>
</li>
<li>
<i class="icon iconfont fsicon-qingjiaoshuikuan"></i>
<div class="name">qingjiaoshuikuan</div>
<div class="fontclass">.fsicon-qingjiaoshuikuan</div>
</li>
<li>
<i class="icon iconfont fsicon-QQ"></i>
<div class="name">QQ</div>
<div class="fontclass">.fsicon-QQ</div>
</li>
<li>
<i class="icon iconfont fsicon-redianwenti"></i>
<div class="name">redianwenti</div>
<div class="fontclass">.fsicon-redianwenti</div>
</li>
<li>
<i class="icon iconfont fsicon-Set-arrow"></i>
<div class="name">Set-arrow</div>
<div class="fontclass">.fsicon-Set-arrow</div>
</li>
<li>
<i class="icon iconfont fsicon-saoyisao"></i>
<div class="name">saoyisao</div>
<div class="fontclass">.fsicon-saoyisao</div>
</li>
<li>
<i class="icon iconfont fsicon-shangchuan"></i>
<div class="name">shangchuan</div>
<div class="fontclass">.fsicon-shangchuan</div>
</li>
<li>
<i class="icon iconfont fsicon-shanchu"></i>
<div class="name">shanchu</div>
<div class="fontclass">.fsicon-shanchu</div>
</li>
<li>
<i class="icon iconfont fsicon-shebaofeiguanli"></i>
<div class="name">shebaofeiguanli</div>
<div class="fontclass">.fsicon-shebaofeiguanli</div>
</li>
<li>
<i class="icon iconfont fsicon-shenbaoqingdan"></i>
<div class="name">shenbaoqingdan</div>
<div class="fontclass">.fsicon-shenbaoqingdan</div>
</li>
<li>
<i class="icon iconfont fsicon-shenbaochaxunjidayin"></i>
<div class="name">shenbaochaxunjidayin</div>
<div class="fontclass">.fsicon-shenbaochaxunjidayin</div>
</li>
<li>
<i class="icon iconfont fsicon-shenbaoqingkuangchaxun"></i>
<div class="name">shenbaoqingkuangchax</div>
<div class="fontclass">.fsicon-shenbaoqingkuangchaxun</div>
</li>
<li>
<i class="icon iconfont fsicon-shenbaozuofei"></i>
<div class="name">shenbaozuofei</div>
<div class="fontclass">.fsicon-shenbaozuofei</div>
</li>
<li>
<i class="icon iconfont fsicon-sheshuishixiangbanli"></i>
<div class="name">sheshuishixiangbanli</div>
<div class="fontclass">.fsicon-sheshuishixiangbanli</div>
</li>
<li>
<i class="icon iconfont fsicon-shenpi_faqishenpi"></i>
<div class="name">shenpi_faqishenpi</div>
<div class="fontclass">.fsicon-shenpi_faqishenpi</div>
</li>
<li>
<i class="icon iconfont fsicon-sheshuiweifajubao"></i>
<div class="name">sheshuiweifajubao</div>
<div class="fontclass">.fsicon-sheshuiweifajubao</div>
</li>
<li>
<i class="icon iconfont fsicon-sheshuiwenshuchayan"></i>
<div class="name">sheshuiwenshuchayan</div>
<div class="fontclass">.fsicon-sheshuiwenshuchayan</div>
</li>
<li>
<i class="icon iconfont fsicon-shezhi"></i>
<div class="name">shezhi</div>
<div class="fontclass">.fsicon-shezhi</div>
</li>
<li>
<i class="icon iconfont fsicon-shipin"></i>
<div class="name">shipin</div>
<div class="fontclass">.fsicon-shipin</div>
</li>
<li>
<i class="icon iconfont fsicon-shouji"></i>
<div class="name">shouji</div>
<div class="fontclass">.fsicon-shouji</div>
</li>
<li>
<i class="icon iconfont fsicon-shixiangjinduguanli"></i>
<div class="name">shixiangjinduguanli</div>
<div class="fontclass">.fsicon-shixiangjinduguanli</div>
</li>
<li>
<i class="icon iconfont fsicon-shoucang"></i>
<div class="name">shoucang</div>
<div class="fontclass">.fsicon-shoucang</div>
</li>
<li>
<i class="icon iconfont fsicon-shouqicaidan"></i>
<div class="name">shouqicaidan</div>
<div class="fontclass">.fsicon-shouqicaidan</div>
</li>
<li>
<i class="icon iconfont fsicon-shouli"></i>
<div class="name">shouli</div>
<div class="fontclass">.fsicon-shouli</div>
</li>
<li>
<i class="icon iconfont fsicon-shuaxin"></i>
<div class="name">shuaxin</div>
<div class="fontclass">.fsicon-shuaxin</div>
</li>
<li>
<i class="icon iconfont fsicon-shuaxin3"></i>
<div class="name">shuaxin3</div>
<div class="fontclass">.fsicon-shuaxin3</div>
</li>
<li>
<i class="icon iconfont fsicon-shuihui"></i>
<div class="name">shuihui</div>
<div class="fontclass">.fsicon-shuihui</div>
</li>
<li>
<i class="icon iconfont fsicon-shuiwuxuetang"></i>
<div class="name">shuiwuxuetang</div>
<div class="fontclass">.fsicon-shuiwuxuetang</div>
</li>
<li>
<i class="icon iconfont fsicon-shuiwubaidu"></i>
<div class="name">shuiwubaidu</div>
<div class="fontclass">.fsicon-shuiwubaidu</div>
</li>
<li>
<i class="icon iconfont fsicon-shousuo-copy"></i>
<div class="name">shousuo-copy</div>
<div class="fontclass">.fsicon-shousuo-copy</div>
</li>
<li>
<i class="icon iconfont fsicon-shujuku"></i>
<div class="name">shujuku</div>
<div class="fontclass">.fsicon-shujuku</div>
</li>
<li>
<i class="icon iconfont fsicon-tanhao"></i>
<div class="name">tanhao</div>
<div class="fontclass">.fsicon-tanhao</div>
</li>
<li>
<i class="icon iconfont fsicon-title-arrow"></i>
<div class="name">title-arrow</div>
<div class="fontclass">.fsicon-title-arrow</div>
</li>
<li>
<i class="icon iconfont fsicon-tarenfasong"></i>
<div class="name">tarenfasong</div>
<div class="fontclass">.fsicon-tarenfasong</div>
</li>
<li>
<i class="icon iconfont fsicon-tixing"></i>
<div class="name">tixing</div>
<div class="fontclass">.fsicon-tixing</div>
</li>
<li>
<i class="icon iconfont fsicon-tongzhigonggao"></i>
<div class="name">tongzhigonggao</div>
<div class="fontclass">.fsicon-tongzhigonggao</div>
</li>
<li>
<i class="icon iconfont fsicon-tree-dot"></i>
<div class="name">tree-dot</div>
<div class="fontclass">.fsicon-tree-dot</div>
</li>
<li>
<i class="icon iconfont fsicon-tuichu"></i>
<div class="name">tuichu</div>
<div class="fontclass">.fsicon-tuichu</div>
</li>
<li>
<i class="icon iconfont fsicon-tupian"></i>
<div class="name">tupian</div>
<div class="fontclass">.fsicon-tupian</div>
</li>
<li>
<i class="icon iconfont fsicon-weibo"></i>
<div class="name">weibo</div>
<div class="fontclass">.fsicon-weibo</div>
</li>
<li>
<i class="icon iconfont fsicon-weixin"></i>
<div class="name">weixin</div>
<div class="fontclass">.fsicon-weixin</div>
</li>
<li>
<i class="icon iconfont fsicon-wenjian"></i>
<div class="name">wenjian</div>
<div class="fontclass">.fsicon-wenjian</div>
</li>
<li>
<i class="icon iconfont fsicon-wodedaiban"></i>
<div class="name">wodedaiban</div>
<div class="fontclass">.fsicon-wodedaiban</div>
</li>
<li>
<i class="icon iconfont fsicon-wodefasong"></i>
<div class="name">wodefasong</div>
<div class="fontclass">.fsicon-wodefasong</div>
</li>
<li>
<i class="icon iconfont fsicon-wodetongzhi"></i>
<div class="name">wodetongzhi</div>
<div class="fontclass">.fsicon-wodetongzhi</div>
</li>
<li>
<i class="icon iconfont fsicon-xiangshang"></i>
<div class="name">xiangshang</div>
<div class="fontclass">.fsicon-xiangshang</div>
</li>
<li>
<i class="icon iconfont fsicon-wodetixing"></i>
<div class="name">wodetixing</div>
<div class="fontclass">.fsicon-wodetixing</div>
</li>
<li>
<i class="icon iconfont fsicon-xiangxia"></i>
<div class="name">xiangxia</div>
<div class="fontclass">.fsicon-xiangxia</div>
</li>
<li>
<i class="icon iconfont fsicon-xiangyou"></i>
<div class="name">xiangyou</div>
<div class="fontclass">.fsicon-xiangyou</div>
</li>
<li>
<i class="icon iconfont fsicon-xiangzuo"></i>
<div class="name">xiangzuo</div>
<div class="fontclass">.fsicon-xiangzuo</div>
</li>
<li>
<i class="icon iconfont fsicon-xiaoxi"></i>
<div class="name">xiaoxi</div>
<div class="fontclass">.fsicon-xiaoxi</div>
</li>
<li>
<i class="icon iconfont fsicon-xiazai"></i>
<div class="name">xiazai</div>
<div class="fontclass">.fsicon-xiazai</div>
</li>
<li>
<i class="icon iconfont fsicon-xiazaizhuanqu"></i>
<div class="name">xiazaizhuanqu</div>
<div class="fontclass">.fsicon-xiazaizhuanqu</div>
</li>
<li>
<i class="icon iconfont fsicon-xinjian"></i>
<div class="name">xinjian</div>
<div class="fontclass">.fsicon-xinjian</div>
</li>
<li>
<i class="icon iconfont fsicon-xinyongdengjichaxun"></i>
<div class="name">xinyongdengjichaxun</div>
<div class="fontclass">.fsicon-xinyongdengjichaxun</div>
</li>
<li>
<i class="icon iconfont fsicon-xinyongdengjichayan"></i>
<div class="name">xinyongdengjichayan</div>
<div class="fontclass">.fsicon-xinyongdengjichayan</div>
</li>
<li>
<i class="icon iconfont fsicon-yanzhengma"></i>
<div class="name">yanzhengma</div>
<div class="fontclass">.fsicon-yanzhengma</div>
</li>
<li>
<i class="icon iconfont fsicon-yihushichaxun"></i>
<div class="name">yihushichaxun</div>
<div class="fontclass">.fsicon-yihushichaxun</div>
</li>
<li>
<i class="icon iconfont fsicon-youjian"></i>
<div class="name">youjian</div>
<div class="fontclass">.fsicon-youjian</div>
</li>
<li>
<i class="icon iconfont fsicon-yuandian"></i>
<div class="name">yuandian</div>
<div class="fontclass">.fsicon-yuandian</div>
</li>
<li>
<i class="icon iconfont fsicon-yinshuihudongpingtai"></i>
<div class="name">yinshuihudongpingtai</div>
<div class="fontclass">.fsicon-yinshuihudongpingtai</div>
</li>
<li>
<i class="icon iconfont fsicon-yuandianxiao"></i>
<div class="name">yuandianxiao</div>
<div class="fontclass">.fsicon-yuandianxiao</div>
</li>
<li>
<i class="icon iconfont fsicon-yuyue"></i>
<div class="name">yuyue</div>
<div class="fontclass">.fsicon-yuyue</div>
</li>
<li>
<i class="icon iconfont fsicon-yuyue1"></i>
<div class="name">yuyue1</div>
<div class="fontclass">.fsicon-yuyue1</div>
</li>
<li>
<i class="icon iconfont fsicon-zaixianfangtan"></i>
<div class="name">zaixianfangtan</div>
<div class="fontclass">.fsicon-zaixianfangtan</div>
</li>
<li>
<i class="icon iconfont fsicon-zaixianzixun"></i>
<div class="name">zaixianzixun</div>
<div class="fontclass">.fsicon-zaixianzixun</div>
</li>
<li>
<i class="icon iconfont fsicon-zanting"></i>
<div class="name">zanting</div>
<div class="fontclass">.fsicon-zanting</div>
</li>
<li>
<i class="icon iconfont fsicon-zengzhishuiyujiaoshenbaojinduchaxun"></i>
<div class="name">zengzhishuiyujiaoshe</div>
<div class="fontclass">.fsicon-zengzhishuiyujiaoshenbaojinduchaxun</div>
</li>
<li>
<i class="icon iconfont fsicon-zhanghu"></i>
<div class="name">zhanghu</div>
<div class="fontclass">.fsicon-zhanghu</div>
</li>
<li>
<i class="icon iconfont fsicon-zhankaicaidan"></i>
<div class="name">zhankaicaidan</div>
<div class="fontclass">.fsicon-zhankaicaidan</div>
</li>
<li>
<i class="icon iconfont fsicon-zhengcefagui"></i>
<div class="name">zhengcefagui</div>
<div class="fontclass">.fsicon-zhengcefagui</div>
</li>
<li>
<i class="icon iconfont fsicon-zhengque"></i>
<div class="name">zhengque</div>
<div class="fontclass">.fsicon-zhengque</div>
</li>
<li>
<i class="icon iconfont fsicon-zhinan"></i>
<div class="name">zhinan</div>
<div class="fontclass">.fsicon-zhinan</div>
</li>
<li>
<i class="icon iconfont fsicon-zhishiku"></i>
<div class="name">zhishiku</div>
<div class="fontclass">.fsicon-zhishiku</div>
</li>
<li>
<i class="icon iconfont fsicon-zhuye"></i>
<div class="name">zhuye</div>
<div class="fontclass">.fsicon-zhuye</div>
</li>
<li>
<i class="icon iconfont fsicon-zuanshi"></i>
<div class="name">zuanshi</div>
<div class="fontclass">.fsicon-zuanshi</div>
</li>
<li>
<i class="icon iconfont fsicon-zuixiaohua"></i>
<div class="name">zuixiaohua</div>
<div class="fontclass">.fsicon-zuixiaohua</div>
</li>
<li>
<i class="icon iconfont fsicon-zuidahua"></i>
<div class="name">zuidahua</div>
<div class="fontclass">.fsicon-zuidahua</div>
</li>
<li>
<i class="icon iconfont fsicon-caidan"></i>
<div class="name">caidan</div>
<div class="fontclass">.fsicon-caidan</div>
</li>
<li>
<i class="icon iconfont fsicon-default"></i>
<div class="name">default</div>
<div class="fontclass">.fsicon-default</div>
</li>
<li>
<i class="icon iconfont fsicon-arrow-right"></i>
<div class="name">arrow-right</div>
<div class="fontclass">.fsicon-arrow-right</div>
</li>
<li>
<i class="icon iconfont fsicon-jiebangnashuiren"></i>
<div class="name">解绑纳税人</div>
<div class="fontclass">.fsicon-jiebangnashuiren</div>
</li>
<li>
<i class="icon iconfont fsicon-zhuxiao"></i>
<div class="name">注销</div>
<div class="fontclass">.fsicon-zhuxiao</div>
</li>
<li>
<i class="icon iconfont fsicon-bangdingnashuiren"></i>
<div class="name">绑定纳税人</div>
<div class="fontclass">.fsicon-bangdingnashuiren</div>
</li>
<li>
<i class="icon iconfont fsicon-xiugaibangdingshouji"></i>
<div class="name">修改绑定手机</div>
<div class="fontclass">.fsicon-xiugaibangdingshouji</div>
</li>
<li>
<i class="icon iconfont fsicon-tuichu1"></i>
<div class="name">退出</div>
<div class="fontclass">.fsicon-tuichu1</div>
</li>
<li>
<i class="icon iconfont fsicon-yindao"></i>
<div class="name">引导</div>
<div class="fontclass">.fsicon-yindao</div>
</li>
<li>
<i class="icon iconfont fsicon-dot-up"></i>
<div class="name">下箭头</div>
<div class="fontclass">.fsicon-dot-up</div>
</li>
</ul>
<h2 id="font-class-">font-class引用</h2>
<hr>
<p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
<p>与unicode使用方式相比，具有如下特点：</p>
<ul>
<li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
<li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
<li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
<pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">fsicon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
<blockquote>
<p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
</blockquote>
</div>
</body>
</html>
packages/assets/tax/font-icon/demo_index.html

Sorry, the diff of this file is too big to display

packages/assets/tax/font-icon/demo_symbol.html

Sorry, the diff of this file is too big to display

+1284
packages/assets/tax/font-icon/demo_unicode.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<style type="text/css">
@font-face {font-family: "iconfont";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome, firefox */
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont">&#xe60c;</i>
<div class="name">刷新</div>
<div class="code">&amp;#xe60c;</div>
</li>
<li>
<i class="icon iconfont">&#xe745;</i>
<div class="name">下箭头</div>
<div class="code">&amp;#xe745;</div>
</li>
<li>
<i class="icon iconfont">&#xe60f;</i>
<div class="name">切换角色</div>
<div class="code">&amp;#xe60f;</div>
</li>
<li>
<i class="icon iconfont">&#xe61a;</i>
<div class="name">正确</div>
<div class="code">&amp;#xe61a;</div>
</li>
<li>
<i class="icon iconfont">&#xe60a;</i>
<div class="name">选择</div>
<div class="code">&amp;#xe60a;</div>
</li>
<li>
<i class="icon iconfont">&#xe613;</i>
<div class="name">地图 坐标 定位 放大</div>
<div class="code">&amp;#xe613;</div>
</li>
<li>
<i class="icon iconfont">&#xe61c;</i>
<div class="name">返回</div>
<div class="code">&amp;#xe61c;</div>
</li>
<li>
<i class="icon iconfont">&#xe6aa;</i>
<div class="name">禁止</div>
<div class="code">&amp;#xe6aa;</div>
</li>
<li>
<i class="icon iconfont">&#xe610;</i>
<div class="name">地图</div>
<div class="code">&amp;#xe610;</div>
</li>
<li>
<i class="icon iconfont">&#xe62e;</i>
<div class="name">定位 位置</div>
<div class="code">&amp;#xe62e;</div>
</li>
<li>
<i class="icon iconfont">&#xe943;</i>
<div class="name">arrow-bar</div>
<div class="code">&amp;#xe943;</div>
</li>
<li>
<i class="icon iconfont">&#xe944;</i>
<div class="name">arrow-down</div>
<div class="code">&amp;#xe944;</div>
</li>
<li>
<i class="icon iconfont">&#xe945;</i>
<div class="name">arrow-vertical</div>
<div class="code">&amp;#xe945;</div>
</li>
<li>
<i class="icon iconfont">&#xe946;</i>
<div class="name">arrow-left</div>
<div class="code">&amp;#xe946;</div>
</li>
<li>
<i class="icon iconfont">&#xe947;</i>
<div class="name">arrow-save</div>
<div class="code">&amp;#xe947;</div>
</li>
<li>
<i class="icon iconfont">&#xe948;</i>
<div class="name">arrow-up</div>
<div class="code">&amp;#xe948;</div>
</li>
<li>
<i class="icon iconfont">&#xe949;</i>
<div class="name">bangzhu</div>
<div class="code">&amp;#xe949;</div>
</li>
<li>
<i class="icon iconfont">&#xe94a;</i>
<div class="name">banshuidaohang</div>
<div class="code">&amp;#xe94a;</div>
</li>
<li>
<i class="icon iconfont">&#xe94b;</i>
<div class="name">banshuidengdairenshu</div>
<div class="code">&amp;#xe94b;</div>
</li>
<li>
<i class="icon iconfont">&#xe94c;</i>
<div class="name">banshuiyuyue</div>
<div class="code">&amp;#xe94c;</div>
</li>
<li>
<i class="icon iconfont">&#xe94d;</i>
<div class="name">banshuirili</div>
<div class="code">&amp;#xe94d;</div>
</li>
<li>
<i class="icon iconfont">&#xe94e;</i>
<div class="name">banshuiditu</div>
<div class="code">&amp;#xe94e;</div>
</li>
<li>
<i class="icon iconfont">&#xe94f;</i>
<div class="name">banshuizhinan</div>
<div class="code">&amp;#xe94f;</div>
</li>
<li>
<i class="icon iconfont">&#xe950;</i>
<div class="name">banshuizhuanti</div>
<div class="code">&amp;#xe950;</div>
</li>
<li>
<i class="icon iconfont">&#xe951;</i>
<div class="name">bianji</div>
<div class="code">&amp;#xe951;</div>
</li>
<li>
<i class="icon iconfont">&#xe952;</i>
<div class="name">btn-add</div>
<div class="code">&amp;#xe952;</div>
</li>
<li>
<i class="icon iconfont">&#xe953;</i>
<div class="name">bofang</div>
<div class="code">&amp;#xe953;</div>
</li>
<li>
<i class="icon iconfont">&#xe954;</i>
<div class="name">biaozhengdanshu</div>
<div class="code">&amp;#xe954;</div>
</li>
<li>
<i class="icon iconfont">&#xe955;</i>
<div class="name">btn-checkbox</div>
<div class="code">&amp;#xe955;</div>
</li>
<li>
<i class="icon iconfont">&#xe956;</i>
<div class="name">btn-check</div>
<div class="code">&amp;#xe956;</div>
</li>
<li>
<i class="icon iconfont">&#xe957;</i>
<div class="name">btn-copy</div>
<div class="code">&amp;#xe957;</div>
</li>
<li>
<i class="icon iconfont">&#xe958;</i>
<div class="name">btn-del</div>
<div class="code">&amp;#xe958;</div>
</li>
<li>
<i class="icon iconfont">&#xe959;</i>
<div class="name">btn-collection</div>
<div class="code">&amp;#xe959;</div>
</li>
<li>
<i class="icon iconfont">&#xe95a;</i>
<div class="name">btn-drag</div>
<div class="code">&amp;#xe95a;</div>
</li>
<li>
<i class="icon iconfont">&#xe95b;</i>
<div class="name">btn-edit</div>
<div class="code">&amp;#xe95b;</div>
</li>
<li>
<i class="icon iconfont">&#xe95c;</i>
<div class="name">btn-export</div>
<div class="code">&amp;#xe95c;</div>
</li>
<li>
<i class="icon iconfont">&#xe95d;</i>
<div class="name">btn-number</div>
<div class="code">&amp;#xe95d;</div>
</li>
<li>
<i class="icon iconfont">&#xe95e;</i>
<div class="name">btn-invalidation</div>
<div class="code">&amp;#xe95e;</div>
</li>
<li>
<i class="icon iconfont">&#xe95f;</i>
<div class="name">btn-pay</div>
<div class="code">&amp;#xe95f;</div>
</li>
<li>
<i class="icon iconfont">&#xe960;</i>
<div class="name">btn-print</div>
<div class="code">&amp;#xe960;</div>
</li>
<li>
<i class="icon iconfont">&#xe961;</i>
<div class="name">btn-radio</div>
<div class="code">&amp;#xe961;</div>
</li>
<li>
<i class="icon iconfont">&#xe962;</i>
<div class="name">btn-refresh</div>
<div class="code">&amp;#xe962;</div>
</li>
<li>
<i class="icon iconfont">&#xe963;</i>
<div class="name">btn-review</div>
<div class="code">&amp;#xe963;</div>
</li>
<li>
<i class="icon iconfont">&#xe964;</i>
<div class="name">btn-save</div>
<div class="code">&amp;#xe964;</div>
</li>
<li>
<i class="icon iconfont">&#xe965;</i>
<div class="name">btn-set</div>
<div class="code">&amp;#xe965;</div>
</li>
<li>
<i class="icon iconfont">&#xe966;</i>
<div class="name">btn-Sync</div>
<div class="code">&amp;#xe966;</div>
</li>
<li>
<i class="icon iconfont">&#xe967;</i>
<div class="name">btn-tracking</div>
<div class="code">&amp;#xe967;</div>
</li>
<li>
<i class="icon iconfont">&#xe968;</i>
<div class="name">btn-table</div>
<div class="code">&amp;#xe968;</div>
</li>
<li>
<i class="icon iconfont">&#xe969;</i>
<div class="name">changjingfuwu</div>
<div class="code">&amp;#xe969;</div>
</li>
<li>
<i class="icon iconfont">&#xe96a;</i>
<div class="name">caiyixia</div>
<div class="code">&amp;#xe96a;</div>
</li>
<li>
<i class="icon iconfont">&#xe96b;</i>
<div class="name">chaxun</div>
<div class="code">&amp;#xe96b;</div>
</li>
<li>
<i class="icon iconfont">&#xe96c;</i>
<div class="name">close</div>
<div class="code">&amp;#xe96c;</div>
</li>
<li>
<i class="icon iconfont">&#xe96d;</i>
<div class="name">cuowu</div>
<div class="code">&amp;#xe96d;</div>
</li>
<li>
<i class="icon iconfont">&#xe96e;</i>
<div class="name">chukoutuishuishenbao</div>
<div class="code">&amp;#xe96e;</div>
</li>
<li>
<i class="icon iconfont">&#xe96f;</i>
<div class="name">dacha1</div>
<div class="code">&amp;#xe96f;</div>
</li>
<li>
<i class="icon iconfont">&#xe970;</i>
<div class="name">dagou1</div>
<div class="code">&amp;#xe970;</div>
</li>
<li>
<i class="icon iconfont">&#xe971;</i>
<div class="name">dianhua</div>
<div class="code">&amp;#xe971;</div>
</li>
<li>
<i class="icon iconfont">&#xe972;</i>
<div class="name">diannao</div>
<div class="code">&amp;#xe972;</div>
</li>
<li>
<i class="icon iconfont">&#xe973;</i>
<div class="name">dianshi</div>
<div class="code">&amp;#xe973;</div>
</li>
<li>
<i class="icon iconfont">&#xe974;</i>
<div class="name">dianzixinxixiazai</div>
<div class="code">&amp;#xe974;</div>
</li>
<li>
<i class="icon iconfont">&#xe975;</i>
<div class="name">dianziziliaoguanli</div>
<div class="code">&amp;#xe975;</div>
</li>
<li>
<i class="icon iconfont">&#xe976;</i>
<div class="name">dianzan</div>
<div class="code">&amp;#xe976;</div>
</li>
<li>
<i class="icon iconfont">&#xe977;</i>
<div class="name">dishui</div>
<div class="code">&amp;#xe977;</div>
</li>
<li>
<i class="icon iconfont">&#xe978;</i>
<div class="name">dongtaimima</div>
<div class="code">&amp;#xe978;</div>
</li>
<li>
<i class="icon iconfont">&#xe979;</i>
<div class="name">duihua</div>
<div class="code">&amp;#xe979;</div>
</li>
<li>
<i class="icon iconfont">&#xe97a;</i>
<div class="name">fanhuidingbu</div>
<div class="code">&amp;#xe97a;</div>
</li>
<li>
<i class="icon iconfont">&#xe97b;</i>
<div class="name">erweima</div>
<div class="code">&amp;#xe97b;</div>
</li>
<li>
<i class="icon iconfont">&#xe97c;</i>
<div class="name">fapiaochayan</div>
<div class="code">&amp;#xe97c;</div>
</li>
<li>
<i class="icon iconfont">&#xe97d;</i>
<div class="name">fapiaodaikai</div>
<div class="code">&amp;#xe97d;</div>
</li>
<li>
<i class="icon iconfont">&#xe97e;</i>
<div class="name">fapiaofuwu</div>
<div class="code">&amp;#xe97e;</div>
</li>
<li>
<i class="icon iconfont">&#xe97f;</i>
<div class="name">fapiaolingyong</div>
<div class="code">&amp;#xe97f;</div>
</li>
<li>
<i class="icon iconfont">&#xe980;</i>
<div class="name">fapiaorenzheng</div>
<div class="code">&amp;#xe980;</div>
</li>
<li>
<i class="icon iconfont">&#xe981;</i>
<div class="name">fapiaoyanjiu</div>
<div class="code">&amp;#xe981;</div>
</li>
<li>
<i class="icon iconfont">&#xe982;</i>
<div class="name">fenxiang</div>
<div class="code">&amp;#xe982;</div>
</li>
<li>
<i class="icon iconfont">&#xe983;</i>
<div class="name">fuwutousu</div>
<div class="code">&amp;#xe983;</div>
</li>
<li>
<i class="icon iconfont">&#xe984;</i>
<div class="name">gengduo</div>
<div class="code">&amp;#xe984;</div>
</li>
<li>
<i class="icon iconfont">&#xe985;</i>
<div class="name">gengduo1</div>
<div class="code">&amp;#xe985;</div>
</li>
<li>
<i class="icon iconfont">&#xe986;</i>
<div class="name">gengduo2</div>
<div class="code">&amp;#xe986;</div>
</li>
<li>
<i class="icon iconfont">&#xe987;</i>
<div class="name">gengduo3</div>
<div class="code">&amp;#xe987;</div>
</li>
<li>
<i class="icon iconfont">&#xe988;</i>
<div class="name">gerensuodeshuidaikou</div>
<div class="code">&amp;#xe988;</div>
</li>
<li>
<i class="icon iconfont">&#xe989;</i>
<div class="name">gongzhongchaxun</div>
<div class="code">&amp;#xe989;</div>
</li>
<li>
<i class="icon iconfont">&#xe98a;</i>
<div class="name">guanbi</div>
<div class="code">&amp;#xe98a;</div>
</li>
<li>
<i class="icon iconfont">&#xe98b;</i>
<div class="name">guangdongfabao</div>
<div class="code">&amp;#xe98b;</div>
</li>
<li>
<i class="icon iconfont">&#xe98c;</i>
<div class="name">guanmingfapiaoyinzhi</div>
<div class="code">&amp;#xe98c;</div>
</li>
<li>
<i class="icon iconfont">&#xe98d;</i>
<div class="name">haiguanjihe</div>
<div class="code">&amp;#xe98d;</div>
</li>
<li>
<i class="icon iconfont">&#xe98e;</i>
<div class="name">guoshui</div>
<div class="code">&amp;#xe98e;</div>
</li>
<li>
<i class="icon iconfont">&#xe98f;</i>
<div class="name">guiyuanji</div>
<div class="code">&amp;#xe98f;</div>
</li>
<li>
<i class="icon iconfont">&#xe990;</i>
<div class="name">header-search</div>
<div class="code">&amp;#xe990;</div>
</li>
<li>
<i class="icon iconfont">&#xe991;</i>
<div class="name">help</div>
<div class="code">&amp;#xe991;</div>
</li>
<li>
<i class="icon iconfont">&#xe992;</i>
<div class="name">header-user</div>
<div class="code">&amp;#xe992;</div>
</li>
<li>
<i class="icon iconfont">&#xe993;</i>
<div class="name">huanfu</div>
<div class="code">&amp;#xe993;</div>
</li>
<li>
<i class="icon iconfont">&#xe994;</i>
<div class="name">icon-test9</div>
<div class="code">&amp;#xe994;</div>
</li>
<li>
<i class="icon iconfont">&#xe995;</i>
<div class="name">home</div>
<div class="code">&amp;#xe995;</div>
</li>
<li>
<i class="icon iconfont">&#xe996;</i>
<div class="name">huanyuan</div>
<div class="code">&amp;#xe996;</div>
</li>
<li>
<i class="icon iconfont">&#xe997;</i>
<div class="name">icon-test10</div>
<div class="code">&amp;#xe997;</div>
</li>
<li>
<i class="icon iconfont">&#xe998;</i>
<div class="name">icon-test12</div>
<div class="code">&amp;#xe998;</div>
</li>
<li>
<i class="icon iconfont">&#xe999;</i>
<div class="name">icon-test11</div>
<div class="code">&amp;#xe999;</div>
</li>
<li>
<i class="icon iconfont">&#xe99a;</i>
<div class="name">icon-test13</div>
<div class="code">&amp;#xe99a;</div>
</li>
<li>
<i class="icon iconfont">&#xe99b;</i>
<div class="name">icon-test14</div>
<div class="code">&amp;#xe99b;</div>
</li>
<li>
<i class="icon iconfont">&#xe99c;</i>
<div class="name">icon-test15</div>
<div class="code">&amp;#xe99c;</div>
</li>
<li>
<i class="icon iconfont">&#xe99d;</i>
<div class="name">icon-test17</div>
<div class="code">&amp;#xe99d;</div>
</li>
<li>
<i class="icon iconfont">&#xe99e;</i>
<div class="name">jiahao</div>
<div class="code">&amp;#xe99e;</div>
</li>
<li>
<i class="icon iconfont">&#xe99f;</i>
<div class="name">jianhao</div>
<div class="code">&amp;#xe99f;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a0;</i>
<div class="name">icon-test16</div>
<div class="code">&amp;#xe9a0;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a1;</i>
<div class="name">jiaokuanchaxunjidayi</div>
<div class="code">&amp;#xe9a1;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a2;</i>
<div class="name">liebiao</div>
<div class="code">&amp;#xe9a2;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a3;</i>
<div class="name">liebiao1</div>
<div class="code">&amp;#xe9a3;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a4;</i>
<div class="name">mima</div>
<div class="code">&amp;#xe9a4;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a5;</i>
<div class="name">nashuijisuanqi</div>
<div class="code">&amp;#xe9a5;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a6;</i>
<div class="name">notice-info</div>
<div class="code">&amp;#xe9a6;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a7;</i>
<div class="name">manyidutiaocha</div>
<div class="code">&amp;#xe9a7;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a8;</i>
<div class="name">notice-primary</div>
<div class="code">&amp;#xe9a8;</div>
</li>
<li>
<i class="icon iconfont">&#xe9a9;</i>
<div class="name">notice-warning</div>
<div class="code">&amp;#xe9a9;</div>
</li>
<li>
<i class="icon iconfont">&#xe9aa;</i>
<div class="name">pingban</div>
<div class="code">&amp;#xe9aa;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ab;</i>
<div class="name">qingjiaoshuikuan</div>
<div class="code">&amp;#xe9ab;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ac;</i>
<div class="name">QQ</div>
<div class="code">&amp;#xe9ac;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ad;</i>
<div class="name">redianwenti</div>
<div class="code">&amp;#xe9ad;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ae;</i>
<div class="name">Set-arrow</div>
<div class="code">&amp;#xe9ae;</div>
</li>
<li>
<i class="icon iconfont">&#xe9af;</i>
<div class="name">saoyisao</div>
<div class="code">&amp;#xe9af;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b0;</i>
<div class="name">shangchuan</div>
<div class="code">&amp;#xe9b0;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b1;</i>
<div class="name">shanchu</div>
<div class="code">&amp;#xe9b1;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b2;</i>
<div class="name">shebaofeiguanli</div>
<div class="code">&amp;#xe9b2;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b3;</i>
<div class="name">shenbaoqingdan</div>
<div class="code">&amp;#xe9b3;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b4;</i>
<div class="name">shenbaochaxunjidayin</div>
<div class="code">&amp;#xe9b4;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b5;</i>
<div class="name">shenbaoqingkuangchax</div>
<div class="code">&amp;#xe9b5;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b6;</i>
<div class="name">shenbaozuofei</div>
<div class="code">&amp;#xe9b6;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b7;</i>
<div class="name">sheshuishixiangbanli</div>
<div class="code">&amp;#xe9b7;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b8;</i>
<div class="name">shenpi_faqishenpi</div>
<div class="code">&amp;#xe9b8;</div>
</li>
<li>
<i class="icon iconfont">&#xe9b9;</i>
<div class="name">sheshuiweifajubao</div>
<div class="code">&amp;#xe9b9;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ba;</i>
<div class="name">sheshuiwenshuchayan</div>
<div class="code">&amp;#xe9ba;</div>
</li>
<li>
<i class="icon iconfont">&#xe9bb;</i>
<div class="name">shezhi</div>
<div class="code">&amp;#xe9bb;</div>
</li>
<li>
<i class="icon iconfont">&#xe9bc;</i>
<div class="name">shipin</div>
<div class="code">&amp;#xe9bc;</div>
</li>
<li>
<i class="icon iconfont">&#xe9bd;</i>
<div class="name">shouji</div>
<div class="code">&amp;#xe9bd;</div>
</li>
<li>
<i class="icon iconfont">&#xe9be;</i>
<div class="name">shixiangjinduguanli</div>
<div class="code">&amp;#xe9be;</div>
</li>
<li>
<i class="icon iconfont">&#xe9bf;</i>
<div class="name">shoucang</div>
<div class="code">&amp;#xe9bf;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c0;</i>
<div class="name">shouqicaidan</div>
<div class="code">&amp;#xe9c0;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c1;</i>
<div class="name">shouli</div>
<div class="code">&amp;#xe9c1;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c2;</i>
<div class="name">shuaxin</div>
<div class="code">&amp;#xe9c2;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c3;</i>
<div class="name">shuaxin3</div>
<div class="code">&amp;#xe9c3;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c4;</i>
<div class="name">shuihui</div>
<div class="code">&amp;#xe9c4;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c5;</i>
<div class="name">shuiwuxuetang</div>
<div class="code">&amp;#xe9c5;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c6;</i>
<div class="name">shuiwubaidu</div>
<div class="code">&amp;#xe9c6;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c7;</i>
<div class="name">shousuo-copy</div>
<div class="code">&amp;#xe9c7;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c8;</i>
<div class="name">shujuku</div>
<div class="code">&amp;#xe9c8;</div>
</li>
<li>
<i class="icon iconfont">&#xe9c9;</i>
<div class="name">tanhao</div>
<div class="code">&amp;#xe9c9;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ca;</i>
<div class="name">title-arrow</div>
<div class="code">&amp;#xe9ca;</div>
</li>
<li>
<i class="icon iconfont">&#xe9cb;</i>
<div class="name">tarenfasong</div>
<div class="code">&amp;#xe9cb;</div>
</li>
<li>
<i class="icon iconfont">&#xe9cc;</i>
<div class="name">tixing</div>
<div class="code">&amp;#xe9cc;</div>
</li>
<li>
<i class="icon iconfont">&#xe9cd;</i>
<div class="name">tongzhigonggao</div>
<div class="code">&amp;#xe9cd;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ce;</i>
<div class="name">tree-dot</div>
<div class="code">&amp;#xe9ce;</div>
</li>
<li>
<i class="icon iconfont">&#xe9cf;</i>
<div class="name">tuichu</div>
<div class="code">&amp;#xe9cf;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d0;</i>
<div class="name">tupian</div>
<div class="code">&amp;#xe9d0;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d1;</i>
<div class="name">weibo</div>
<div class="code">&amp;#xe9d1;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d2;</i>
<div class="name">weixin</div>
<div class="code">&amp;#xe9d2;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d3;</i>
<div class="name">wenjian</div>
<div class="code">&amp;#xe9d3;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d4;</i>
<div class="name">wodedaiban</div>
<div class="code">&amp;#xe9d4;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d5;</i>
<div class="name">wodefasong</div>
<div class="code">&amp;#xe9d5;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d6;</i>
<div class="name">wodetongzhi</div>
<div class="code">&amp;#xe9d6;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d7;</i>
<div class="name">xiangshang</div>
<div class="code">&amp;#xe9d7;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d8;</i>
<div class="name">wodetixing</div>
<div class="code">&amp;#xe9d8;</div>
</li>
<li>
<i class="icon iconfont">&#xe9d9;</i>
<div class="name">xiangxia</div>
<div class="code">&amp;#xe9d9;</div>
</li>
<li>
<i class="icon iconfont">&#xe9da;</i>
<div class="name">xiangyou</div>
<div class="code">&amp;#xe9da;</div>
</li>
<li>
<i class="icon iconfont">&#xe9db;</i>
<div class="name">xiangzuo</div>
<div class="code">&amp;#xe9db;</div>
</li>
<li>
<i class="icon iconfont">&#xe9dc;</i>
<div class="name">xiaoxi</div>
<div class="code">&amp;#xe9dc;</div>
</li>
<li>
<i class="icon iconfont">&#xe9dd;</i>
<div class="name">xiazai</div>
<div class="code">&amp;#xe9dd;</div>
</li>
<li>
<i class="icon iconfont">&#xe9de;</i>
<div class="name">xiazaizhuanqu</div>
<div class="code">&amp;#xe9de;</div>
</li>
<li>
<i class="icon iconfont">&#xe9df;</i>
<div class="name">xinjian</div>
<div class="code">&amp;#xe9df;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e0;</i>
<div class="name">xinyongdengjichaxun</div>
<div class="code">&amp;#xe9e0;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e1;</i>
<div class="name">xinyongdengjichayan</div>
<div class="code">&amp;#xe9e1;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e2;</i>
<div class="name">yanzhengma</div>
<div class="code">&amp;#xe9e2;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e3;</i>
<div class="name">yihushichaxun</div>
<div class="code">&amp;#xe9e3;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e4;</i>
<div class="name">youjian</div>
<div class="code">&amp;#xe9e4;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e5;</i>
<div class="name">yuandian</div>
<div class="code">&amp;#xe9e5;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e6;</i>
<div class="name">yinshuihudongpingtai</div>
<div class="code">&amp;#xe9e6;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e7;</i>
<div class="name">yuandianxiao</div>
<div class="code">&amp;#xe9e7;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e8;</i>
<div class="name">yuyue</div>
<div class="code">&amp;#xe9e8;</div>
</li>
<li>
<i class="icon iconfont">&#xe9e9;</i>
<div class="name">yuyue1</div>
<div class="code">&amp;#xe9e9;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ea;</i>
<div class="name">zaixianfangtan</div>
<div class="code">&amp;#xe9ea;</div>
</li>
<li>
<i class="icon iconfont">&#xe9eb;</i>
<div class="name">zaixianzixun</div>
<div class="code">&amp;#xe9eb;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ec;</i>
<div class="name">zanting</div>
<div class="code">&amp;#xe9ec;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ed;</i>
<div class="name">zengzhishuiyujiaoshe</div>
<div class="code">&amp;#xe9ed;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ee;</i>
<div class="name">zhanghu</div>
<div class="code">&amp;#xe9ee;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ef;</i>
<div class="name">zhankaicaidan</div>
<div class="code">&amp;#xe9ef;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f0;</i>
<div class="name">zhengcefagui</div>
<div class="code">&amp;#xe9f0;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f1;</i>
<div class="name">zhengque</div>
<div class="code">&amp;#xe9f1;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f2;</i>
<div class="name">zhinan</div>
<div class="code">&amp;#xe9f2;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f3;</i>
<div class="name">zhishiku</div>
<div class="code">&amp;#xe9f3;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f4;</i>
<div class="name">zhuye</div>
<div class="code">&amp;#xe9f4;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f5;</i>
<div class="name">zuanshi</div>
<div class="code">&amp;#xe9f5;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f6;</i>
<div class="name">zuixiaohua</div>
<div class="code">&amp;#xe9f6;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f7;</i>
<div class="name">zuidahua</div>
<div class="code">&amp;#xe9f7;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f8;</i>
<div class="name">caidan</div>
<div class="code">&amp;#xe9f8;</div>
</li>
<li>
<i class="icon iconfont">&#xe9f9;</i>
<div class="name">default</div>
<div class="code">&amp;#xe9f9;</div>
</li>
<li>
<i class="icon iconfont">&#xe9fa;</i>
<div class="name">arrow-right</div>
<div class="code">&amp;#xe9fa;</div>
</li>
<li>
<i class="icon iconfont">&#xe9fb;</i>
<div class="name">解绑纳税人</div>
<div class="code">&amp;#xe9fb;</div>
</li>
<li>
<i class="icon iconfont">&#xe9fc;</i>
<div class="name">注销</div>
<div class="code">&amp;#xe9fc;</div>
</li>
<li>
<i class="icon iconfont">&#xe9fd;</i>
<div class="name">绑定纳税人</div>
<div class="code">&amp;#xe9fd;</div>
</li>
<li>
<i class="icon iconfont">&#xe9fe;</i>
<div class="name">修改绑定手机</div>
<div class="code">&amp;#xe9fe;</div>
</li>
<li>
<i class="icon iconfont">&#xe9ff;</i>
<div class="name">退出</div>
<div class="code">&amp;#xe9ff;</div>
</li>
<li>
<i class="icon iconfont">&#xea00;</i>
<div class="name">引导</div>
<div class="code">&amp;#xea00;</div>
</li>
<li>
<i class="icon iconfont">&#xea01;</i>
<div class="name">下箭头</div>
<div class="code">&amp;#xea01;</div>
</li>
</ul>
<h2 id="unicode-">unicode引用</h2>
<hr>
<p>unicode是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
</blockquote>
<p>unicode使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
<pre><code class="lang-js hljs javascript">@font-face {
font-family: <span class="hljs-string">'iconfont'</span>;
src: url(<span class="hljs-string">'iconfont.eot'</span>);
src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
<pre><code class="lang-js hljs javascript">.iconfont{
font-family:<span class="hljs-string">"iconfont"</span> !important;
font-size:<span class="hljs-number">16</span>px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
<blockquote>
<p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
</blockquote>
</div>
</body>
</html>
+539
packages/assets/tax/font-icon/demo.css
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
+966
packages/assets/tax/font-icon/iconfont.css
@font-face {
font-family: "iconfont";
src: url(iconfont.eot);
src: url(iconfont.eot?#iefix) format('embedded-opentype'),
url(iconfont.woff) format('woff'),
url(iconfont.ttf) format('truetype'),
url(iconfont.svg#yhg) format('svg');
font-weight: normal;
font-style: normal;
}
.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fsicon-zhaoxiangji:before {
content: "\e6ec";
}
.fsicon-weibiaoti25:before {
content: "\e62b";
}
.fsicon-refresh:before {
content: "\e60c";
}
.fsicon-xiajiantou:before {
content: "\e745";
}
.fsicon-suoxiao:before {
content: "\e602";
}
.fsicon-wuwangluo:before {
content: "\e766";
}
.fsicon-suoxiao1:before {
content: "\e822";
}
.fsicon-qiehuanjiaose:before {
content: "\e60f";
}
.fsicon-caozuo_quanpingfangda:before {
content: "\e693";
}
.fsicon-shipin1:before {
content: "\e678";
}
.fsicon-wenzi:before {
content: "\e652";
}
.fsicon-shoujiduanxin:before {
content: "\e737";
}
.fsicon-finish:before {
content: "\e61a";
}
.fsicon-touxiang:before {
content: "\e673";
}
.fsicon-xuanze:before {
content: "\e60a";
}
.fsicon-Coordinate:before {
content: "\e613";
}
.fsicon-icon_huaban:before {
content: "\e6e1";
}
.fsicon-yinshuihudongpingtai1:before {
content: "\e7da";
}
.fsicon-gerensuodeshui:before {
content: "\e81b";
}
.fsicon-fujiashuishenbao:before {
content: "\e81c";
}
.fsicon-shuifeishenqing:before {
content: "\e842";
}
.fsicon-yijianlingshenbao:before {
content: "\e856";
}
.fsicon-zengliangfangqishuizhengming:before {
content: "\e85d";
}
.fsicon-wangluo:before {
content: "\e612";
}
.fsicon-fanhui:before {
content: "\e61c";
}
.fsicon-prohibit:before {
content: "\e6aa";
}
.fsicon-USB-fill:before {
content: "\e871";
}
.fsicon-map:before {
content: "\e610";
}
.fsicon-breadcrumb:before {
content: "\e62e";
}
.fsicon-tabs-right:before {
content: "\eb09";
}
.fsicon-tabs-left:before {
content: "\eb0a";
}
.fsicon-arrow-bar:before {
content: "\e943";
}
.fsicon-arrow-down:before {
content: "\e944";
}
.fsicon-arrow-vertical:before {
content: "\e945";
}
.fsicon-arrow-left:before {
content: "\e946";
}
.fsicon-arrow-save:before {
content: "\e947";
}
.fsicon-arrow-up:before {
content: "\e948";
}
.fsicon-bangzhu:before {
content: "\e949";
}
.fsicon-banshuidaohang:before {
content: "\e94a";
}
.fsicon-banshuidengdairenshu:before {
content: "\e94b";
}
.fsicon-banshuiyuyue:before {
content: "\e94c";
}
.fsicon-banshuirili:before {
content: "\e94d";
}
.fsicon-banshuiditu:before {
content: "\e94e";
}
.fsicon-banshuizhinan:before {
content: "\e94f";
}
.fsicon-banshuizhuanti:before {
content: "\e950";
}
.fsicon-bianji:before {
content: "\e951";
}
.fsicon-btn-add:before {
content: "\e952";
}
.fsicon-bofang:before {
content: "\e953";
}
.fsicon-biaozhengdanshu:before {
content: "\e954";
}
.fsicon-btn-checkbox:before {
content: "\e955";
}
.fsicon-btn-check:before {
content: "\e956";
}
.fsicon-btn-copy:before {
content: "\e957";
}
.fsicon-btn-del:before {
content: "\e958";
}
.fsicon-btn-collection:before {
content: "\e959";
}
.fsicon-btn-drag:before {
content: "\e95a";
}
.fsicon-btn-edit:before {
content: "\e95b";
}
.fsicon-btn-export:before {
content: "\e95c";
}
.fsicon-btn-number:before {
content: "\e95d";
}
.fsicon-btn-invalidation:before {
content: "\e95e";
}
.fsicon-btn-pay:before {
content: "\e95f";
}
.fsicon-btn-print:before {
content: "\e960";
}
.fsicon-btn-radio:before {
content: "\e961";
}
.fsicon-btn-refresh:before {
content: "\e962";
}
.fsicon-btn-review:before {
content: "\e963";
}
.fsicon-btn-save:before {
content: "\e964";
}
.fsicon-btn-set:before {
content: "\e965";
}
.fsicon-btn-Sync:before {
content: "\e966";
}
.fsicon-btn-tracking:before {
content: "\e967";
}
.fsicon-btn-table:before {
content: "\e968";
}
.fsicon-changjingfuwu:before {
content: "\e969";
}
.fsicon-caiyixia:before {
content: "\e96a";
}
.fsicon-chaxun:before {
content: "\e96b";
}
.fsicon-close:before {
content: "\e96c";
}
.fsicon-cuowu:before {
content: "\e96d";
}
.fsicon-chukoutuishuishenbao:before {
content: "\e96e";
}
.fsicon-dacha1:before {
content: "\e96f";
}
.fsicon-dagou1:before {
content: "\e970";
}
.fsicon-dianhua:before {
content: "\e971";
}
.fsicon-diannao:before {
content: "\e972";
}
.fsicon-dianshi:before {
content: "\e973";
}
.fsicon-dianzixinxixiazai:before {
content: "\e974";
}
.fsicon-dianziziliaoguanli:before {
content: "\e975";
}
.fsicon-dianzan:before {
content: "\e976";
}
.fsicon-dishui:before {
content: "\e977";
}
.fsicon-dongtaimima:before {
content: "\e978";
}
.fsicon-duihua:before {
content: "\e979";
}
.fsicon-fanhuidingbu:before {
content: "\e97a";
}
.fsicon-erweima:before {
content: "\e97b";
}
.fsicon-fapiaochayan:before {
content: "\e97c";
}
.fsicon-fapiaodaikai:before {
content: "\e97d";
}
.fsicon-fapiaofuwu:before {
content: "\e97e";
}
.fsicon-fapiaolingyong:before {
content: "\e97f";
}
.fsicon-fapiaorenzheng:before {
content: "\e980";
}
.fsicon-fapiaoyanjiu:before {
content: "\e981";
}
.fsicon-fenxiang:before {
content: "\e982";
}
.fsicon-fuwutousu:before {
content: "\e983";
}
.fsicon-gengduo:before {
content: "\e984";
}
.fsicon-gengduo1:before {
content: "\e985";
}
.fsicon-gengduo2:before {
content: "\e986";
}
.fsicon-gengduo3:before {
content: "\e987";
}
.fsicon-gerensuodeshuidaikoudaijiaoshenbao:before {
content: "\e988";
}
.fsicon-gongzhongchaxun:before {
content: "\e989";
}
.fsicon-guanbi:before {
content: "\e98a";
}
.fsicon-guangdongfabao:before {
content: "\e98b";
}
.fsicon-guanmingfapiaoyinzhi:before {
content: "\e98c";
}
.fsicon-haiguanjihe:before {
content: "\e98d";
}
.fsicon-guoshui:before {
content: "\e98e";
}
.fsicon-guiyuanji:before {
content: "\e98f";
}
.fsicon-header-search:before {
content: "\e990";
}
.fsicon-help:before {
content: "\e991";
}
.fsicon-header-user:before {
content: "\e992";
}
.fsicon-huanfu:before {
content: "\e993";
}
.fsicon-icon-test9:before {
content: "\e994";
}
.fsicon-home:before {
content: "\e995";
}
.fsicon-huanyuan:before {
content: "\e996";
}
.fsicon-icon-test10:before {
content: "\e997";
}
.fsicon-icon-test12:before {
content: "\e998";
}
.fsicon-icon-test11:before {
content: "\e999";
}
.fsicon-icon-test13:before {
content: "\e99a";
}
.fsicon-icon-test14:before {
content: "\e99b";
}
.fsicon-icon-test15:before {
content: "\e99c";
}
.fsicon-icon-test17:before {
content: "\e99d";
}
.fsicon-jiahao:before {
content: "\e99e";
}
.fsicon-jianhao:before {
content: "\e99f";
}
.fsicon-icon-test16:before {
content: "\e9a0";
}
.fsicon-jiaokuanchaxunjidayin:before {
content: "\e9a1";
}
.fsicon-liebiao:before {
content: "\e9a2";
}
.fsicon-liebiao1:before {
content: "\e9a3";
}
.fsicon-mima:before {
content: "\e9a4";
}
.fsicon-nashuijisuanqi:before {
content: "\e9a5";
}
.fsicon-notice-info:before {
content: "\e9a6";
}
.fsicon-manyidutiaocha:before {
content: "\e9a7";
}
.fsicon-notice-primary:before {
content: "\e9a8";
}
.fsicon-notice-warning:before {
content: "\e9a9";
}
.fsicon-pingban:before {
content: "\e9aa";
}
.fsicon-qingjiaoshuikuan:before {
content: "\e9ab";
}
.fsicon-QQ:before {
content: "\e9ac";
}
.fsicon-redianwenti:before {
content: "\e9ad";
}
.fsicon-Set-arrow:before {
content: "\e9ae";
}
.fsicon-saoyisao:before {
content: "\e9af";
}
.fsicon-shangchuan:before {
content: "\e9b0";
}
.fsicon-shanchu:before {
content: "\e9b1";
}
.fsicon-shebaofeiguanli:before {
content: "\e9b2";
}
.fsicon-shenbaoqingdan:before {
content: "\e9b3";
}
.fsicon-shenbaochaxunjidayin:before {
content: "\e9b4";
}
.fsicon-shenbaoqingkuangchaxun:before {
content: "\e9b5";
}
.fsicon-shenbaozuofei:before {
content: "\e9b6";
}
.fsicon-sheshuishixiangbanli:before {
content: "\e9b7";
}
.fsicon-shenpi_faqishenpi:before {
content: "\e9b8";
}
.fsicon-sheshuiweifajubao:before {
content: "\e9b9";
}
.fsicon-sheshuiwenshuchayan:before {
content: "\e9ba";
}
.fsicon-shezhi:before {
content: "\e9bb";
}
.fsicon-shipin:before {
content: "\e9bc";
}
.fsicon-shouji:before {
content: "\e9bd";
}
.fsicon-shixiangjinduguanli:before {
content: "\e9be";
}
.fsicon-sc-false:before {
content: "\e9bf";
}
.fsicon-shouqicaidan:before {
content: "\e9c0";
}
.fsicon-shouli:before {
content: "\e9c1";
}
.fsicon-shuaxin:before {
content: "\e9c2";
}
.fsicon-shuaxin3:before {
content: "\e9c3";
}
.fsicon-shuihui:before {
content: "\e9c4";
}
.fsicon-shuiwuxuetang:before {
content: "\e9c5";
}
.fsicon-shuiwubaidu:before {
content: "\e9c6";
}
.fsicon-shousuo-copy:before {
content: "\e9c7";
}
.fsicon-shujuku:before {
content: "\e9c8";
}
.fsicon-tanhao:before {
content: "\e9c9";
}
.fsicon-title-arrow:before {
content: "\e9ca";
}
.fsicon-tarenfasong:before {
content: "\e9cb";
}
.fsicon-tixing:before {
content: "\e9cc";
}
.fsicon-tongzhigonggao:before {
content: "\e9cd";
}
.fsicon-tree-dot:before {
content: "\e9ce";
}
.fsicon-tuichu:before {
content: "\e9cf";
}
.fsicon-tupian:before {
content: "\e9d0";
}
.fsicon-weibo:before {
content: "\e9d1";
}
.fsicon-weixin:before {
content: "\e9d2";
}
.fsicon-wenjian:before {
content: "\e9d3";
}
.fsicon-wodedaiban:before {
content: "\e9d4";
}
.fsicon-wodefasong:before {
content: "\e9d5";
}
.fsicon-wodetongzhi:before {
content: "\e9d6";
}
.fsicon-xiangshang:before {
content: "\e9d7";
}
.fsicon-wodetixing:before {
content: "\e9d8";
}
.fsicon-xiangxia:before {
content: "\e9d9";
}
.fsicon-xiangyou:before {
content: "\e9da";
}
.fsicon-xiangzuo:before {
content: "\e9db";
}
.fsicon-xiaoxi:before {
content: "\e9dc";
}
.fsicon-xiazai:before {
content: "\e9dd";
}
.fsicon-xiazaizhuanqu:before {
content: "\e9de";
}
.fsicon-xinjian:before {
content: "\e9df";
}
.fsicon-xinyongdengjichaxun:before {
content: "\e9e0";
}
.fsicon-xinyongdengjichayan:before {
content: "\e9e1";
}
.fsicon-yanzhengma:before {
content: "\e9e2";
}
.fsicon-yihushichaxun:before {
content: "\e9e3";
}
.fsicon-youjian:before {
content: "\e9e4";
}
.fsicon-yuandian:before {
content: "\e9e5";
}
.fsicon-yinshuihudongpingtai:before {
content: "\e9e6";
}
.fsicon-yuandianxiao:before {
content: "\e9e7";
}
.fsicon-yuyue:before {
content: "\e9e8";
}
.fsicon-yuyue1:before {
content: "\e9e9";
}
.fsicon-zaixianfangtan:before {
content: "\e9ea";
}
.fsicon-zaixianzixun:before {
content: "\e9eb";
}
.fsicon-zanting:before {
content: "\e9ec";
}
.fsicon-zengzhishuiyujiaoshenbaojinduchaxun:before {
content: "\e9ed";
}
.fsicon-zhanghu:before {
content: "\e9ee";
}
.fsicon-zhankaicaidan:before {
content: "\e9ef";
}
.fsicon-zhengcefagui:before {
content: "\e9f0";
}
.fsicon-zhengque:before {
content: "\e9f1";
}
.fsicon-zhinan:before {
content: "\e9f2";
}
.fsicon-zhishiku:before {
content: "\e9f3";
}
.fsicon-zhuye:before {
content: "\e9f4";
}
.fsicon-zuanshi:before {
content: "\e9f5";
}
.fsicon-zuixiaohua:before {
content: "\e9f6";
}
.fsicon-zuidahua:before {
content: "\e9f7";
}
.fsicon-caidan:before {
content: "\e9f8";
}
.fsicon-default:before {
content: "\e9f9";
}
.fsicon-arrow-right:before {
content: "\e9fa";
}
.fsicon-jichutubiao-XC-fangda:before {
content: "\e61d";
}
.fsicon-yanzheng:before {
content: "\e624";
}
.fsicon-jiebangnashuiren:before {
content: "\e9fb";
}
.fsicon-zhuxiao:before {
content: "\e9fc";
}
.fsicon-bangdingnashuiren:before {
content: "\e9fd";
}
.fsicon-xiugaibangdingshouji:before {
content: "\e9fe";
}
.fsicon-tuichu1:before {
content: "\e9ff";
}
.fsicon-yindao:before {
content: "\ea00";
}
.fsicon-dot-up:before {
content: "\ea01";
}
.fsicon-jiazai:before {
content: "\e630";
}
.fsicon-sc-true:before {
content: "\ea02";
}
.fsicon-daohangshouqi-:before {
content: "\e712";
}
.fsicon-lieshezhi:before {
content: "\e600";
}
.fsicon-shangchuan1:before {
content: "\e69e";
}
.fsicon-danchuang-jinggao:before {
content: "\e631";
}
.fsicon-danchuang-xiaoxi:before {
content: "\e6ae";
}
.fsicon-danchuang-jinzhi:before {
content: "\e6b0";
}
.fsicon-danchuang-chenggong:before {
content: "\e6b1";
}
.fsicon-danchuang-cuowu:before {
content: "\e6b3";
}
.fsicon-danchuang-queren:before {
content: "\e6b2";
}
.fsicon-XDZdanchuang-xuanze:before {
content: "\e6b6";
}
.fsicon-ziyuan:before {
content: "\e619";
}
packages/assets/tax/font-icon/iconfont.eot

Sorry, the diff of this file is not supported yet

packages/assets/tax/font-icon/iconfont.js

Sorry, the diff of this file is too big to display

packages/assets/tax/font-icon/iconfont.svg

Sorry, the diff of this file is too big to display

packages/assets/tax/font-icon/iconfont.ttf

Sorry, the diff of this file is not supported yet

packages/assets/tax/font-icon/iconfont.woff

Sorry, the diff of this file is not supported yet

packages/assets/tax/font-icon/iconfont.woff2

Sorry, the diff of this file is not supported yet

+39
packages/assets/tax/font-icon/iconfontydt.css
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1542849317138'); /* IE9*/
src: url('iconfont.eot?t=1542849317138#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAzwAAsAAAAAE3QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZAM0u5Y21hcAAAAYAAAACIAAAB/OsbBU5nbHlmAAACCAAACIIAAAwoWSf1/GhlYWQAAAqMAAAALgAAADYTV4xHaGhlYQAACrwAAAAcAAAAJAfeA41obXR4AAAK2AAAAA8AAAAwMAAAAGxvY2EAAAroAAAAGgAAABoVYBHubWF4cAAACwQAAAAfAAAAIAEeALZuYW1lAAALJAAAAUUAAAJtPlT+fXBvc3QAAAxsAAAAgQAAAL0wjlgxeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxe7n15nLnhfwNDDHMDQwNQmBEkBwD76Q1teJztkcsNwkAMRN+SJQSWUjhTUE4URDvhD6nFVYSxTRlYeiN55N3DDLAGOnEQFcqJgs8ot4TfsQu/coyb6r7NyyKdXLXX0JVuq37s2TCw1bsmu+c/+9Dzb2ueXBJZXhLlh10T78Ruiadr98T7skeinLFnosSxV6LssXeiFrBP4j3anNC+4+8vLXicjVZrbBxXFb7nzu7s7uw8dnbnset9eWb24dibXe87tuN1/YgbNQ9i+RWbuKQJje2kBKIQVYhIUNEqCCQqI1FBq/CQK6H+aDdQpPQXDqLAP1JEBRJCAjU/kFIVAYWWH9mFc2fjPHhIlbzn3jvnu9fn3POdcy6hhPzrR9zvucOkQD5OiNexi1xjAlqQAtMwDRly+Vy+SHkFeMNMwQQ0KoamgAxgM02uBYhCRcXdVCtSm0HtXI0tKymq8S445CnOTznUsnb659fmrX1BqsQiNLAn1poZj+6UuUr9y9VKIBoOVPrnwFdasPYJLsKPiNlWrB2LxcoTOMkIiMlaC48vTDlO/zVr4VBmCg/sv9FvUcfad0SKcLI0MhiNQzS6U7tSr3Dlij8cDVTSFpgIOOoCRgejfX3RNju6jJNsIBwVMrZtTy0+vmC1LYcQ4sF7+TH3K26KiCRGsmSOELBLkKs1KmkwNN7nuti7DL5p4apRtXDFg1WEvNqCpoU3qGt4FeNQBMeyeZ+aAsQ0mnU8xEjitXCvysEdQU8w8UtZF24EE0z8sPOMomkK/YKsad3fdSP1WYDZOryHo5bSIGV2I3jjOMJ7OLJPs7Am7LDNTNzAA28IrriBSvzrPgGTZfrt8iTgqCiRCP76+iKdU0wq7H8p5cmez89z3+IuEJ00yAo5z3zO1YuAtjNH6ugVOqXxEcvOu6sW5Ou1ZotioJOgMR6Ymo9Hz3xJ4H0s9FTnDeZ0vlaEkksmdh0c3pFLHUacJiObTwa6LEiQaWRAikjQKhZbIL3bOZvTw1B2ZAEDuvjU555a3BuQnTKE9e7Wp7Y44ILxhKR5QTDpC6YAXk2Ox4P4+fnzk5txj09VPfr85rzuUVWfp+8sfUcK9A8N9QckKVCbAZipBaTO57VwKlGMBnOBN0br1WODg3Pro28I2WC0mEiFNXqFXjlzXRTkAU0TIgL1K4qf4kTTBmRBvH7myp1XYXIkoPp9/r3V2l4/RjkwMkWIH+9ym/szt+bm1Qa5RJ4hXyMvke+zHCt6PlqKsVv6qCnGMaIxYpk6Xv9DVHUYO8fAZeeDqOaDqOaDKM5TWprOgG3tWIufWLRGRAilDM4/EN0/PWbulGi59qVKRUC+VfrngR9eskeCoCYNzjcQHZ8ej7ajsdjwfszsDONk1l46iadlrLa99CckWyoCENmSgycYR1EsPc0Y+DTSEn62q755X714T70GmWlmzo5lQ8Ye+ZhieFR5355oDExzp/JstUxLFbap0m+DCY49cowhFIaIoU3jM/uHcZJlkKyVyUyjWXbbduB9Tdlk/wPFuHCCmczEZ3u502nf1z52X/tWT+vmzCvcT7llMkm2yFXyiltDc4zqPp4NGLRcM18EFqw0uCFsVlM4Ncxmw8ABo2f4MLwsiCVwY5k1jTTFdKq2YILiFtNA0cDTmo1aiWVdCamhIDlKFCniyKAw9uRzLoXS4OO1NEuoNDKsmUVEL2+RI8gMnOCyCLS24ZTAU8iWk1PhqhpOFHi+kFTVangqWc4WPFByHgKoyf8CdH8dHKxKPiO0rurgk6p7gkfklL/m98uznMfDzcp+XKTkwy4K9NBGyIUNBg/LaX8VYQeox0MPIKzqT8tgH1mndP1IT44eBTg66sqlklMPJ81QOLmSmgqnSqUUWrCaDIfMZLjuFDFNdvWr6YkI00ceSa/s6kvvBpyIdwEtBF1d8EacQNbnl1bR0GGlrxGXh9HCVcnvy/5fmBxv9CkMtoKWrtyz8Mg6jO+aiBJ7BuulN7nfclWSIhXkAesE9bzbJ+5VOpZrCrAUxe6AsbAwGPVmHoslltQ83er+4ZFFeFkUu6LlN46dOmb4LbErSS/D4kTn59dgbC9YhTG49tf4UO1ybahvGL/f2pYyUjfoVQrlckHxBruSI2/fmlikdKz9QWEMh8IH7b8V4pYVLxAebXyW+zR3mSgkTRySJwOkfNfW3a6lYumR8RqQgWheXa3l8mDpFoc/cFw/isDTf3SNKquhVbjt1tLOO3oyqcNtI5k0Om/Sb3TOcUzAYwNg2CbAQP4ygrlAhYErdz6sznA/gLh+50MjDhA3uIAeh86JWfrabGdBNQzVNE28U2bvVW6bO+3aWyN1zLND/9Ne1l7d61RZp3GwbeXxo+7Ua25/0jlHQ9vRH9bPzCq25iHW3Th/5y9Ty5QuT9GQO3ZeywwDDGdoqDeGZumThw89SWdzj658cvXR3D9barI/qYJTc/pmVVGUQqdxM8xNHqf0+GS3jYdM4LZuu7cd5nC0Lx48SenJgxcvlpdnMpmZ5XL3uppQ8S9u2we+IoVC0l3+fJ27xZ0nQ2Qf+mjnWQPABttoYsXmMaP1XvZiQIrYJVj30DX87OOx+mOcEIVR4yk5tbr8XDa3J38wmNBAmJj23G63b3umJwTQEsGD+T257HPLq0+wYqtp593FqTNrKzMBIyHsf3EZobhh+cX9QsIIzKysnekdB1gJgRVwpRtTtLtvpKto72kSJRkyipHZtRnfBFirKuw9YNw18IHSw9mYtVi6aKOZbaSoD3V5s8lq4K7lrklv3p+e6pnkyhcoFVWaeF0McWIQvhrUQ17Pd71hv7jw1pyonv7Prb0p98Xd7Sg7n6Eh8fUEVaO69zteb0gPdi8J4t+P3VwQqYp++dCvb3J/5DZIGD0bwvxoIeeO42vIcjsm5nPVYgXbNPislW9aPvbom0C/G02r0stwVDTzlvlQv73XovGtxD+8+EkHTbokSZfEEO2GZOHECUG+8z59e3W1U7hAb6O2941pe7hOnL594UKnsAotQRQ1EUAUBAmfTlKgN8BvguekrHQuCClp86yUKmxubHRu4uLsppSCu7q9+LH7C0nYZk+ibXx/fU8SrrL5VZy/JAnrbL4uSP8G04EU/wAAeJxjYGRgYADiIO0n+fH8Nl8ZuFkYQOCGjIoqgv7fwsLAXAPkcjAwgUQB7+8ICwAAeJxjYGRgYG7438AQw8IAAkCSkQEV8AAARxICdXicY2FgYGAhAQMABRAAMQAAAAAAAIwBBgGsAqADpgP4BFAExgUeBYoGFAAAeJxjYGRgYOBhWMXAwQACTEDMBYQMDP/BfAYAGuAB1QB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtTNsKwjAMTaZ2Wic48Afj1jUZLANrsO7r7RjiiwfOw7lCBRs8/EeDFe5wjwd0WOMRT+jxjA1eoL2Txl40KiU2eQR1T5OOzWWhOct1lLBWfnHisLA4NtLBblksknxPEs82it/MSSaqF7b1qH2LdqU02MvKuihX2NMM8AEM1TIjAAAA') format('woff'),
url('iconfont.ttf?t=1542849317138') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1542849317138#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-bangdingnashuiren:before { content: "\e9bd"; }
.icon-tuichu:before { content: "\e9be"; }
.icon-xiaoxi:before { content: "\e9bf"; }
.icon-jiebangnashuiren:before { content: "\e9c0"; }
.icon-shezhi:before { content: "\e9c1"; }
.icon-huanfu:before { content: "\e9c2"; }
.icon-xiugaibangdingshouji:before { content: "\e9c3"; }
.icon-xiugaimima:before { content: "\e9c4"; }
.icon-zhuxiao:before { content: "\e9c5"; }
.icon-yincangfuwuzhiyin:before { content: "\e9c6"; }
.icon-yindao:before { content: "\e9c7"; }
+11
packages/assets/tax/font-icon/ie8.css
@font-face {
font-family: "iconfont";
src: url(iconfont.eot);
src: url(iconfont.eot?#iefix) format('embedded-opentype'),
url(iconfont.woff) format('woff'),
url(iconfont.ttf) format('truetype'),
url(iconfont.svg#yhg) format('svg');
font-weight: normal;
font-style: normal;
}
packages/assets/tax/images/common/logintop.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/logo/logo_gd.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/12wyszxsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bsdt.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bsfw.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bsjdjjgxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bspj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bsrl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bszm.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bszn.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bszt.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bszx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/bzds.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/ccswspzcxjdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cgscx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cgssb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cktmssb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cktsgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/clfxsxxcj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cwbbcxjdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cxdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cxjmsbfsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cxjmxnhsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cxzx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/cykj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/czgc.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dbtx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/default.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/djxx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/djxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dkptfpsq.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dsbdskzysbba.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dwsbfsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dwscbsxxqr.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dygl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dzwscy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/dzzl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/erro.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fcjysb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/flzzyjjsx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fpcy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fpdk.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fpgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fply.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fprz.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fpsy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fpxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fpyj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/fssrtysbb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gdfb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/ggcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gnjs.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gnscgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grdkppwszmdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsdsdkdjsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsdsscjysdnssbbab.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsdsscjysdnssbbbb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsdswszmcxjdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsdszmhqdcy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsdszxsbab.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsdszxsbbb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsqgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/grsssscjysdnssbbcb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gtgshdddexxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gtgshscdjxxcj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gxhbs.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gzcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gzfw.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/gzsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/hdgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/hdzx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/hgjc.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/hsz.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/info.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/jcjc.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/jcjr.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/jckxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/jkcxjdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/kjywrdj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/lhjygrsbfsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/lhjyrjfjsqr.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/lsbsczcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/lsssdjnsrdj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nfts.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsd12wyszxsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nshd.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsjsq.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsrmyddc.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsrsqsq.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsrxq.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsrxx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nssbbab.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nssbbbb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nssbbcb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsxx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/nsxxztxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/pjdc.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/qjsk.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/qsxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/qtcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/qtfwsx_1.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/qtfwsx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/qybh.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/qyxx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/rdwt.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbcxdt.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbcxgr.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbcxjdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbfgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbfgrxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbfjfxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbfjsmxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbfsbcxjdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbfsbzf.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbjs_1.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbjs.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbqc.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbzf.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbzfdt.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbzfgs.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbzscx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sbztcl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sfsbjjn.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/skjn.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/smzxxck.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sscx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/ssjm.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sssxbl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sswscq.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sszcjjd.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sszjjgxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sszyfwjggl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/success.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/swdbgzjsq.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/swdjxxgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/swxzxk.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sxbl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sxjdbl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/sxjdcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/tsjj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/txfwdz.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/tzgg.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/warning.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wddb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wddy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wdtx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wdtxfwdz.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wdtz.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wdxx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wdzlk.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wfjb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wfwzxxcxl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/wydj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/xqgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/xsgzrsdgrsdsqssbb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/xyddcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/xydjcxkj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/xyfp.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/xzjj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/xzzq.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/ybtdsgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yhdjkpzdy.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yhgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yhscx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yhxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yhzx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yjsb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yjsk.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yshd.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yybs.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yydjap.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/yyfw.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zcfg.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zcsd.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zdzt.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zhxx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zhxxbg.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zmkj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zmxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zrrdj.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zrrdjxxcx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zrrxxpl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/ztbs.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zx.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zxfw.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zxjh.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zxsbab.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zxsbbb.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/png_icon/zzsdkpzgl.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/temp/photo01.png

Sorry, the diff of this file is not supported yet

packages/assets/tax/images/temp/png01.png

Sorry, the diff of this file is not supported yet

+64
packages/components/Breadcrumb/index.vue
<template>
<el-breadcrumb class="app-breadcrumb" separator="/">
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
<span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
</template>
<script>
import pathToRegexp from 'path-to-regexp'
export default {
data() {
return {
levelList: null
}
},
watch: {
$route() {
this.getBreadcrumb()
}
},
created() {
this.getBreadcrumb()
},
methods: {
getBreadcrumb() {
// only show routes with meta.title
let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
const first = matched[0]
if (!this.isDashboard(first)) {
matched = [{ path: '/dashboard', meta: { title: 'Dashboard' }}].concat(matched)
}
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
},
isDashboard(route) {
const name = route && route.name
if (!name) {
return false
}
return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
},
pathCompile(path) {
// To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
const { params } = this.$route
var toPath = pathToRegexp.compile(path)
return toPath(params)
},
handleLink(item) {
const { redirect, path } = item
if (redirect) {
this.$router.push(redirect)
return
}
this.$router.push(this.pathCompile(path))
}
}
}
</script>
+31
packages/components/Hamburger/index.vue
<template>
<div style="padding: 0 15px;" @click="toggleClick">
<svg
:class="{'is-active':isActive}"
class="hamburger"
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg"
width="64"
height="64"
>
<path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
</svg>
</div>
</template>
<script>
export default {
name: 'Hamburger',
props: {
isActive: {
type: Boolean,
default: false
}
},
methods: {
toggleClick() {
this.$emit('toggleClick')
}
}
}
</script>
+76
packages/components/RightPanel/index.vue
<template>
<div ref="rightPanel" :class="{show:show}" class="tax-app-rightPanel-container">
<div class="rightPanel-background" />
<div class="rightPanel">
<div
class="handle-button"
:style="{'top':buttonTop+'px'}"
@click="show=!show"
>
<i :class="`icon iconfont ${show?'fsicon-close':'fsicon-shezhi'}`" />
</div>
<div class="rightPanel-items">
<slot />
</div>
</div>
</div>
</template>
<script>
import { addClass, removeClass } from "@ttk/vue/lib/utils";
export default {
name: "RightPanel",
props: {
clickNotClose: {
default: false,
type: Boolean
},
buttonTop: {
default: 250,
type: Number
}
},
data() {
return {
show: false
};
},
watch: {
show(value) {
if (value && !this.clickNotClose) {
this.addEventClick();
}
if (value) {
addClass(document.body, "showRightPanel");
} else {
removeClass(document.body, "showRightPanel");
}
}
},
mounted() {
this.insertToBody();
},
beforeDestroy() {
const elx = this.$refs.rightPanel;
elx.remove();
},
methods: {
addEventClick() {
window.addEventListener("click", this.closeSidebar);
},
closeSidebar(evt) {
const parent = evt.target.closest(".rightPanel");
if (!parent) {
this.show = false;
window.removeEventListener("click", this.closeSidebar);
}
},
insertToBody() {
const elx = this.$refs.rightPanel;
const body = document.querySelector("body");
body.insertBefore(elx, body.firstChild);
}
}
};
</script>
+46
packages/components/SvgIcon/index.vue
<template>
<div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
<svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
<use :xlink:href="iconName" />
</svg>
</template>
<script>
// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
import { isExternal } from '@ttkv/utils/validate'
export default {
name: 'SvgIcon',
props: {
iconClass: {
type: String,
required: true
},
className: {
type: String,
default: ''
}
},
computed: {
isExternal() {
return isExternal(this.iconClass)
},
iconName() {
return `#icon-${this.iconClass}`
},
svgClass() {
if (this.className) {
return 'svg-icon ' + this.className
} else {
return 'svg-icon'
}
},
styleExternalIcon() {
return {
mask: `url(${this.iconClass}) no-repeat 50% 50%`,
'-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
}
}
}
}
</script>
+28
packages/components/TaxAppHeader/index.vue
<template>
<el-header class="tax-app-header" height="105">
<div class="logo">
<img
class="pic-404__child right"
src="@ttkv/packages/assets/tax/images/logo/logo_gd.png"
alt="404"
/>
</div>
</el-header>
</template>
<script>
export default {
name: "TaxAppHeader",
props: {
isActive: {
type: Boolean,
default: false
}
},
methods: {
// toggleClick() {
// this.$emit("toggleClick");
// }
}
};
</script>
+9
packages/index.js
import App from './App'
import Login from './views/login'
import NullPage from './views/404'
export default {
App,
Login,
NullPage
}
+18
packages/layout/components/AppMain.vue
<template>
<section class="app-main">
<transition name="fade-transform" mode="out-in">
<router-view :key="key" />
</transition>
</section>
</template>
<script>
export default {
name: 'AppMain',
computed: {
key() {
return this.$route.path
}
}
}
</script>
+3
packages/layout/components/index.js
export { default as Navbar } from './Navbar'
export { default as Sidebar } from './Sidebar'
export { default as AppMain } from './AppMain'
+60
packages/layout/components/Navbar.vue
<template>
<div class="navbar">
<hamburger :is-active="tax_sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
<breadcrumb class="breadcrumb-container" />
<div class="right-menu">
<el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper">
<img :src="tax_avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
<i class="el-icon-caret-bottom" />
</div>
<el-dropdown-menu slot="dropdown" class="user-dropdown">
<router-link to="/">
<el-dropdown-item>
Home222222
</el-dropdown-item>
</router-link>
<a target="_blank" href="https://github.com/PanJiaChen/vue-admin-template/">
<el-dropdown-item>1111Github</el-dropdown-item>
</a>
<a target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/#/">
<el-dropdown-item>Docs</el-dropdown-item>
</a>
<el-dropdown-item divided>
<span style="display:block;" @click="logout">Log Out</span>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import Breadcrumb from '../../components/Breadcrumb'
import Hamburger from '../../components/Hamburger'
export default {
components: {
Breadcrumb,
Hamburger
},
computed: {
...mapGetters([
'tax_sidebar',
'tax_avatar'
])
},
methods: {
toggleSideBar() {
this.$store.dispatch('app/toggleSideBar')
},
async logout() {
await this.$store.dispatch('user/logout')
this.$router.push(`/login?redirect=${this.$route.fullPath}`)
}
}
}
</script>
+108
packages/layout/components/Settings/index.vue
<template>
<div class="drawer-container">
<div>
<h3 class="drawer-title">Page style setting</h3>
<div class="drawer-item">
<span>Theme Color</span>
<theme-picker style="float: right;height: 26px;margin: -3px 8px 0 0;" @change="themeChange" />
</div>
<div class="drawer-item">
<span>Open Tags-View</span>
<el-switch v-model="tagsView" class="drawer-switch" />
</div>
<div class="drawer-item">
<span>Fixed Header</span>
<el-switch v-model="fixedHeader" class="drawer-switch" />
</div>
<div class="drawer-item">
<span>Sidebar Logo</span>
<el-switch v-model="sidebarLogo" class="drawer-switch" />
</div>
</div>
</div>
</template>
<script>
import ThemePicker from '@/components/ThemePicker'
export default {
components: { ThemePicker },
data() {
return {}
},
computed: {
fixedHeader: {
get() {
return this.$store.state.settings.fixedHeader
},
set(val) {
this.$store.dispatch('settings/changeSetting', {
key: 'fixedHeader',
value: val
})
}
},
tagsView: {
get() {
return this.$store.state.settings.tagsView
},
set(val) {
this.$store.dispatch('settings/changeSetting', {
key: 'tagsView',
value: val
})
}
},
sidebarLogo: {
get() {
return this.$store.state.settings.sidebarLogo
},
set(val) {
this.$store.dispatch('settings/changeSetting', {
key: 'sidebarLogo',
value: val
})
}
}
},
methods: {
themeChange(val) {
this.$store.dispatch('settings/changeSetting', {
key: 'theme',
value: val
})
}
}
}
</script>
<style lang="scss" scoped>
.drawer-container {
padding: 24px;
font-size: 14px;
line-height: 1.5;
word-wrap: break-word;
.drawer-title {
margin-bottom: 12px;
color: rgba(0, 0, 0, .85);
font-size: 14px;
line-height: 22px;
}
.drawer-item {
color: rgba(0, 0, 0, .65);
font-size: 14px;
padding: 12px 0;
}
.drawer-switch {
float: right
}
}
</style>
+26
packages/layout/components/Sidebar/FixiOSBug.js
export default {
computed: {
device() {
return this.$store.state.tax_app.device
}
},
mounted() {
// In order to fix the click on menu on the ios device will trigger the mouseleave bug
// https://github.com/PanJiaChen/vue-element-admin/issues/1135
this.fixBugIniOS()
},
methods: {
fixBugIniOS() {
const $subMenu = this.$refs.subMenu
if ($subMenu) {
const handleMouseleave = $subMenu.handleMouseleave
$subMenu.handleMouseleave = (e) => {
if (this.device === 'mobile') {
return
}
handleMouseleave(e)
}
}
}
}
}
+58
packages/layout/components/Sidebar/index.vue
<template>
<div class="tax-app-sidebar has-logo">
<logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar wrap-class="scrollbar-wrapper">
<el-menu
:default-active="activeMenu"
:collapse="isCollapse"
:background-color="variables.menuBg"
:text-color="variables.menuText"
:unique-opened="false"
:active-text-color="variables.menuActiveText"
:collapse-transition="false"
mode="vertical"
>
<sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
</el-menu>
</el-scrollbar>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import Logo from './Logo'
import SidebarItem from './SidebarItem'
export default {
components: { SidebarItem, Logo },
computed: {
...mapGetters([
'tax_sidebar'
]),
routes() {
console.log('jjjjjeeeeeeeeee', this.$router.options.routes);
return this.$router.options.routes
},
activeMenu() {
const route = this.$route
const { meta, path } = route
// if set path, the sidebar will highlight the path you set
if (meta.activeMenu) {
return meta.activeMenu
}
return path
},
showLogo() {
return this.$store.state.tax_settings.sidebarLogo
},
variables() {
return "variables css"
},
isCollapse() {
return false//!this.tax_sidebar.opened
}
}
}
</script>
+30
packages/layout/components/Sidebar/Item.vue
<script>
export default {
name: 'MenuItem',
functional: true,
props: {
icon: {
type: String,
default: ''
},
title: {
type: String,
default: ''
}
},
render(h, context) {
const { icon, title } = context.props
const vnodes = []
if (icon) {
// vnodes.push(<svg-icon icon-class={icon}/>)
vnodes.push(<i class={`el-icon-${icon}`}></i>)
}
if (title) {
vnodes.push(<span slot='title'>{(title)}</span>)
}
return vnodes
}
}
</script>
+36
packages/layout/components/Sidebar/Link.vue
<template>
<!-- eslint-disable vue/require-component-is -->
<component v-bind="linkProps(to)">
<slot />
</component>
</template>
<script>
import { isExternal } from '@ttk/vue/lib/utils/validate'
export default {
props: {
to: {
type: String,
required: true
}
},
methods: {
linkProps(url) {
if (isExternal(url)) {
return {
is: 'a',
href: url,
target: '_blank',
rel: 'noopener'
}
}
return {
is: 'router-link',
to: url
}
}
}
}
</script>
+32
packages/layout/components/Sidebar/Logo.vue
<template>
<div class="tax-app-sidebar-logo-container" :class="{'collapse':collapse}">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo">
<h1 v-else class="sidebar-title">{{ title }} </h1>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo">
<h1 class="sidebar-title">{{ title }} </h1>
</router-link>
</transition>
</div>
</template>
<script>
export default {
name: 'SidebarLogo',
props: {
collapse: {
type: Boolean,
required: true
}
},
data() {
return {
title: 'Tax APP',
logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'
}
}
}
</script>
+95
packages/layout/components/Sidebar/SidebarItem.vue
<template>
<div v-if="!item.hidden" class="menu-wrapper">
<template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
<item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
</el-menu-item>
</app-link>
</template>
<el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
<template slot="title">
<item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
</template>
<sidebar-item
v-for="child in item.children"
:key="child.path"
:is-nest="true"
:item="child"
:base-path="resolvePath(child.path)"
class="nest-menu"
/>
</el-submenu>
</div>
</template>
<script>
import path from 'path'
import { isExternal } from '@ttk/vue/lib/utils/validate'
import Item from './Item'
import AppLink from './Link'
import FixiOSBug from './FixiOSBug'
export default {
name: 'SidebarItem',
components: { Item, AppLink },
mixins: [FixiOSBug],
props: {
// route object
item: {
type: Object,
required: true
},
isNest: {
type: Boolean,
default: false
},
basePath: {
type: String,
default: ''
}
},
data() {
// To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
// TODO: refactor with render function
this.onlyOneChild = null
return {}
},
methods: {
hasOneShowingChild(children = [], parent) {
const showingChildren = children.filter(item => {
if (item.hidden) {
return false
} else {
// Temp set(will be used if only has one showing child)
this.onlyOneChild = item
return true
}
})
// When there is only one child router, the child router is displayed by default
if (showingChildren.length === 1) {
return true
}
// Show parent if there are no child router to display
if (showingChildren.length === 0) {
this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }
return true
}
return false
},
resolvePath(routePath) {
if (isExternal(routePath)) {
return routePath
}
if (isExternal(this.basePath)) {
return this.basePath
}
return path.resolve(this.basePath, routePath)
}
}
}
</script>
+77
packages/layout/index.vue
<template>
<div :class="classObj" class="app-wrapper">
<tax-app-header :class="{'fixed-header':fixedHeader}" />
<div class="main-container">
<sidebar class="sidebar-container" />
<app-main />
<right-panel v-if="showSettings">
<!-- <settings /> -->
</right-panel>
</div>
<!-- <sidebar class="sidebar-container" />
<div class="main-container">
<div :class="{'fixed-header':fixedHeader}">
<navbar />
</div>
</div>-->
</div>
</template>
<script>
import RightPanel from "@ttk/vue/packages/components/RightPanel";
import TaxAppHeader from "@ttk/vue/packages/components/TaxAppHeader";
import {
Settings,
Sidebar,
AppMain,
TagsView
} from "@ttk/vue/packages/layout/components";
import { mapState } from "vuex";
// import ResizeMixin from '@ttk/vue/packages/layout/mixin/ResizeHandler'
// const{ Navbar, Sidebar, AppMain } = import('@ttk/vue/packages/layout/components')
// const ResizeMixin = import('@ttk/vue/packages/layout/mixin/ResizeHandler')
export default {
name: "Layout",
components: {
RightPanel,
TaxAppHeader,
Settings,
Sidebar,
AppMain,
TagsView
},
// mixins: [ResizeMixin],
computed: {
...mapState({
sidebar: state => state.tax_app.sidebar,
device: state => state.tax_app.device,
showSettings: state => state.tax_settings.showSettings,
needTagsView: state => state.tax_settings.tagsView,
fixedHeader: state => state.tax_settings.fixedHeader
}),
sidebar() {
return this.$store.state.tax_app.sidebar;
},
device() {
return this.$store.state.tax_app.device;
},
fixedHeader() {
return this.$store.state.tax_settings.fixedHeader;
},
classObj() {
return {
hideSidebar: false, // !this.sidebar.opened,
openSidebar: this.sidebar.opened,
withoutAnimation: this.sidebar.withoutAnimation,
mobile: this.device === "mobile"
};
}
},
methods: {
handleClickOutside() {
this.$store.dispatch("app/closeSideBar", { withoutAnimation: false });
}
}
};
</script>
+45
packages/layout/mixin/ResizeHandler.js
import { store } from '@ttk/vue'
const { body } = document
const WIDTH = 992 // refer to Bootstrap's responsive design
export default {
watch: {
$route(route) {
if (this.device === 'mobile' && this.sidebar.opened) {
store.dispatch('app/closeSideBar', { withoutAnimation: false })
}
}
},
beforeMount() {
window.addEventListener('resize', this.$_resizeHandler)
},
beforeDestroy() {
window.removeEventListener('resize', this.$_resizeHandler)
},
mounted() {
const isMobile = this.$_isMobile()
if (isMobile) {
store.dispatch('app/toggleDevice', 'mobile')
store.dispatch('app/closeSideBar', { withoutAnimation: true })
}
},
methods: {
// use $_ for mixins properties
// https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
$_isMobile() {
const rect = body.getBoundingClientRect()
return rect.width - 1 < WIDTH
},
$_resizeHandler() {
if (!document.hidden) {
const isMobile = this.$_isMobile()
store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
if (isMobile) {
store.dispatch('app/closeSideBar', { withoutAnimation: true })
}
}
}
}
}
+79
packages/styles/base/element-ui.scss
// 覆盖部分tax-group-ui的样式
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
font-weight: 400 !important;
}
.el-upload {
input[type="file"] {
display: none !important;
}
}
.el-upload__input {
display: none;
}
.cell {
.el-tag {
margin-right: 0px;
}
}
.small-padding {
.cell {
padding-left: 5px;
padding-right: 5px;
}
}
.fixed-width {
.el-button--mini {
padding: 7px 10px;
width: 60px;
}
}
.status-col {
.cell {
padding: 0 10px;
text-align: center;
.el-tag {
margin-right: 0px;
}
}
}
// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
transform: none;
left: 0;
position: relative;
margin: 0 auto;
}
// refine element ui upload
.upload-container {
.el-upload {
width: 100%;
.el-upload-dragger {
width: 100%;
height: 200px;
}
}
}
// dropdown
.el-dropdown-menu {
a {
display: block
}
}
// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
display: inline-flex !important;
}
+31
packages/styles/base/element-variables.scss
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
$--color-primary: #53acf3;
$--color-success: #13ce66;
$--color-warning: #FFBA00;
$--color-danger : #FF5722;
// $--color-info: #1E1E1E;
$--button-font-weight: 400;
// $--color-text-regular: #1f2d3d;
$--border-color-light : #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border:1px solid#dfe6ec;
/* icon font path, required */
$--font-path: '~tax-group-ui/lib/theme-chalk/fonts';
@import "~tax-group-ui/packages/theme-chalk/src/index";
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
theme : $--color-primary;
}
+66
packages/styles/base/index.scss
@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
body {
height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
background: red;
}
label {
font-weight: 700;
}
html {
height: 100%;
box-sizing: border-box;
}
#app {
height: 100%;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
a:focus,
a:active {
outline: none;
}
a,
a:focus,
a:hover {
cursor: pointer;
color: inherit;
text-decoration: none;
}
div:focus {
outline: none;
}
.clearfix {
&:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
}
// main-container global css
.app-container {
padding: 20px;
}
+28
packages/styles/base/mixin.scss
@mixin clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@mixin scrollBar {
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
@mixin relative {
position: relative;
width: 100%;
height: 100%;
}
+214
packages/styles/base/sidebar.scss
#app {
.sidebar-container {
transition: width 0.28s;
width: $sideBarWidth !important;
height: calc(100% - #{$headerHeight});
position: fixed;
font-size: 0px;
// top : 0;
// bottom : 0;
left: 0;
z-index: 1001;
overflow: hidden;
box-sizing: border-box;
// reset element-ui css
.horizontal-collapse-transition {
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
.scrollbar-wrapper {
overflow-x: hidden !important;
}
.el-scrollbar__bar.is-vertical {
right: 0px;
}
.el-scrollbar {
height: 100%;
}
&.has-logo {
.el-scrollbar {
height: 100%;
}
}
.is-horizontal {
display: none;
}
a {
display: inline-block;
width: 100%;
overflow: hidden;
text-decoration: none;
}
.svg-icon {
margin-right: 16px;
color: #cccccc;
}
.el-menu {
border: none;
height: 100%;
width: 100% !important;
}
// menu hover
.submenu-title-noDropdown,
.el-submenu__title {
border-bottom: 1px #ccc dashed;
height: $sideBarItemHeight;
line-height: 45px;
&:hover {
background-color: $menuHover !important;
color: $menuHoverText;
}
}
.is-active {
background-color: $menuActiveBg !important;
}
.is-active > .el-submenu__title {
color: $subMenuActiveText !important;
box-shadow: 0px 5px 5px #cccccc;
}
& .nest-menu .el-submenu > .el-submenu__title,
& .el-submenu .el-menu-item {
min-width: $sideBarWidth !important;
height: $sideBarItemHeight;
// background-color: $subMenuBg !important;
border-bottom: 1px #ccc dashed;
&:hover {
background-color: $subMenuHover !important;
}
}
}
.hideSidebar {
.sidebar-container {
width: 54px !important;
}
.main-container {
margin-left: 54px;
}
.submenu-title-noDropdown {
padding: 0 !important;
position: relative;
.el-tooltip {
padding: 0 !important;
.svg-icon {
margin-left: 20px;
}
}
}
.el-submenu {
overflow: hidden;
& > .el-submenu__title {
padding: 0 !important;
.svg-icon {
margin-left: 20px;
}
.el-submenu__icon-arrow {
display: none;
}
}
}
.el-menu--collapse {
.el-submenu {
& > .el-submenu__title {
& > span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
}
}
}
}
}
.el-menu--collapse .el-menu .el-submenu {
min-width: $sideBarWidth !important;
}
// mobile responsive
.mobile {
.main-container {
margin-left: 0px;
}
.sidebar-container {
transition: transform 0.28s;
width: $sideBarWidth !important;
}
&.hideSidebar {
.sidebar-container {
pointer-events: none;
transition-duration: 0.3s;
transform: translate3d(-$sideBarWidth, 0, 0);
}
}
}
.withoutAnimation {
.main-container,
.sidebar-container {
transition: none;
}
}
}
// when menu collapsed
.el-menu--vertical {
& > .el-menu {
.svg-icon {
margin-right: 16px;
}
}
.nest-menu .el-submenu > .el-submenu__title,
.el-menu-item {
&:hover {
// you can use $subMenuHover
background-color: $menuHover !important;
}
}
// the scroll bar appears when the subMenu is too long
> .el-menu--popup {
max-height: 100vh;
overflow-y: auto;
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
}
+48
packages/styles/base/transition.scss
// global transition css
/* fade */
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.28s;
}
.fade-enter,
.fade-leave-active {
opacity: 0;
}
/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
transition: all .5s;
}
.fade-transform-enter {
opacity: 0;
transform: translateX(-30px);
}
.fade-transform-leave-to {
opacity: 0;
transform: translateX(30px);
}
/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
transition: all .5s;
}
.breadcrumb-enter,
.breadcrumb-leave-active {
opacity: 0;
transform: translateX(20px);
}
.breadcrumb-move {
transition: all .5s;
}
.breadcrumb-leave-active {
position: absolute;
}
+43
packages/styles/base/variables.scss
// base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;
// sidebar
$menuText: #333333;
$menuHoverText: #108ee9;
$menuActiveText: #3e9be5;
$subMenuActiveText: #333333; // https://github.com/ElemeFE/element/issues/12951
$menuActiveBg: #eaf4ff;
$menuBg: #fff;
$menuHover: #eaf4ff;
$subMenuBg: #ffffff; // 活动二级菜单
$subMenuHover: #eaf4ff; // 活动二级菜单 hover
$headerHeight: 105px;
$sideBarWidth: 210px;
$sideBarItemHeight: 45px;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
menuText: $menuText;
menuHoverText: $menuHoverText;
menuActiveText: $menuActiveText;
subMenuActiveText: $subMenuActiveText;
menuActiveBg: $menuActiveBg;
menuBg: $menuBg;
menuHover: $menuHover;
subMenuBg: $subMenuBg;
subMenuHover: $subMenuHover;
headerHeight: $headerHeight;
sideBarWidth: $sideBarWidth;
sideBarItemHeight: $sideBarItemHeight;
}
+12
packages/styles/components/tax-app-header.scss
.tax-app-header {
position: fixed;
top: 0;
width: 100%;
z-index: 2;
padding: 10px 20px;
background-repeat: no-repeat;
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
background-color: #1d82d8;
background-position: right;
background-image: url("~@ttkv/packages/assets/tax/images/common/logintop.png");
}
+65
packages/styles/components/tax-app-right-panel.scss
.tax-app-rightpanel-container {
.showRightPanel {
overflow: hidden;
position: relative;
width: calc(100% - 15px);
}
.rightPanel-background {
position: fixed;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
background: rgba(0, 0, 0, 0.2);
z-index: -1;
}
.rightPanel {
width: 100%;
max-width: 260px;
height: 100vh;
position: fixed;
top: 0;
right: 0;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
transform: translate(100%);
background: #fff;
z-index: 40000;
}
.show {
transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
.rightPanel-background {
z-index: 20000;
opacity: 1;
width: 100%;
height: 100%;
}
.rightPanel {
transform: translate(0);
}
}
.handle-button {
width: 48px;
height: 48px;
position: absolute;
left: -48px;
text-align: center;
font-size: 24px;
border-radius: 6px 0 0 6px !important;
z-index: 0;
pointer-events: auto;
cursor: pointer;
color: #fff;
line-height: 48px;
i {
font-size: 24px;
line-height: 48px;
}
}
}
packages/styles/home.scss
+22
packages/styles/index.scss
@import './base/element-variables.scss';
@import './base/variables.scss';
@import './base/mixin.scss';
@import './base/transition.scss';
@import './base/element-ui.scss';
@import './base/sidebar.scss';
// 组件样式
@import './components/tax-app-header.scss';
// 页面框架
@import './layout.scss';
// 页面样式
@import './views/login.scss';
$bg: #f1f1f1;
#app{
background-color: $bg;
height: 100vh;
width: 100vw;
}
+87
packages/styles/layout.scss
.app-wrapper {
@include clearfix;
height: 100%;
width: 100%;
position: relative;
top: 0;
overflow: scroll;
.main-container {
min-height: 100%;
transition: margin-left 0.28s;
margin-left: $sideBarWidth;
position: relative;
margin-top: $headerHeight;
margin-right: 10px;
padding-top: 10px;
.sidebar-container {
padding: 10px;
}
.app-main {
/* 50= navbar 50 */
min-height: calc(100vh - 50px);
width: 100%;
position: relative;
overflow: hidden;
}
.fixed-header {
position: fixed;
top: 0;
right: 0;
z-index: 2;
// width : calc(100% - #{$sideBarWidth});
width: 100%;
transition: width 0.28s;
}
.tax-app-sidebar-logo-container {
z-index: 1;
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
background: #74b1ee;
text-align: center;
overflow: hidden;
& .sidebar-logo-link {
height: 100%;
width: 100%;
& .sidebar-logo {
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-title {
display: inline-block;
margin: 0;
color: #fff;
font-weight: 600;
line-height: 50px;
font-size: 14px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
}
&.collapse {
.sidebar-logo {
margin-right: 0px;
}
}
}
}
// .drawer-bg {
// background: #000;
// opacity : 0.3;
// width : 100%;
// top : 0;
// height : 100%;
// position : absolute;
// z-index : 999;
// }
}
+114
packages/styles/views/login.scss
.tax-app-login-container {
min-height : 100%;
width : 100%;
overflow : auto;
display : flex;
flex-direction: column;
flex : auto;
.header {
padding : 10px 20px;
background-repeat : no-repeat;
box-shadow : 0 1px 4px rgba(0, 21, 41, 0.08);
background-color : #1d82d8;
background-position: right;
background-image : url("~@ttkv/packages/assets/tax/images/common/logintop.png");
}
.main {
flex : 1;
flex-direction: row;
position : relative;
overflow : hidden;
padding : 0;
min-height : 700px;
.carousel-container {
position: absolute;
width : 100%;
height : 100%;
.carousel-item {
height: 100%;
img {
// width : 1009px;
// height : 263px;
position : absolute;
top : 50%;
left : 50%;
padding-right : 600px;
transform : translate(-50%, -50%);
}
}
}
.form-border {
position : absolute;
width : 600px;
max-width: 100%;
padding : 0px 0 0 500px;
margin : 0 auto;
overflow : hidden;
z-index : 2;
transform: translate(-50%, -50%);
top : 50%;
left : 50%;
.login-form {
border : 1px #cccccc solid;
padding : 20px;
border-radius : 15px;
background-color: rgba(255, 255, 255, 0.6);
.tips {
font-size : 14px;
color : rgba(30, 28, 56, 0.815);
margin-bottom: 10px;
span {
&:first-of-type {
margin-right: 16px;
}
}
}
}
}
}
.footer {
padding : 15px;
background-color: #fff;
border-top : 1px #cccccc solid;
text-align : center;
color : #ccc;
}
.el-carousel__item h3 {
color : #475669;
font-size : 14px;
opacity : 0.75;
line-height: 150px;
margin : 0;
}
.el-carousel__container {
height: inherit;
}
.el-carousel__item:nth-child(2n) {
background-color: #f7f5ee;
}
.el-carousel__item:nth-child(2n + 1) {
background-color: #d3dce6;
}
.el-carousel__indicator .el-carousel__button {
background-color: #889aa4;
}
.el-carousel__indicator.is-active .el-carousel__button {
background-color: #283443;
}
}
+40
packages/views/404.vue
<template>
<div class="wscn-http404-container">
<div class="wscn-http404">
<div class="pic-404">
<img class="pic-404__parent" src="../assets/404_images/404.png" alt="404">
<img class="pic-404__child left" src="../assets/404_images/404_cloud.png" alt="404">
<img class="pic-404__child mid" src="../assets/404_images/404_cloud.png" alt="404">
<img class="pic-404__child right" src="../assets/404_images/404_cloud.png" alt="404">
</div>
<div class="bullshit">
<div class="bullshit__oops">OOPS!</div>
<div class="bullshit__info">All rights reserved
<a style="color:#20a0ff" href="https://gitlab.foresee.com.cn" target="_blank">wallstreetcn</a>
</div>
<div class="bullshit__headline">{{ message }}</div>
<div class="bullshit__info">Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>
<a href="" class="bullshit__return-home">Back to home</a>
<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="info">信息按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'Page404',
computed: {
message() {
return 'The webmaster said that you can not enter this page...'
}
}
}
</script>
+216
packages/views/login/index.vue
<template>
<el-container class="tax-app-login-container">
<el-header class="header" height="105px">
<div class="logo">
<img
class="pic-404__child right"
src="@ttkv/packages/assets/tax/images/logo/logo_gd.png"
alt="404"
/>
</div>
</el-header>
<el-main class="main">
<el-carousel class="carousel-container">
<el-carousel-item v-for="item in 4" :key="item">
<div class="carousel-item">
<img src="http://test.aierp.cn:8089//vendor/img/login/login-bg-1.png" />
</div>
</el-carousel-item>
</el-carousel>
<div class="form-border">
<el-form
ref="loginForm"
:model="loginForm"
:rules="loginRules"
class="login-form"
autocomplete="on"
label-position="left"
>
<div class="title-container">
<h3 class="title">登 录</h3>
</div>
<el-form-item prop="loginName">
<span class="svg-container">
<!-- <svg-icon icon-class="user" /> -->
</span>
<el-input
ref="loginName"
v-model="loginForm.loginName"
placeholder="Username"
name="loginName"
type="text"
tabindex="1"
autocomplete="on"
/>
</el-form-item>
<el-tooltip v-model="capsTooltip" content="Caps lock is On" placement="right" manual>
<el-form-item prop="password">
<span class="svg-container">
<!-- <svg-icon icon-class="password" /> -->
</span>
<el-input
:key="passwordType"
ref="password"
v-model="loginForm.password"
:type="passwordType"
placeholder="Password"
name="password"
tabindex="2"
autocomplete="on"
@keyup.native="checkCapslock"
@blur="capsTooltip = false"
@keyup.enter.native="handleLogin"
/>
<span class="show-pwd" @click="showPwd">
<!-- <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" /> -->
</span>
</el-form-item>
</el-tooltip>
<el-button
:loading="loading"
type="primary"
style="width:100%;margin-bottom:30px;"
@click.native.prevent="handleLogin"
>Login</el-button>
</el-form>
</div>
</el-main>
<el-footer class="footer">金财管家v1.0.45.3083 版权所有 © 2018 金财互联数据服务有限公司 粤ICP备14007298号</el-footer>
<el-dialog title="Or connect with" :visible.sync="showDialog">
Can not be simulated on local, so please combine you own business simulation! ! !
<br />
<br />
<br />
<social-sign />
</el-dialog>
</el-container>
</template>
<script>
import { validPhone } from "@ttkv/lib/utils/validate";
export default {
name: "Login",
data() {
const validateUsername = (rule, value, callback) => {
if (!validPhone(value)) {
callback(new Error("请输入正确的用户名"));
} else {
callback();
}
};
const validatePassword = (rule, value, callback) => {
if (value.length < 6) {
callback(new Error("The password can not be less than 6 digits"));
} else {
callback();
}
};
return {
loginForm: {
loginName: "13760749780",
password: "Lq123456",
remember: true
},
loginRules: {
loginName: [
{ required: true, trigger: "blur", validator: validateUsername }
],
password: [
{ required: true, trigger: "blur", validator: validatePassword }
]
},
passwordType: "password",
capsTooltip: false,
loading: false,
showDialog: false,
redirect: undefined,
otherQuery: {}
};
},
watch: {
$route: {
handler: function(route) {
const query = route.query;
if (query) {
this.redirect = query.redirect;
this.otherQuery = this.getOtherQuery(query);
}
},
immediate: true
}
},
methods: {
checkCapslock({ shiftKey, key } = {}) {
if (key && key.length === 1) {
if (
(shiftKey && (key >= "a" && key <= "z")) ||
(!shiftKey && (key >= "A" && key <= "Z"))
) {
this.capsTooltip = true;
} else {
this.capsTooltip = false;
}
}
if (key === "CapsLock" && this.capsTooltip === true) {
this.capsTooltip = false;
}
},
showPwd() {
if (this.passwordType === "password") {
this.passwordType = "";
} else {
this.passwordType = "password";
}
this.$nextTick(() => {
this.$refs.password.focus();
});
},
handleLogin() {
this.$refs.loginForm.validate(valid => {
if (valid) {
this.loading = true;
this.$store
.dispatch("tax_user/login", this.loginForm)
.then(() => {
this.$router.push({
path: this.redirect || "/",
query: this.otherQuery
});
this.loading = false;
})
.catch(() => {
this.loading = false;
});
} else {
console.log("error submit!!");
return false;
}
});
},
getOtherQuery(query) {
return Object.keys(query).reduce((acc, cur) => {
if (cur !== "redirect") {
acc[cur] = query[cur];
}
return acc;
}, {});
},
register() {
const parent = window.parent;
if (!parent) return;
parent.postMessage &&
parent.postMessage(
JSON.stringify({
type: "new-tag",
tabName: window.document.title, // 标签标题
link: "http://www.baidu.com" // 目标页面
}),
// 父级域名
"http://localhost:8003"
);
}
}
};
</script>
+98
README.md
# @ttk/vue
> 这是一个基于 Vue+Vuex+Vue-router 进行封装的业务基础框架，默认提供登录，还有常用的API。支持路由覆盖，及去中心化等特点，开发者无需关注框架的实现，只需按Vue+Vuex开发规范进行数据绑定即可。
>
目前版本为 `v0.1` 基于 `vue-cli` 进行构建，它依赖 vue-cli.
## 框架特点
- 去中心化，路由和页面store的操作都统一写在在一个文件夹下，代码结构更清晰，一个页面一个文件夹。
- 支持路由覆盖，业务代码中定义与框架中相同名称的路由名称即可覆盖框架路由。
- 支持重写框架的view层，无需修改store，复用框架中的store。
- 封装了部分常用接口，开发者可以直接使用，也可以自己重新写。
- 保留vue原有特性和数据操作的方法，降低框架学习成本
- UI在Element-UI V2.12的基础上进行了2次封装，继承Eleemnt-UI所有特性
- 提供一些常用工具集，如日期格式化，phone校验，ajax封装等。
- 自带mock和eslint，无需再配置
## 相关项目
[@ttk/vue](https://github.com/fx-mobile/@ttk/vue)
[tax-group-demo](https://github.com/fx-mobile/tax-group-demo)
[@ttk/vue-ui](https://github.com/fx-mobile/vue-ui)
## 使用实例
```bash
# 克隆项目
git clone https://github.com/laogong5i0/tax-group-demo
# 进入项目目录
cd tax-group-demo
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev
```
## 发布
```bash
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod
```
## 其它
```bash
# 预览发布环境效果
npm run preview
# 预览发布环境效果 + 静态资源分析
npm run preview -- --report
# 代码格式检查
npm run lint
# 代码格式检查并自动修复
npm run lint -- --fix
```
更多信息请参考 `待更新：使用文档`
## Demo
`demo`
## Browsers support
Modern browsers and Internet Explorer 10+.
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| --------- | --------- | --------- | --------- |
| IE>=9, Edge| last 2 versions| last 2 versions| last 2 versions
## License
[MIT](https://github.com/fx-mobile/tax-group-demo/blob/master/LICENSE) license.
Copyright (c) 2017-present PanJiaChen
+72
-6
package.json
{
"name": "@ttk/vue",
"version": "1.0.1",
"description": "",
"main": "index.js",
"version": "1.0.2",
"main": "lib/index.js",
"module": "lib/index.js",
"license": "MIT",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
"dev": "cross-env babel src --watch --out-dir lib",
"build:lib": "rimraf lib && cross-env BABEL_ENV=utils babel src --out-dir lib",
"publish": "npm publish",
"lint": "eslint --fix packages",
"preview": "node build/index.js --preview",
"---------build:libvue": "vue-cli-service build --target lib --name src --filename index src/index.js",
"---------build:views": "vue-cli-service build --no-clean --target lib --name views --filename index packages/index.js",
"--------copy": "babel src --out-dir lib --copy-files",
"--------dist": "rimraf views && yarn build:views && npm run build:lib"
},
"author": "",
"license": "ISC"
"files": [
"lib",
"packages"
],
"style": "views/index.css",
"dependencies": {
"path-to-regexp": "^3.1.0",
"tax-group-ui": "^0.0.1",
"vue": "^2.6.10",
"vue-router": "^3.1.3",
"vuex": "^3.1.1"
},
"devDependencies": {
"@babel/cli": "^7.6.2",
"@babel/core": "^7.6.2",
"@babel/plugin-proposal-class-properties": "^7.5.5",
"@babel/plugin-proposal-decorators": "^7.6.0",
"@babel/plugin-proposal-do-expressions": "^7.6.0",
"@babel/plugin-proposal-export-default-from": "^7.5.2",
"@babel/plugin-proposal-export-namespace-from": "^7.5.2",
"@babel/plugin-proposal-function-bind": "^7.2.0",
"@babel/plugin-proposal-function-sent": "^7.5.0",
"@babel/plugin-proposal-json-strings": "^7.2.0",
"@babel/plugin-proposal-logical-assignment-operators": "^7.2.0",
"@babel/plugin-proposal-nullish-coalescing-operator": "^7.4.4",
"@babel/plugin-proposal-numeric-separator": "^7.2.0",
"@babel/plugin-proposal-optional-chaining": "^7.6.0",
"@babel/plugin-proposal-pipeline-operator": "^7.5.0",
"@babel/plugin-proposal-throw-expressions": "^7.2.0",
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/plugin-syntax-import-meta": "^7.2.0",
"@babel/plugin-transform-runtime": "^7.6.2",
"@babel/preset-env": "^7.6.2",
"@babel/preset-stage-2": "^7.0.0",
"@vue/cli-service": "^3.11.0",
"babel-eslint": "^10.0.3",
"babel-loader": "^8.0.6",
"core-js": "^3.2.1",
"cp-cli": "^2.0.0",
"cross-env": "^6.0.3",
"css-loader": "^3.2.0",
"eslint": "^6.5.1",
"eslint-config-standard": "^14.1.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-node": "^10.0.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.1",
"eslint-plugin-vue": "^5.2.3",
"file-loader": "^4.2.0",
"node-sass": "^4.12.0",
"rimraf": "^3.0.0",
"sass-loader": "^8.0.0",
"url-loader": "^2.2.0",
"vue-loader": "^15.7.1",
"vue-style-loader": "^4.1.2",
"vue-template-compiler": "^2.6.10",
"webpack": "^4.41.0",
"webpack-cli": "^3.3.9"
}
}