初始化

README.md

+# ligthrestaurant
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn run serve
+```
+
+### Compiles and minifies for production
+```
+yarn run build
+```
+
+### Run your tests
+```
+yarn run test
+```
+
+### Lints and fixes files
+```
+yarn run lint
+```
+
+### Run your unit tests
+```
+yarn run test:unit
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}

jest.config.js

+module.exports = {
+  moduleFileExtensions: [
+    'js',
+    'jsx',
+    'json',
+    'vue'
+  ],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  transformIgnorePatterns: [
+    '/node_modules/'
+  ],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: [
+    'jest-serializer-vue'
+  ],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  testURL: 'http://localhost/',
+  watchPlugins: [
+    'jest-watch-typeahead/filename',
+    'jest-watch-typeahead/testname'
+  ]
+}

package.json

+{
+  "name": "lightrestaurant",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "test:unit": "vue-cli-service test:unit"
+  },
+  "dependencies": {
+    "@babel/polyfill": "^7.12.1",
+    "ant-design-vue": "^1.7.7",
+    "axios": "^0.20.0",
+    "babel-polyfill": "^6.26.0",
+    "core-js": "^2.6.5",
+    "echarts": "^5.1.2",
+    "vue": "^2.6.10",
+    "vue-echarts": "^6.0.0",
+    "vue-particles": "^1.0.9",
+    "vue-router": "^3.0.3",
+    "vuex": "^3.0.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.0",
+    "@babel/preset-env": "^7.15.0",
+    "@vue/cli-plugin-babel": "^3.7.0",
+    "@vue/cli-plugin-eslint": "^3.7.0",
+    "@vue/cli-plugin-unit-jest": "^3.7.0",
+    "@vue/cli-service": "^3.7.0",
+    "@vue/composition-api": "^1.1.1",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "babel-core": "7.0.0-bridge.0",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^23.6.0",
+    "eslint": "^5.16.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "less": "^3.0.4",
+    "less-loader": "^4.1.0",
+    "vue-template-compiler": "^2.5.21"
+  }
+}

postcss.config.js

+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}

public/css/base.less

+img{
+  vertical-align: middle;
+}
+#app {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  box-sizing: border-box;
+}
+h1, h2, h3, h4, h5, h6 {
+    margin-top: 0;
+    margin-bottom: .5em;
+    color: rgba(0,0,0,.85);
+    font-weight: 500;
+}
+li{list-style-type:none}
+body, div, h1, h2, h3, h4, h5, h6, html, li, p, ul {
+    margin: 0;
+    padding: 0;
+}
+*, :after, :before {
+    box-sizing: border-box;
+}
+body {
+    margin: 0;
+    color: rgba(0,0,0,.65);
+    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
+    font-variant: tabular-nums;
+    line-height: 1.5;
+    background-color: #fff;
+    font-feature-settings: "tnum";
+    background:#F3F5F5;
+}
+
+.ant-spin-spinning{
+  background: url(/image/loading.svg) center center no-repeat!important;
+  .ant-spin-dot-item{
+    display: none!important;
+  }
+}
+.el-loading-spinner{
+  height: 100px;
+  background: url(/image/loading.svg) center center no-repeat!important;
+  svg{
+    display: none;
+  }
+}
+
+.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{
+  width:10px;
+  height:10px;
+}
+.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{
+  background: rgba(239, 239, 239,0.5);
+  border-radius:2px;
+}
+.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{
+  background: #bfbfbf;
+  border-radius:10px;
+}
+.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb:hover{
+  background: #ccc;
+}
+
+@media screen and (max-width: 1236px) and (min-width: 10px){
+  body {
+    font-size: 12px;
+  }
+  .tab-item {
+    font-size: 12px!important;
+    .iconfont {
+      font-size: 16px!important;
+    }
+  }
+  .gov-content h3 {
+    font-size: 16px!important;
+  }
+  .dh-content-left h2 {
+    font-size: 15px!important;
+  }
+  .dh-content-right h2 {
+    font-size: 15px!important;
+  }
+  .dh-content-wrap .dh-content-left .task-title {
+    font-size: 13px!important;
+  }
+  .ant-menu-inline .ant-menu-submenu-title {
+    // padding: 0 5px!important;
+  }
+  .ant-menu-item {
+    // padding: 0 5px!important;
+  }
+  .header .nav .back .dh-door {
+    font-size: 12px!important;
+  }
+  .seach .text {
+    font-size: 12px!important;
+  }
+  .dh-content-left {
+    width: 1.46364rem!important;
+  }
+  .nav .title {
+    font-size: 23px;
+  }
+  .blank-content img {
+    width: 100%!important;
+  }
+  .gov .gov-content-wrap .gov-item-wrap {
+    flex-flow: wrap!important;
+  }
+  .gov-item {
+    flex: auto!important;
+    width: 40%!important;
+  }
+  .gov-item h3 {
+    font-size: 14px!important;
+  }
+  .gov-item h3::before {
+    width: 4px!important;
+    height: 19px!important;
+  }
+  .epidemic_inoculation .vaccines-wrap .vaccines-item-wrap {
+    flex-wrap: wrap!important;
+  }
+  .epidemic_inoculation .vaccines-wrap .vaccines-item {
+    flex: auto!important;
+    width: 100%!important;
+  }
+  .persuit-item-boss {
+    width: 100%;
+    overflow: auto;
+  }
+  .trace .persuit-content .persuit-item {
+    width: 1200px;
+  }
+  .epidemic {
+    h3 {
+      font-size: 14px!important;
+    }
+  }
+  h4 {
+    font-size: 14px!important;
+  }
+  .trace .persuit-content .inoculate-info .user-info {
+    flex-flow: wrap;
+  }
+  .user-info-box {
+    width: 50%;
+    flex: auto!important;
+    margin-top: 10px;
+  }
+  .multiplication .gov-content .gov-item .high-company-list .high-company-detail li {
+    font-size: 12px!important;
+  }
+  .admin-name {
+    font-size: 16px;
+  }
+  .item-dt {
+    font-size: 14px;
+  }
+  .item-dd {
+    font-size: 12px;
+  }
+  .domestic .content-table .item-dt {
+    background-size: 20px 20px!important;
+    padding: 0 0 0.06494rem 25px!important;
+  }
+  .domestic .circle-content-wrap .circle-content .main-header .main-header-item li {
+    font-size: 12px!important;
+  }
+  .liangshi {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 0!important;
+    .gov-item {
+      width: 100%!important;
+      margin: 20px!important;
+    }
+  }
+  .survey .characteristic .characteristic_detail .characteristic_title {
+    width: 190px!important;
+    height: 27px!important;
+    font-size: 14px!important;
+    background-position: 0% 100%!important;
+    background-size: 100% 100%!important;
+  }
+  .survey .characteristic .characteristic_detail .characteristic_title_blue {
+    background-position: 0% 100%!important;
+    background-size: 100% 100%!important;
+  }
+  .characteristic_all {
+    justify-content: space-around;
+  }
+  .characteristic {
+    flex-wrap: wrap;
+  }
+  .survey .characteristic .characteristic_detail{
+    flex: auto!important;
+    max-width: 50%!important;
+    width: 50%!important;
+  }
+  .survey .characteristic .characteristic_detail_boss {
+    width: 100%!important;
+    max-width: 100%!important;
+  }
+  .epidemic_inoculation .eco-wrap .eco-item .eco-item-detail .qualilty-wrap-item .item-title {
+    font-size: 12px!important;
+  }
+  .epidemic_inoculation .eco-wrap .eco-item .eco-item-detail .qualilty-wrap-item .item-box {
+    flex-wrap: wrap;
+  }
+  .epidemic_inoculation .eco-wrap-right .eco-item-wrap .item-right .to-do-task-cards .to-do-task-card {
+    width: 100%!important;
+  }
+  .epidemic_inoculation .eco-wrap-right {
+    overflow: auto;
+    margin-left: 10px!important;
+  }
+  .air {
+    flex-wrap: wrap;
+    .air_div {
+      width: 100%!important;
+      margin-left: 0!important;
+      margin-bottom: 20px;
+      .data-wrap {
+        // flex: 1!important;
+      }
+    }
+  }
+  .epidemic_inoculation .eco-wrap .eco-item .air-quality-up-content {
+    justify-content: space-between!important;
+  }
+  .chart {
+    width: 60%!important;
+    height: 200px!important;
+    // flex: 1;
+    // margin-left: 30px;  
+  }
+  .meili .complete-box {
+    width: 31%!important;
+  }
+  .survey .infomation div {
+    font-size: 14px!important;
+  }
+  .gov-content {
+    flex-wrap: wrap;
+  }
+  .major-right-table {
+    width: 1200px!important;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+    .width-50:last-child {
+      margin-left: 0!important;
+    }
+  }
+  .width-50 {
+    width: 48%!important;
+    margin-bottom: 20px!important;
+  }
+  .main_txt {
+    font-size: 12px!important;
+  }
+  .epidemic_inoculation .eco-wrap .eco-item .chart_main .main_l {
+    font-size: 12px;
+  }
+  .epidemic_inoculation .eco-wrap .eco-item .chart_main .main_l .main-bar {
+    font-size: 14px!important;
+  }
+  .max-width .dh-top-icon .icon::before {
+    margin-right: 0!important;
+  }
+  .survey-title-text span {
+    font-size: 14px!important;
+  }
+  .pic-price .gov-item {
+    width: 100%!important;
+  }
+  .chart_view {
+    height: 200px!important;
+  }
+  .gov-item {
+    margin-right: 0!important;
+  }
+}
+
+@font-face {
+  font-family: iconfont;
+  src: url(../fonts/iconfont.08e8a39c.woff2) format("woff2"), url(../fonts/iconfont.0e3edd63.woff) format("woff"), url(../fonts/iconfont.901c8517.ttf) format("truetype")
+}
+
+.iconfont {
+  font-family: iconfont !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale
+}
+
+.iconzf:before {
+  content: "\E60E"
+}
+
+.iconkj:before {
+  content: "\E68E"
+}
+
+.iconqy:before {
+  content: "\E68F"
+}
+
+.iconms:before {
+  content: "\E690"
+}
+
+.iconcz:before {
+  content: "\E691"
+}
+
+.iconst:before {
+  content: "\E692"
+}
+
+.iconxc:before {
+  content: "\E693"
+}
+
+.iconaq:before {
+  content: "\E694"
+}
+
+.iconcy:before {
+  content: "\E695"
+}
+
+.iconyq:before {
+  content: "\E696"
+}
+
+.iconsxh:before {
+  content: "\E697"
+}
+
+.iconys:before {
+  content: "\E698"
+}
+
+.iconmubiao:before {
+  content: "\E6C4"
+}
+
+.iconweibiaoti1:before {
+  content: "\E608"
+}
+
+.iconwumai:before {
+  content: "\E68B"
+}
+
+.iconhubo:before {
+  content: "\E68C"
+}
+
+.iconzhuzhi_chengshi:before {
+  content: "\E68D"
+}
+
+.iconshuiku:before {
+  content: "\E61A"
+}
+
+.iconchengshi:before {
+  content: "\E61D"
+}
+
+.iconkongqizhiliang:before {
+  content: "\E61E"
+}
+
+.iconshui:before {
+  content: "\E61F"
+}
+
+.icona-shengtaihuanjing:before {
+  content: "\E621"
+}
+
+.iconhouse:before {
+  content: "\E9ED"
+}
+
+.iconjiantou:before {
+  content: "\E886"
+}
+
+.iconbingtu:before {
+  content: "\E684"
+}
+
+.icondaochu1024-34:before {
+  content: "\E619"
+}
+
+.iconzhengchang:before {
+  content: "\E78A"
+}
+
+.iconwarning-circle-fill:before {
+  content: "\EB2E"
+}
+
+.iconbiaozhu:before {
+  content: "\E688"
+}
+
+.iconwentiguanli:before {
+  content: "\E618"
+}
+
+.iconricheng:before {
+  content: "\E682"
+}
+
+.iconicon--:before {
+  content: "\E73C"
+}
+
+.icongengduo:before {
+  content: "\E683"
+}
+
+.iconrenwudongtai:before {
+  content: "\EB17"
+}
+
+.iconricheng1:before {
+  content: "\E615"
+}
+
+.icondaibanshixiang:before {
+  content: "\E685"
+}
+
+.icondaiyue:before {
+  content: "\E686"
+}
+
+.iconwenjianjia:before {
+  content: "\E687"
+}
+
+.iconwendang:before {
+  content: "\E616"
+}
+
+.iconwendang1:before {
+  content: "\F5A5"
+}
+
+.iconjianhao:before {
+  content: "\E729"
+}
+
+.iconjiahao:before {
+  content: "\E607"
+}
+
+.iconyiyaoxiang:before {
+  content: "\E604"
+}
+
+.iconambulance-full:before {
+  content: "\E9CB"
+}
+
+.iconico:before {
+  content: "\E680"
+}
+
+.iconcaidan:before {
+  content: "\E614"
+}
+
+.iconzhuyingyewushouru:before {
+  content: "\E681"
+}
+
+.iconyonghu:before {
+  content: "\E700"
+}
+
+.icontuichu:before {
+  content: "\E88C"
+}
+
+.iconjijiubao:before {
+  content: "\E67F"
+}
+
+.iconRight-:before {
+  content: "\E753"
+}
+
+.iconcheliangtiaodu:before {
+  content: "\E60C"
+}
+
+.iconarea:before {
+  content: "\E67C"
+}
+
+.iconhome:before {
+  content: "\E67D"
+}
+
+.icontask1:before {
+  content: "\E67E"
+}
+
+.iconcooperate:before {
+  content: "\E67B"
+}
+
+.iconziyuan:before {
+  content: "\E6E6"
+}
+
+.iconbeiwanglu:before {
+  content: "\E612"
+}
+
+.iconjianbao:before {
+  content: "\E6E7"
+}
+
+.icontongxunlu1:before {
+  content: "\E613"
+}
+
+.iconshiyongshouce:before {
+  content: "\EA35"
+}
+
+.iconshujukanban1-copy:before {
+  content: "\EA36"
+}
+
+.iconshezhi:before {
+  content: "\E6ED"
+}
+
+.iconqizhi:before {
+  content: "\E677"
+}
+
+.iconwujiaoxing:before {
+  content: "\E678"
+}
+
+.iconsanjiaoxing:before {
+  content: "\E67A"
+}
+
+.iconhr:before {
+  content: "\E60B"
+}
+
+.iconyiyuan:before {
+  content: "\E675"
+}
+
+.iconyoulechangsuo:before {
+  content: "\E676"
+}
+
+.icontiyukebu:before {
+  content: "\E60D"
+}
+
+.icontansuo:before {
+  content: "\E7A9"
+}
+
+.iconanquan:before {
+  content: "\E603"
+}
+
+.iconfalv:before {
+  content: "\E672"
+}
+
+.iconwenhua:before {
+  content: "\E673"
+}
+
+.iconxiangcun:before {
+  content: "\E61C"
+}
+
+.icon10kejichuangxin-keji:before {
+  content: "\E671"
+}
+
+.iconwenti:before {
+  content: "\E689"
+}
+
+.iconxiangmu:before {
+  content: "\E66D"
+}
+
+.iconzhengzhi:before {
+  content: "\E66E"
+}
+
+.iconjiandukaohe:before {
+  content: "\E60F"
+}
+
+.iconxuanchuantuiguang:before {
+  content: "\E600"
+}
+
+.iconwenhuahuodong:before {
+  content: "\E602"
+}
+
+.iconyingjijiuyuan:before {
+  content: "\E609"
+}
+
+.iconjinrongzhanlve-:before {
+  content: "\E61B"
+}
+
+.iconxinzengshoukuan:before {
+  content: "\E66F"
+}
+
+.icondc-icon-guojiakexuejishujinbujiang:before {
+  content: "\E670"
+}
+
+.icondangyuan:before {
+  content: "\E611"
+}
+
+.icondangjian:before {
+  content: "\E60A"
+}
+
+.iconyiqingguanli:before {
+  content: "\E6B2"
+}
+
+.iconjinhangzhong:before {
+  content: "\E669"
+}
+
+.icontongji:before {
+  content: "\E69F"
+}
+
+.iconyiwancheng:before {
+  content: "\E66A"
+}
+
+.iconnaozhong:before {
+  content: "\E66B"
+}
+
+.iconjilu:before {
+  content: "\E6BA"
+}
+
+.iconcha1:before {
+  content: "\E66C"
+}
+
+.icontubiaozhexiantu:before {
+  content: "\E601"
+}
+
+.iconshichang:before {
+  content: "\E674"
+}
+
+.icongonggongfuwu:before {
+  content: "\E68A"
+}
+
+.iconhuanjing:before {
+  content: "\E667"
+}
+
+.icongovernment:before {
+  content: "\E605"
+}
+
+.iconminzhengtubiao1-06:before {
+  content: "\E668"
+}
+
+.iconcaidanbushu:before {
+  content: "\E666"
+}
+
+.iconnianduhetong:before {
+  content: "\E606"
+}
+
+.iconbangong:before {
+  content: "\E663"
+}
+
+.icontask:before {
+  content: "\E610"
+}
+
+.iconschedule:before {
+  content: "\E664"
+}
+
+.iconicon_lingdaopishi:before {
+  content: "\E665"
+}
+
+.iconyujing:before {
+  content: "\E918"
+}
+
+.iconchengguozhitongche:before {
+  content: "\E72C"
+}
+
+.iconjob:before {
+  content: "\E617"
+}
+
+.iconwenjian:before {
+  content: "\E679"
+}
+
+.icontongxunlu:before {
+  content: "\E622"
+}
+
+.iconqita:before {
+  content: "\E7EC"
+}
+
+.iconshuju:before {
+  content: "\E80A"
+}
+
+.iconditu:before {
+  content: "\E661"
+}
+
+.iconzhengfujiguan:before {
+  content: "\E662"
+}
+
+.iconshujuku1:before {
+  content: "\E620"
+}
+
+.iconloudou:before {
+  content: "\E6CA"
+}
+
+.iconadd-o:before {
+  content: "\E623"
+}
+
+.iconadd:before {
+  content: "\E624"
+}
+
+.iconclose-o:before {
+  content: "\E625"
+}
+
+.iconcollection:before {
+  content: "\E626"
+}
+
+.iconclose-o2:before {
+  content: "\E627"
+}
+
+.iconadd-o2:before {
+  content: "\E628"
+}
+
+.iconcalendar:before {
+  content: "\E629"
+}
+
+.iconcalendar-o:before {
+  content: "\E62A"
+}
+
+.iconcollection-o:before {
+  content: "\E62B"
+}
+
+.iconadd-page-o:before {
+  content: "\E62C"
+}
+
+.icondownarrow-l:before {
+  content: "\E62D"
+}
+
+.icondownload-o:before {
+  content: "\E62E"
+}
+
+.iconfolder-o:before {
+  content: "\E62F"
+}
+
+.icondownarrow-o:before {
+  content: "\E630"
+}
+
+.iconedit-o:before {
+  content: "\E631"
+}
+
+.iconeye-o:before {
+  content: "\E632"
+}
+
+.iconhelp:before {
+  content: "\E633"
+}
+
+.iconedit:before {
+  content: "\E634"
+}
+
+.icondelet-o:before {
+  content: "\E635"
+}
+
+.iconlock-open-o:before {
+  content: "\E636"
+}
+
+.iconlock-close-o:before {
+  content: "\E637"
+}
+
+.iconlink-o:before {
+  content: "\E638"
+}
+
+.iconfeedback-o:before {
+  content: "\E639"
+}
+
+.iconhelp-o:before {
+  content: "\E63A"
+}
+
+.iconclose-2:before {
+  content: "\E63B"
+}
+
+.iconleftarrow-o:before {
+  content: "\E63C"
+}
+
+.iconmore:before {
+  content: "\E63D"
+}
+
+.iconmessage:before {
+  content: "\E63E"
+}
+
+.iconmore-2:before {
+  content: "\E63F"
+}
+
+.iconphone-o:before {
+  content: "\E640"
+}
+
+.iconnotice-o:before {
+  content: "\E641"
+}
+
+.iconopenfolder-o:before {
+  content: "\E642"
+}
+
+.iconnav-line-o:before {
+  content: "\E643"
+}
+
+.iconnav-grid:before {
+  content: "\E644"
+}
+
+.iconmessage-o:before {
+  content: "\E645"
+}
+
+.iconnotice:before {
+  content: "\E646"
+}
+
+.iconsmalldownarrow:before {
+  content: "\E647"
+}
+
+.iconright-o:before {
+  content: "\E648"
+}
+
+.iconright-o2:before {
+  content: "\E649"
+}
+
+.iconrightarrow-o:before {
+  content: "\E64A"
+}
+
+.iconshare-o:before {
+  content: "\E64B"
+}
+
+.iconservice:before {
+  content: "\E64C"
+}
+
+.iconrefresh-o:before {
+  content: "\E64D"
+}
+
+.iconsave-o:before {
+  content: "\E64E"
+}
+
+.iconpicture-o:before {
+  content: "\E64F"
+}
+
+.iconsearch-o:before {
+  content: "\E650"
+}
+
+.iconshare-o2:before {
+  content: "\E651"
+}
+
+.iconright:before {
+  content: "\E652"
+}
+
+.iconqrcode-o:before {
+  content: "\E653"
+}
+
+.iconuparrow-o:before {
+  content: "\E654"
+}
+
+.icontext:before {
+  content: "\E655"
+}
+
+.icontime:before {
+  content: "\E656"
+}
+
+.icontime-o:before {
+  content: "\E657"
+}
+
+.iconsuggestions-o:before {
+  content: "\E658"
+}
+
+.iconuparrow-l:before {
+  content: "\E659"
+}
+
+.iconupload-o:before {
+  content: "\E65A"
+}
+
+.iconuser:before {
+  content: "\E65B"
+}
+
+.iconwarn2:before {
+  content: "\E65C"
+}
+
+.iconsmalluparrow:before {
+  content: "\E65D"
+}
+
+.icontext-o:before {
+  content: "\E65E"
+}
+
+.iconwarn:before {
+  content: "\E65F"
+}
+
+.iconwarn-o:before {
+  content: "\E660"
+}
\ No newline at end of file

public/css/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;
+}

public/css/demo_index.html

+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Demo</title>
+  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=878660" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe618;</span>
+                <div class="name">划</div>
+                <div class="code-name">&amp;#xe618;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe616;</span>
+                <div class="name">外</div>
+                <div class="code-name">&amp;#xe616;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe683;</span>
+                <div class="name">清除</div>
+                <div class="code-name">&amp;#xe683;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f4;</span>
+                <div class="name">收银</div>
+                <div class="code-name">&amp;#xe8f4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe607;</span>
+                <div class="name">退单</div>
+                <div class="code-name">&amp;#xe607;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63f;</span>
+                <div class="name">品牌管理</div>
+                <div class="code-name">&amp;#xe63f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe615;</span>
+                <div class="name">用餐</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe717;</span>
+                <div class="name">换桌</div>
+                <div class="code-name">&amp;#xe717;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e5;</span>
+                <div class="name">完成</div>
+                <div class="code-name">&amp;#xe6e5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62b;</span>
+                <div class="name">积分兑换</div>
+                <div class="code-name">&amp;#xe62b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe631;</span>
+                <div class="name">密码</div>
+                <div class="code-name">&amp;#xe631;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7a5;</span>
+                <div class="name">收银</div>
+                <div class="code-name">&amp;#xe7a5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">等待</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe637;</span>
+                <div class="name">确认订单</div>
+                <div class="code-name">&amp;#xe637;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe704;</span>
+                <div class="name">地址</div>
+                <div class="code-name">&amp;#xe704;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe609;</span>
+                <div class="name">开单</div>
+                <div class="code-name">&amp;#xe609;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe633;</span>
+                <div class="name">设置</div>
+                <div class="code-name">&amp;#xe633;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe626;</span>
+                <div class="name">等待</div>
+                <div class="code-name">&amp;#xe626;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe829;</span>
+                <div class="name">沽清</div>
+                <div class="code-name">&amp;#xe829;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe649;</span>
+                <div class="name">打印</div>
+                <div class="code-name">&amp;#xe649;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">优惠</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe632;</span>
+                <div class="name">正确</div>
+                <div class="code-name">&amp;#xe632;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe641;</span>
+                <div class="name">会员</div>
+                <div class="code-name">&amp;#xe641;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63e;</span>
+                <div class="name">等待</div>
+                <div class="code-name">&amp;#xe63e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe613;</span>
+                <div class="name">反结算</div>
+                <div class="code-name">&amp;#xe613;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60e;</span>
+                <div class="name">消费记录</div>
+                <div class="code-name">&amp;#xe60e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7a9;</span>
+                <div class="name">修改信息</div>
+                <div class="code-name">&amp;#xe7a9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60a;</span>
+                <div class="name">钱</div>
+                <div class="code-name">&amp;#xe60a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe677;</span>
+                <div class="name">美团</div>
+                <div class="code-name">&amp;#xe677;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61c;</span>
+                <div class="name">送</div>
+                <div class="code-name">&amp;#xe61c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe605;</span>
+                <div class="name">新增</div>
+                <div class="code-name">&amp;#xe605;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69a;</span>
+                <div class="name">完成</div>
+                <div class="code-name">&amp;#xe69a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62c;</span>
+                <div class="name">会员</div>
+                <div class="code-name">&amp;#xe62c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61e;</span>
+                <div class="name">无商品</div>
+                <div class="code-name">&amp;#xe61e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe602;</span>
+                <div class="name">并台@1x</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe681;</span>
+                <div class="name">回删</div>
+                <div class="code-name">&amp;#xe681;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe663;</span>
+                <div class="name">授权</div>
+                <div class="code-name">&amp;#xe663;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66b;</span>
+                <div class="name">返回</div>
+                <div class="code-name">&amp;#xe66b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b2;</span>
+                <div class="name">批量</div>
+                <div class="code-name">&amp;#xe6b2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe674;</span>
+                <div class="name">H5_商户号</div>
+                <div class="code-name">&amp;#xe674;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe623;</span>
+                <div class="name">退卡</div>
+                <div class="code-name">&amp;#xe623;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe634;</span>
+                <div class="name">开关 关</div>
+                <div class="code-name">&amp;#xe634;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe600;</span>
+                <div class="name">搜索</div>
+                <div class="code-name">&amp;#xe600;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8f2;</span>
+                <div class="name"> 修改订单</div>
+                <div class="code-name">&amp;#xe8f2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61b;</span>
+                <div class="name">饿了么</div>
+                <div class="code-name">&amp;#xe61b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe617;</span>
+                <div class="name">加菜</div>
+                <div class="code-name">&amp;#xe617;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe645;</span>
+                <div class="name">催单</div>
+                <div class="code-name">&amp;#xe645;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe749;</span>
+                <div class="name">备注</div>
+                <div class="code-name">&amp;#xe749;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe608;</span>
+                <div class="name">删 除</div>
+                <div class="code-name">&amp;#xe608;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe670;</span>
+                <div class="name">现金</div>
+                <div class="code-name">&amp;#xe670;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe644;</span>
+                <div class="name">取单</div>
+                <div class="code-name">&amp;#xe644;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe603;</span>
+                <div class="name">桌位</div>
+                <div class="code-name">&amp;#xe603;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe625;</span>
+                <div class="name">百度外卖</div>
+                <div class="code-name">&amp;#xe625;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62a;</span>
+                <div class="name">首页</div>
+                <div class="code-name">&amp;#xe62a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe606;</span>
+                <div class="name">电话</div>
+                <div class="code-name">&amp;#xe606;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe639;</span>
+                <div class="name">开关 关</div>
+                <div class="code-name">&amp;#xe639;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe614;</span>
+                <div class="name">微信支付</div>
+                <div class="code-name">&amp;#xe614;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe621;</span>
+                <div class="name">外卖</div>
+                <div class="code-name">&amp;#xe621;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe75c;</span>
+                <div class="name">补</div>
+                <div class="code-name">&amp;#xe75c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe612;</span>
+                <div class="name">工号</div>
+                <div class="code-name">&amp;#xe612;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e6;</span>
+                <div class="name">新增</div>
+                <div class="code-name">&amp;#xe6e6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61a;</span>
+                <div class="name">回收站</div>
+                <div class="code-name">&amp;#xe61a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65f;</span>
+                <div class="name">下拉展开</div>
+                <div class="code-name">&amp;#xe65f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe660;</span>
+                <div class="name">排行</div>
+                <div class="code-name">&amp;#xe660;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60f;</span>
+                <div class="name">充值</div>
+                <div class="code-name">&amp;#xe60f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe728;</span>
+                <div class="name">订单</div>
+                <div class="code-name">&amp;#xe728;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe611;</span>
+                <div class="name">备案</div>
+                <div class="code-name">&amp;#xe611;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe635;</span>
+                <div class="name">银联</div>
+                <div class="code-name">&amp;#xe635;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87f;</span>
+                <div class="name">切换</div>
+                <div class="code-name">&amp;#xe87f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe667;</span>
+                <div class="name">删除</div>
+                <div class="code-name">&amp;#xe667;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ad;</span>
+                <div class="name">云马校园icon_电子餐券 副本 2</div>
+                <div class="code-name">&amp;#xe6ad;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62e;</span>
+                <div class="name">锁定</div>
+                <div class="code-name">&amp;#xe62e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe638;</span>
+                <div class="name">挂失</div>
+                <div class="code-name">&amp;#xe638;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe610;</span>
+                <div class="name">发卡</div>
+                <div class="code-name">&amp;#xe610;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68f;</span>
+                <div class="name">时间</div>
+                <div class="code-name">&amp;#xe68f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61d;</span>
+                <div class="name">其他设置</div>
+                <div class="code-name">&amp;#xe61d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe627;</span>
+                <div class="name">会员卡</div>
+                <div class="code-name">&amp;#xe627;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe622;</span>
+                <div class="name">桌子</div>
+                <div class="code-name">&amp;#xe622;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61f;</span>
+                <div class="name">退款</div>
+                <div class="code-name">&amp;#xe61f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ac;</span>
+                <div class="name">减少</div>
+                <div class="code-name">&amp;#xe6ac;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe601;</span>
+                <div class="name">支付宝</div>
+                <div class="code-name">&amp;#xe601;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b4;</span>
+                <div class="name">送</div>
+                <div class="code-name">&amp;#xe6b4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe624;</span>
+                <div class="name">更改信息-01</div>
+                <div class="code-name">&amp;#xe624;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe671;</span>
+                <div class="name">会员</div>
+                <div class="code-name">&amp;#xe671;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe74f;</span>
+                <div class="name">账期</div>
+                <div class="code-name">&amp;#xe74f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b3;</span>
+                <div class="name">新增</div>
+                <div class="code-name">&amp;#xe6b3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe678;</span>
+                <div class="name">新增</div>
+                <div class="code-name">&amp;#xe678;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62f;</span>
+                <div class="name">我的-更多订单</div>
+                <div class="code-name">&amp;#xe62f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe628;</span>
+                <div class="name">正确</div>
+                <div class="code-name">&amp;#xe628;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f9;</span>
+                <div class="name">桌子</div>
+                <div class="code-name">&amp;#xe6f9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe620;</span>
+                <div class="name">关  闭</div>
+                <div class="code-name">&amp;#xe620;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe636;</span>
+                <div class="name">解锁</div>
+                <div class="code-name">&amp;#xe636;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe630;</span>
+                <div class="name">挂单</div>
+                <div class="code-name">&amp;#xe630;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe619;</span>
+                <div class="name">已结账</div>
+                <div class="code-name">&amp;#xe619;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69e;</span>
+                <div class="name">锁定</div>
+                <div class="code-name">&amp;#xe69e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe676;</span>
+                <div class="name">删  除</div>
+                <div class="code-name">&amp;#xe676;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60b;</span>
+                <div class="name">打印测试页</div>
+                <div class="code-name">&amp;#xe60b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe629;</span>
+                <div class="name">联</div>
+                <div class="code-name">&amp;#xe629;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60c;</span>
+                <div class="name">送达</div>
+                <div class="code-name">&amp;#xe60c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xec49;</span>
+                <div class="name">大小写</div>
+                <div class="code-name">&amp;#xec49;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe684;</span>
+                <div class="name">增加</div>
+                <div class="code-name">&amp;#xe684;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <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">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-hua"></span>
+            <div class="name">
+              划
+            </div>
+            <div class="code-name">.icon-hua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wai"></span>
+            <div class="name">
+              外
+            </div>
+            <div class="code-name">.icon-wai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-clear-outline"></span>
+            <div class="name">
+              清除
+            </div>
+            <div class="code-name">.icon-clear-outline
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouyin"></span>
+            <div class="name">
+              收银
+            </div>
+            <div class="code-name">.icon-shouyin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuidan"></span>
+            <div class="name">
+              退单
+            </div>
+            <div class="code-name">.icon-tuidan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pinpaiguanli"></span>
+            <div class="name">
+              品牌管理
+            </div>
+            <div class="code-name">.icon-pinpaiguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yongcan"></span>
+            <div class="name">
+              用餐
+            </div>
+            <div class="code-name">.icon-yongcan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huanzhuo"></span>
+            <div class="name">
+              换桌
+            </div>
+            <div class="code-name">.icon-huanzhuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wancheng"></span>
+            <div class="name">
+              完成
+            </div>
+            <div class="code-name">.icon-wancheng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jifenduihuan"></span>
+            <div class="name">
+              积分兑换
+            </div>
+            <div class="code-name">.icon-jifenduihuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-mima"></span>
+            <div class="name">
+              密码
+            </div>
+            <div class="code-name">.icon-mima
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouyin1"></span>
+            <div class="name">
+              收银
+            </div>
+            <div class="code-name">.icon-shouyin1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengdai"></span>
+            <div class="name">
+              等待
+            </div>
+            <div class="code-name">.icon-dengdai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-queren"></span>
+            <div class="name">
+              确认订单
+            </div>
+            <div class="code-name">.icon-queren
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dizhi"></span>
+            <div class="name">
+              地址
+            </div>
+            <div class="code-name">.icon-dizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaidan"></span>
+            <div class="name">
+              开单
+            </div>
+            <div class="code-name">.icon-kaidan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shezhi"></span>
+            <div class="name">
+              设置
+            </div>
+            <div class="code-name">.icon-shezhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengdai1"></span>
+            <div class="name">
+              等待
+            </div>
+            <div class="code-name">.icon-dengdai1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guqing"></span>
+            <div class="name">
+              沽清
+            </div>
+            <div class="code-name">.icon-guqing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dayin"></span>
+            <div class="name">
+              打印
+            </div>
+            <div class="code-name">.icon-dayin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-youhui"></span>
+            <div class="name">
+              优惠
+            </div>
+            <div class="code-name">.icon-youhui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhengque1"></span>
+            <div class="name">
+              正确
+            </div>
+            <div class="code-name">.icon-zhengque1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huiyuan"></span>
+            <div class="name">
+              会员
+            </div>
+            <div class="code-name">.icon-huiyuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengdai2"></span>
+            <div class="name">
+              等待
+            </div>
+            <div class="code-name">.icon-dengdai2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fanjiesuan"></span>
+            <div class="name">
+              反结算
+            </div>
+            <div class="code-name">.icon-fanjiesuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiaofeijilu"></span>
+            <div class="name">
+              消费记录
+            </div>
+            <div class="code-name">.icon-xiaofeijilu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiugaixinxi"></span>
+            <div class="name">
+              修改信息
+            </div>
+            <div class="code-name">.icon-xiugaixinxi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-iconfontqian"></span>
+            <div class="name">
+              钱
+            </div>
+            <div class="code-name">.icon-iconfontqian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-meituan"></span>
+            <div class="name">
+              美团
+            </div>
+            <div class="code-name">.icon-meituan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-song"></span>
+            <div class="name">
+              送
+            </div>
+            <div class="code-name">.icon-song
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xinzeng"></span>
+            <div class="name">
+              新增
+            </div>
+            <div class="code-name">.icon-xinzeng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wancheng1"></span>
+            <div class="name">
+              完成
+            </div>
+            <div class="code-name">.icon-wancheng1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon-test"></span>
+            <div class="name">
+              会员
+            </div>
+            <div class="code-name">.icon-icon-test
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wushangpin"></span>
+            <div class="name">
+              无商品
+            </div>
+            <div class="code-name">.icon-wushangpin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bingtaix"></span>
+            <div class="name">
+              并台@1x
+            </div>
+            <div class="code-name">.icon-bingtaix
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huishan"></span>
+            <div class="name">
+              回删
+            </div>
+            <div class="code-name">.icon-huishan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouquan"></span>
+            <div class="name">
+              授权
+            </div>
+            <div class="code-name">.icon-shouquan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fanhui"></span>
+            <div class="name">
+              返回
+            </div>
+            <div class="code-name">.icon-fanhui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-piliang"></span>
+            <div class="name">
+              批量
+            </div>
+            <div class="code-name">.icon-piliang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-H_shanghuhao"></span>
+            <div class="name">
+              H5_商户号
+            </div>
+            <div class="code-name">.icon-H_shanghuhao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuiqia"></span>
+            <div class="name">
+              退卡
+            </div>
+            <div class="code-name">.icon-tuiqia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaiguanguan-copy"></span>
+            <div class="name">
+              开关 关
+            </div>
+            <div class="code-name">.icon-kaiguanguan-copy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-sousuo"></span>
+            <div class="name">
+              搜索
+            </div>
+            <div class="code-name">.icon-sousuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiugaidingdan"></span>
+            <div class="name">
+               修改订单
+            </div>
+            <div class="code-name">.icon-xiugaidingdan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-eliaomo"></span>
+            <div class="name">
+              饿了么
+            </div>
+            <div class="code-name">.icon-eliaomo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiacai"></span>
+            <div class="name">
+              加菜
+            </div>
+            <div class="code-name">.icon-jiacai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-cuidan"></span>
+            <div class="name">
+              催单
+            </div>
+            <div class="code-name">.icon-cuidan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-beizhu"></span>
+            <div class="name">
+              备注
+            </div>
+            <div class="code-name">.icon-beizhu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shanchu11"></span>
+            <div class="name">
+              删 除
+            </div>
+            <div class="code-name">.icon-shanchu11
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xianjin"></span>
+            <div class="name">
+              现金
+            </div>
+            <div class="code-name">.icon-xianjin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qudan"></span>
+            <div class="name">
+              取单
+            </div>
+            <div class="code-name">.icon-qudan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhuowei"></span>
+            <div class="name">
+              桌位
+            </div>
+            <div class="code-name">.icon-zhuowei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-baiduwaimai"></span>
+            <div class="name">
+              百度外卖
+            </div>
+            <div class="code-name">.icon-baiduwaimai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouye"></span>
+            <div class="name">
+              首页
+            </div>
+            <div class="code-name">.icon-shouye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianhua"></span>
+            <div class="name">
+              电话
+            </div>
+            <div class="code-name">.icon-dianhua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaiguanguan"></span>
+            <div class="name">
+              开关 关
+            </div>
+            <div class="code-name">.icon-kaiguanguan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weixinzhifu"></span>
+            <div class="name">
+              微信支付
+            </div>
+            <div class="code-name">.icon-weixinzhifu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-waimai"></span>
+            <div class="name">
+              外卖
+            </div>
+            <div class="code-name">.icon-waimai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bu"></span>
+            <div class="name">
+              补
+            </div>
+            <div class="code-name">.icon-bu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gonghao"></span>
+            <div class="name">
+              工号
+            </div>
+            <div class="code-name">.icon-gonghao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-ziyuan"></span>
+            <div class="name">
+              新增
+            </div>
+            <div class="code-name">.icon-ziyuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-class"></span>
+            <div class="name">
+              回收站
+            </div>
+            <div class="code-name">.icon-class
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xialazhankai"></span>
+            <div class="name">
+              下拉展开
+            </div>
+            <div class="code-name">.icon-xialazhankai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-paihang1"></span>
+            <div class="name">
+              排行
+            </div>
+            <div class="code-name">.icon-paihang1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chongzhi"></span>
+            <div class="name">
+              充值
+            </div>
+            <div class="code-name">.icon-chongzhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dingdan"></span>
+            <div class="name">
+              订单
+            </div>
+            <div class="code-name">.icon-dingdan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-beian"></span>
+            <div class="name">
+              备案
+            </div>
+            <div class="code-name">.icon-beian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yinlian"></span>
+            <div class="name">
+              银联
+            </div>
+            <div class="code-name">.icon-yinlian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiehuan"></span>
+            <div class="name">
+              切换
+            </div>
+            <div class="code-name">.icon-qiehuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shanchu"></span>
+            <div class="name">
+              删除
+            </div>
+            <div class="code-name">.icon-shanchu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yunmaxiaoyuanicon_dianzicanquanfuben"></span>
+            <div class="name">
+              云马校园icon_电子餐券 副本 2
+            </div>
+            <div class="code-name">.icon-yunmaxiaoyuanicon_dianzicanquanfuben
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-suoding"></span>
+            <div class="name">
+              锁定
+            </div>
+            <div class="code-name">.icon-suoding
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guashi"></span>
+            <div class="name">
+              挂失
+            </div>
+            <div class="code-name">.icon-guashi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-faqia"></span>
+            <div class="name">
+              发卡
+            </div>
+            <div class="code-name">.icon-faqia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shijian"></span>
+            <div class="name">
+              时间
+            </div>
+            <div class="code-name">.icon-shijian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qitashezhi"></span>
+            <div class="name">
+              其他设置
+            </div>
+            <div class="code-name">.icon-qitashezhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huiyuanqia"></span>
+            <div class="name">
+              会员卡
+            </div>
+            <div class="code-name">.icon-huiyuanqia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhuozi"></span>
+            <div class="name">
+              桌子
+            </div>
+            <div class="code-name">.icon-zhuozi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuikuan"></span>
+            <div class="name">
+              退款
+            </div>
+            <div class="code-name">.icon-tuikuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jianshao"></span>
+            <div class="name">
+              减少
+            </div>
+            <div class="code-name">.icon-jianshao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhifubao"></span>
+            <div class="name">
+              支付宝
+            </div>
+            <div class="code-name">.icon-zhifubao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-song1"></span>
+            <div class="name">
+              送
+            </div>
+            <div class="code-name">.icon-song1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-genggaixinxi-"></span>
+            <div class="name">
+              更改信息-01
+            </div>
+            <div class="code-name">.icon-genggaixinxi-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-member"></span>
+            <div class="name">
+              会员
+            </div>
+            <div class="code-name">.icon-member
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhangqi"></span>
+            <div class="name">
+              账期
+            </div>
+            <div class="code-name">.icon-zhangqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xinzeng1"></span>
+            <div class="name">
+              新增
+            </div>
+            <div class="code-name">.icon-xinzeng1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xinzeng2"></span>
+            <div class="name">
+              新增
+            </div>
+            <div class="code-name">.icon-xinzeng2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wode-gengduodingdan"></span>
+            <div class="name">
+              我的-更多订单
+            </div>
+            <div class="code-name">.icon-wode-gengduodingdan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhengque"></span>
+            <div class="name">
+              正确
+            </div>
+            <div class="code-name">.icon-zhengque
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhuozi1"></span>
+            <div class="name">
+              桌子
+            </div>
+            <div class="code-name">.icon-zhuozi1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanbi"></span>
+            <div class="name">
+              关  闭
+            </div>
+            <div class="code-name">.icon-guanbi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-ulock-line"></span>
+            <div class="name">
+              解锁
+            </div>
+            <div class="code-name">.icon-ulock-line
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weibiaoti--"></span>
+            <div class="name">
+              挂单
+            </div>
+            <div class="code-name">.icon-weibiaoti--
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yijiezhang"></span>
+            <div class="name">
+              已结账
+            </div>
+            <div class="code-name">.icon-yijiezhang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-suoding1"></span>
+            <div class="name">
+              锁定
+            </div>
+            <div class="code-name">.icon-suoding1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shanchu1"></span>
+            <div class="name">
+              删  除
+            </div>
+            <div class="code-name">.icon-shanchu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dayinceshiye"></span>
+            <div class="name">
+              打印测试页
+            </div>
+            <div class="code-name">.icon-dayinceshiye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-lian"></span>
+            <div class="name">
+              联
+            </div>
+            <div class="code-name">.icon-lian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-songda"></span>
+            <div class="name">
+              送达
+            </div>
+            <div class="code-name">.icon-songda
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daxiaoxie"></span>
+            <div class="name">
+              大小写
+            </div>
+            <div class="code-name">.icon-daxiaoxie
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zengjia"></span>
+            <div class="name">
+              增加
+            </div>
+            <div class="code-name">.icon-zengjia
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <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="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-hua"></use>
+                </svg>
+                <div class="name">划</div>
+                <div class="code-name">#icon-hua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wai"></use>
+                </svg>
+                <div class="name">外</div>
+                <div class="code-name">#icon-wai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-clear-outline"></use>
+                </svg>
+                <div class="name">清除</div>
+                <div class="code-name">#icon-clear-outline</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouyin"></use>
+                </svg>
+                <div class="name">收银</div>
+                <div class="code-name">#icon-shouyin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuidan"></use>
+                </svg>
+                <div class="name">退单</div>
+                <div class="code-name">#icon-tuidan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pinpaiguanli"></use>
+                </svg>
+                <div class="name">品牌管理</div>
+                <div class="code-name">#icon-pinpaiguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yongcan"></use>
+                </svg>
+                <div class="name">用餐</div>
+                <div class="code-name">#icon-yongcan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huanzhuo"></use>
+                </svg>
+                <div class="name">换桌</div>
+                <div class="code-name">#icon-huanzhuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wancheng"></use>
+                </svg>
+                <div class="name">完成</div>
+                <div class="code-name">#icon-wancheng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jifenduihuan"></use>
+                </svg>
+                <div class="name">积分兑换</div>
+                <div class="code-name">#icon-jifenduihuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-mima"></use>
+                </svg>
+                <div class="name">密码</div>
+                <div class="code-name">#icon-mima</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouyin1"></use>
+                </svg>
+                <div class="name">收银</div>
+                <div class="code-name">#icon-shouyin1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengdai"></use>
+                </svg>
+                <div class="name">等待</div>
+                <div class="code-name">#icon-dengdai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-queren"></use>
+                </svg>
+                <div class="name">确认订单</div>
+                <div class="code-name">#icon-queren</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dizhi"></use>
+                </svg>
+                <div class="name">地址</div>
+                <div class="code-name">#icon-dizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaidan"></use>
+                </svg>
+                <div class="name">开单</div>
+                <div class="code-name">#icon-kaidan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shezhi"></use>
+                </svg>
+                <div class="name">设置</div>
+                <div class="code-name">#icon-shezhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengdai1"></use>
+                </svg>
+                <div class="name">等待</div>
+                <div class="code-name">#icon-dengdai1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guqing"></use>
+                </svg>
+                <div class="name">沽清</div>
+                <div class="code-name">#icon-guqing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dayin"></use>
+                </svg>
+                <div class="name">打印</div>
+                <div class="code-name">#icon-dayin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youhui"></use>
+                </svg>
+                <div class="name">优惠</div>
+                <div class="code-name">#icon-youhui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhengque1"></use>
+                </svg>
+                <div class="name">正确</div>
+                <div class="code-name">#icon-zhengque1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huiyuan"></use>
+                </svg>
+                <div class="name">会员</div>
+                <div class="code-name">#icon-huiyuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengdai2"></use>
+                </svg>
+                <div class="name">等待</div>
+                <div class="code-name">#icon-dengdai2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fanjiesuan"></use>
+                </svg>
+                <div class="name">反结算</div>
+                <div class="code-name">#icon-fanjiesuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiaofeijilu"></use>
+                </svg>
+                <div class="name">消费记录</div>
+                <div class="code-name">#icon-xiaofeijilu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiugaixinxi"></use>
+                </svg>
+                <div class="name">修改信息</div>
+                <div class="code-name">#icon-xiugaixinxi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontqian"></use>
+                </svg>
+                <div class="name">钱</div>
+                <div class="code-name">#icon-iconfontqian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-meituan"></use>
+                </svg>
+                <div class="name">美团</div>
+                <div class="code-name">#icon-meituan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-song"></use>
+                </svg>
+                <div class="name">送</div>
+                <div class="code-name">#icon-song</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xinzeng"></use>
+                </svg>
+                <div class="name">新增</div>
+                <div class="code-name">#icon-xinzeng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wancheng1"></use>
+                </svg>
+                <div class="name">完成</div>
+                <div class="code-name">#icon-wancheng1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-test"></use>
+                </svg>
+                <div class="name">会员</div>
+                <div class="code-name">#icon-icon-test</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wushangpin"></use>
+                </svg>
+                <div class="name">无商品</div>
+                <div class="code-name">#icon-wushangpin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bingtaix"></use>
+                </svg>
+                <div class="name">并台@1x</div>
+                <div class="code-name">#icon-bingtaix</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huishan"></use>
+                </svg>
+                <div class="name">回删</div>
+                <div class="code-name">#icon-huishan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouquan"></use>
+                </svg>
+                <div class="name">授权</div>
+                <div class="code-name">#icon-shouquan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fanhui"></use>
+                </svg>
+                <div class="name">返回</div>
+                <div class="code-name">#icon-fanhui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-piliang"></use>
+                </svg>
+                <div class="name">批量</div>
+                <div class="code-name">#icon-piliang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-H_shanghuhao"></use>
+                </svg>
+                <div class="name">H5_商户号</div>
+                <div class="code-name">#icon-H_shanghuhao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuiqia"></use>
+                </svg>
+                <div class="name">退卡</div>
+                <div class="code-name">#icon-tuiqia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaiguanguan-copy"></use>
+                </svg>
+                <div class="name">开关 关</div>
+                <div class="code-name">#icon-kaiguanguan-copy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-sousuo"></use>
+                </svg>
+                <div class="name">搜索</div>
+                <div class="code-name">#icon-sousuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiugaidingdan"></use>
+                </svg>
+                <div class="name"> 修改订单</div>
+                <div class="code-name">#icon-xiugaidingdan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-eliaomo"></use>
+                </svg>
+                <div class="name">饿了么</div>
+                <div class="code-name">#icon-eliaomo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiacai"></use>
+                </svg>
+                <div class="name">加菜</div>
+                <div class="code-name">#icon-jiacai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-cuidan"></use>
+                </svg>
+                <div class="name">催单</div>
+                <div class="code-name">#icon-cuidan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-beizhu"></use>
+                </svg>
+                <div class="name">备注</div>
+                <div class="code-name">#icon-beizhu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shanchu11"></use>
+                </svg>
+                <div class="name">删 除</div>
+                <div class="code-name">#icon-shanchu11</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xianjin"></use>
+                </svg>
+                <div class="name">现金</div>
+                <div class="code-name">#icon-xianjin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qudan"></use>
+                </svg>
+                <div class="name">取单</div>
+                <div class="code-name">#icon-qudan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhuowei"></use>
+                </svg>
+                <div class="name">桌位</div>
+                <div class="code-name">#icon-zhuowei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-baiduwaimai"></use>
+                </svg>
+                <div class="name">百度外卖</div>
+                <div class="code-name">#icon-baiduwaimai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouye"></use>
+                </svg>
+                <div class="name">首页</div>
+                <div class="code-name">#icon-shouye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianhua"></use>
+                </svg>
+                <div class="name">电话</div>
+                <div class="code-name">#icon-dianhua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaiguanguan"></use>
+                </svg>
+                <div class="name">开关 关</div>
+                <div class="code-name">#icon-kaiguanguan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weixinzhifu"></use>
+                </svg>
+                <div class="name">微信支付</div>
+                <div class="code-name">#icon-weixinzhifu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-waimai"></use>
+                </svg>
+                <div class="name">外卖</div>
+                <div class="code-name">#icon-waimai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bu"></use>
+                </svg>
+                <div class="name">补</div>
+                <div class="code-name">#icon-bu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gonghao"></use>
+                </svg>
+                <div class="name">工号</div>
+                <div class="code-name">#icon-gonghao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-ziyuan"></use>
+                </svg>
+                <div class="name">新增</div>
+                <div class="code-name">#icon-ziyuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-class"></use>
+                </svg>
+                <div class="name">回收站</div>
+                <div class="code-name">#icon-class</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xialazhankai"></use>
+                </svg>
+                <div class="name">下拉展开</div>
+                <div class="code-name">#icon-xialazhankai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-paihang1"></use>
+                </svg>
+                <div class="name">排行</div>
+                <div class="code-name">#icon-paihang1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chongzhi"></use>
+                </svg>
+                <div class="name">充值</div>
+                <div class="code-name">#icon-chongzhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dingdan"></use>
+                </svg>
+                <div class="name">订单</div>
+                <div class="code-name">#icon-dingdan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-beian"></use>
+                </svg>
+                <div class="name">备案</div>
+                <div class="code-name">#icon-beian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yinlian"></use>
+                </svg>
+                <div class="name">银联</div>
+                <div class="code-name">#icon-yinlian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiehuan"></use>
+                </svg>
+                <div class="name">切换</div>
+                <div class="code-name">#icon-qiehuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shanchu"></use>
+                </svg>
+                <div class="name">删除</div>
+                <div class="code-name">#icon-shanchu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yunmaxiaoyuanicon_dianzicanquanfuben"></use>
+                </svg>
+                <div class="name">云马校园icon_电子餐券 副本 2</div>
+                <div class="code-name">#icon-yunmaxiaoyuanicon_dianzicanquanfuben</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-suoding"></use>
+                </svg>
+                <div class="name">锁定</div>
+                <div class="code-name">#icon-suoding</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guashi"></use>
+                </svg>
+                <div class="name">挂失</div>
+                <div class="code-name">#icon-guashi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-faqia"></use>
+                </svg>
+                <div class="name">发卡</div>
+                <div class="code-name">#icon-faqia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shijian"></use>
+                </svg>
+                <div class="name">时间</div>
+                <div class="code-name">#icon-shijian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qitashezhi"></use>
+                </svg>
+                <div class="name">其他设置</div>
+                <div class="code-name">#icon-qitashezhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huiyuanqia"></use>
+                </svg>
+                <div class="name">会员卡</div>
+                <div class="code-name">#icon-huiyuanqia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhuozi"></use>
+                </svg>
+                <div class="name">桌子</div>
+                <div class="code-name">#icon-zhuozi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuikuan"></use>
+                </svg>
+                <div class="name">退款</div>
+                <div class="code-name">#icon-tuikuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jianshao"></use>
+                </svg>
+                <div class="name">减少</div>
+                <div class="code-name">#icon-jianshao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhifubao"></use>
+                </svg>
+                <div class="name">支付宝</div>
+                <div class="code-name">#icon-zhifubao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-song1"></use>
+                </svg>
+                <div class="name">送</div>
+                <div class="code-name">#icon-song1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-genggaixinxi-"></use>
+                </svg>
+                <div class="name">更改信息-01</div>
+                <div class="code-name">#icon-genggaixinxi-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-member"></use>
+                </svg>
+                <div class="name">会员</div>
+                <div class="code-name">#icon-member</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhangqi"></use>
+                </svg>
+                <div class="name">账期</div>
+                <div class="code-name">#icon-zhangqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xinzeng1"></use>
+                </svg>
+                <div class="name">新增</div>
+                <div class="code-name">#icon-xinzeng1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xinzeng2"></use>
+                </svg>
+                <div class="name">新增</div>
+                <div class="code-name">#icon-xinzeng2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wode-gengduodingdan"></use>
+                </svg>
+                <div class="name">我的-更多订单</div>
+                <div class="code-name">#icon-wode-gengduodingdan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhengque"></use>
+                </svg>
+                <div class="name">正确</div>
+                <div class="code-name">#icon-zhengque</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhuozi1"></use>
+                </svg>
+                <div class="name">桌子</div>
+                <div class="code-name">#icon-zhuozi1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanbi"></use>
+                </svg>
+                <div class="name">关  闭</div>
+                <div class="code-name">#icon-guanbi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-ulock-line"></use>
+                </svg>
+                <div class="name">解锁</div>
+                <div class="code-name">#icon-ulock-line</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weibiaoti--"></use>
+                </svg>
+                <div class="name">挂单</div>
+                <div class="code-name">#icon-weibiaoti--</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yijiezhang"></use>
+                </svg>
+                <div class="name">已结账</div>
+                <div class="code-name">#icon-yijiezhang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-suoding1"></use>
+                </svg>
+                <div class="name">锁定</div>
+                <div class="code-name">#icon-suoding1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shanchu1"></use>
+                </svg>
+                <div class="name">删  除</div>
+                <div class="code-name">#icon-shanchu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dayinceshiye"></use>
+                </svg>
+                <div class="name">打印测试页</div>
+                <div class="code-name">#icon-dayinceshiye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-lian"></use>
+                </svg>
+                <div class="name">联</div>
+                <div class="code-name">#icon-lian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-songda"></use>
+                </svg>
+                <div class="name">送达</div>
+                <div class="code-name">#icon-songda</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daxiaoxie"></use>
+                </svg>
+                <div class="name">大小写</div>
+                <div class="code-name">#icon-daxiaoxie</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zengjia"></use>
+                </svg>
+                <div class="name">增加</div>
+                <div class="code-name">#icon-zengjia</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

public/css/iconfont.css

+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1558335315332'); /* IE9 */
+  src: url('iconfont.eot?t=1558335315332#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1558335315332') format('woff'),
+  url('iconfont.ttf?t=1558335315332') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1558335315332#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-hua:before {
+  content: "\e618";
+}
+
+.icon-wai:before {
+  content: "\e616";
+}
+
+.icon-clear-outline:before {
+  content: "\e683";
+}
+
+.icon-shouyin:before {
+  content: "\e8f4";
+}
+
+.icon-tuidan:before {
+  content: "\e607";
+}
+
+.icon-pinpaiguanli:before {
+  content: "\e63f";
+}
+
+.icon-yongcan:before {
+  content: "\e615";
+}
+
+.icon-huanzhuo:before {
+  content: "\e717";
+}
+
+.icon-wancheng:before {
+  content: "\e6e5";
+}
+
+.icon-jifenduihuan:before {
+  content: "\e62b";
+}
+
+.icon-mima:before {
+  content: "\e631";
+}
+
+.icon-shouyin1:before {
+  content: "\e7a5";
+}
+
+.icon-dengdai:before {
+  content: "\e62d";
+}
+
+.icon-queren:before {
+  content: "\e637";
+}
+
+.icon-dizhi:before {
+  content: "\e704";
+}
+
+.icon-kaidan:before {
+  content: "\e609";
+}
+
+.icon-shezhi:before {
+  content: "\e633";
+}
+
+.icon-dengdai1:before {
+  content: "\e626";
+}
+
+.icon-guqing:before {
+  content: "\e829";
+}
+
+.icon-dayin:before {
+  content: "\e649";
+}
+
+.icon-youhui:before {
+  content: "\e604";
+}
+
+.icon-zhengque1:before {
+  content: "\e632";
+}
+
+.icon-huiyuan:before {
+  content: "\e641";
+}
+
+.icon-dengdai2:before {
+  content: "\e63e";
+}
+
+.icon-fanjiesuan:before {
+  content: "\e613";
+}
+
+.icon-xiaofeijilu:before {
+  content: "\e60e";
+}
+
+.icon-xiugaixinxi:before {
+  content: "\e7a9";
+}
+
+.icon-iconfontqian:before {
+  content: "\e60a";
+}
+
+.icon-meituan:before {
+  content: "\e677";
+}
+
+.icon-song:before {
+  content: "\e61c";
+}
+
+.icon-xinzeng:before {
+  content: "\e605";
+}
+
+.icon-wancheng1:before {
+  content: "\e69a";
+}
+
+.icon-icon-test:before {
+  content: "\e62c";
+}
+
+.icon-wushangpin:before {
+  content: "\e61e";
+}
+
+.icon-bingtaix:before {
+  content: "\e602";
+}
+
+.icon-huishan:before {
+  content: "\e681";
+}
+
+.icon-shouquan:before {
+  content: "\e663";
+}
+
+.icon-fanhui:before {
+  content: "\e66b";
+}
+
+.icon-piliang:before {
+  content: "\e6b2";
+}
+
+.icon-H_shanghuhao:before {
+  content: "\e674";
+}
+
+.icon-tuiqia:before {
+  content: "\e623";
+}
+
+.icon-kaiguanguan-copy:before {
+  content: "\e634";
+}
+
+.icon-sousuo:before {
+  content: "\e600";
+}
+
+.icon-xiugaidingdan:before {
+  content: "\e8f2";
+}
+
+.icon-eliaomo:before {
+  content: "\e61b";
+}
+
+.icon-jiacai:before {
+  content: "\e617";
+}
+
+.icon-cuidan:before {
+  content: "\e645";
+}
+
+.icon-beizhu:before {
+  content: "\e749";
+}
+
+.icon-shanchu11:before {
+  content: "\e608";
+}
+
+.icon-xianjin:before {
+  content: "\e670";
+}
+
+.icon-qudan:before {
+  content: "\e644";
+}
+
+.icon-zhuowei:before {
+  content: "\e603";
+}
+
+.icon-baiduwaimai:before {
+  content: "\e625";
+}
+
+.icon-shouye:before {
+  content: "\e62a";
+}
+
+.icon-dianhua:before {
+  content: "\e606";
+}
+
+.icon-kaiguanguan:before {
+  content: "\e639";
+}
+
+.icon-weixinzhifu:before {
+  content: "\e614";
+}
+
+.icon-waimai:before {
+  content: "\e621";
+}
+
+.icon-bu:before {
+  content: "\e75c";
+}
+
+.icon-gonghao:before {
+  content: "\e612";
+}
+
+.icon-ziyuan:before {
+  content: "\e6e6";
+}
+
+.icon-class:before {
+  content: "\e61a";
+}
+
+.icon-xialazhankai:before {
+  content: "\e65f";
+}
+
+.icon-paihang1:before {
+  content: "\e660";
+}
+
+.icon-chongzhi:before {
+  content: "\e60f";
+}
+
+.icon-dingdan:before {
+  content: "\e728";
+}
+
+.icon-beian:before {
+  content: "\e611";
+}
+
+.icon-yinlian:before {
+  content: "\e635";
+}
+
+.icon-qiehuan:before {
+  content: "\e87f";
+}
+
+.icon-shanchu:before {
+  content: "\e667";
+}
+
+.icon-yunmaxiaoyuanicon_dianzicanquanfuben:before {
+  content: "\e6ad";
+}
+
+.icon-suoding:before {
+  content: "\e62e";
+}
+
+.icon-guashi:before {
+  content: "\e638";
+}
+
+.icon-faqia:before {
+  content: "\e610";
+}
+
+.icon-shijian:before {
+  content: "\e68f";
+}
+
+.icon-qitashezhi:before {
+  content: "\e61d";
+}
+
+.icon-huiyuanqia:before {
+  content: "\e627";
+}
+
+.icon-zhuozi:before {
+  content: "\e622";
+}
+
+.icon-tuikuan:before {
+  content: "\e61f";
+}
+
+.icon-jianshao:before {
+  content: "\e6ac";
+}
+
+.icon-zhifubao:before {
+  content: "\e601";
+}
+
+.icon-song1:before {
+  content: "\e6b4";
+}
+
+.icon-genggaixinxi-:before {
+  content: "\e624";
+}
+
+.icon-member:before {
+  content: "\e671";
+}
+
+.icon-zhangqi:before {
+  content: "\e74f";
+}
+
+.icon-xinzeng1:before {
+  content: "\e6b3";
+}
+
+.icon-xinzeng2:before {
+  content: "\e678";
+}
+
+.icon-wode-gengduodingdan:before {
+  content: "\e62f";
+}
+
+.icon-zhengque:before {
+  content: "\e628";
+}
+
+.icon-zhuozi1:before {
+  content: "\e6f9";
+}
+
+.icon-guanbi:before {
+  content: "\e620";
+}
+
+.icon-ulock-line:before {
+  content: "\e636";
+}
+
+.icon-weibiaoti--:before {
+  content: "\e630";
+}
+
+.icon-yijiezhang:before {
+  content: "\e619";
+}
+
+.icon-suoding1:before {
+  content: "\e69e";
+}
+
+.icon-shanchu1:before {
+  content: "\e676";
+}
+
+.icon-dayinceshiye:before {
+  content: "\e60b";
+}
+
+.icon-lian:before {
+  content: "\e629";
+}
+
+.icon-songda:before {
+  content: "\e60c";
+}
+
+.icon-daxiaoxie:before {
+  content: "\ec49";
+}
+
+.icon-zengjia:before {
+  content: "\e684";
+}
+

public/image/loading.svg

+<svg class="lds-message" width="80px"  height="80px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><g transform="translate(20 50)">
+<circle cx="0" cy="0" r="7" fill="#e15b64" transform="scale(0.99275 0.99275)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.375s" calcMode="spline" keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s" repeatCount="indefinite"></animateTransform>
+</circle>
+</g><g transform="translate(40 50)">
+<circle cx="0" cy="0" r="7" fill="#f47e60" transform="scale(0.773605 0.773605)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.25s" calcMode="spline" keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s" repeatCount="indefinite"></animateTransform>
+</circle>
+</g><g transform="translate(60 50)">
+<circle cx="0" cy="0" r="7" fill="#f8b26a" transform="scale(0.42525 0.42525)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.125s" calcMode="spline" keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s" repeatCount="indefinite"></animateTransform>
+</circle>
+</g><g transform="translate(80 50)">
+<circle cx="0" cy="0" r="7" fill="#abbd81" transform="scale(0.113418 0.113418)">
+  <animateTransform attributeName="transform" type="scale" begin="0s" calcMode="spline" keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s" repeatCount="indefinite"></animateTransform>
+</circle>
+</g></svg>
\ No newline at end of file

public/index.html

+<!DOCTYPE html>
+<html lang="en" style="font-size: 192px;">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <!-- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> -->
+  <meta name="viewport" content="initial-scale=0.5,maximum-scale=1,user-scalable=no">
+  <meta name="renderer" content="webkit">
+  <script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>
+  <!-- <script src="https://g.alicdn.com/gdt/jsapi/1.9.12/index.js"></script> -->
+  <script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+  <title>定海</title>
+  <script>
+	  //稳定性监控
+	  try {
+      const config = {
+        bid: 'SZDH_zzdpro',
+        signkey: '1234567890abcdef',
+        gateway: 'https://wpk-gate.zjzwfw.gov.cn'
+      };
+      const wpk = new wpkReporter(config);
+      wpk.installAll();
+      window._wpk = wpk;
+      } catch (err) {
+      console.error('WpkReporter init fail', err);
+      }
+
+      //通用采集 SDK
+      (function(w, d, s, q, i) {
+        w[q] = w[q] || [];
+        var f = d.getElementsByTagName(s)[0],j = d.createElement(s);
+        j.async = true;
+        j.id = 'beacon-aplus';
+        j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js';
+        f.parentNode.insertBefore(j, f);
+      })(window, document, 'script', 'aplus_queue');
+
+      aplus_queue.push({
+        action: 'aplus.setMetaInfo',
+        arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn']
+      });
+      aplus_queue.push({
+        action: 'aplus.setMetaInfo',
+        arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn']
+      });
+
+      var u = navigator.userAgent
+      var isAndroid = u.indexOf('Android') > -1
+      var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
+
+      aplus_queue.push({
+        action: 'aplus.setMetaInfo',
+        arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
+      });
+
+        //用户信息埋点
+        // 如采集用户信息是异步行为需要先执行这个BLOCK埋点
+        aplus_queue.push({
+          action: 'aplus.setMetaInfo',
+          arguments: ['_hold', 'BLOCK']
+        });
+
+        //基础埋点
+        // 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点：
+        aplus_queue.push({
+          action: 'aplus.setMetaInfo',
+          arguments: ['aplus-waiting', 'MAN']
+        });
+        // // 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点
+        // // 此时被block住的日志会携带上用户信息逐条发出
+        aplus_queue.push({
+          action: 'aplus.setMetaInfo',
+          arguments: ['_hold', 'START']
+        });
+    </script>
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but ligthrestaurant doesn't work properly without
+      JavaScript enabled. Please enable it to continue.</strong>
+  </noscript>
+  <div id="app">
+    <div style="background: #ecf0f5;text-align: center;height: 100vh;font-family: 'Comfortaa', cursive;"><img
+        style="width: 100px;height: 80vh;margin: 20px;display: inline-block;" src="./image/loading.svg"></div>
+  </div>
+  <!-- built files will be auto injected -->
+</body>
+</html>
\ No newline at end of file

src/App.vue

+<template>
+  <a-config-provider :locale="locale">
+    <div id="app">
+      <div class="content">
+      <router-view/>
+      </div>
+    </div>
+  </a-config-provider>
+</template>
+<script>
+import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
+/* eslint-disable */
+export default {
+  name: 'App',
+  data() {
+    return {
+        locale: zhCN,
+        show:false,
+        screenWidth: document.body.clientWidth, // 屏幕尺寸
+    }
+  },
+  mounted () {
+        const that = this
+          window.addEventListener('resize',()=>{
+            window.screenWidth = document.body.clientWidth
+            that.screenWidth = window.screenWidth
+            var news = document.documentElement;
+            news.style.fontSize = that.screenWidth / 10 + 'px'
+          });
+          var news = document.documentElement;
+          news.style.fontSize = that.screenWidth / 10 + 'px'
+  },
+}
+/* eslint-enable */
+</script>
+<style lang="less">
+body {
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  &::-webkit-scrollbar-corner {
+    background: rgb(200, 210, 224);
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #2397f6;
+    border-radius: 10px;
+  }
+  &::-webkit-scrollbar-track {
+    background: #f3f4f9;
+    border-radius: 2px;
+  }
+}
+</style>

src/api/index.js

+import axios from '@/axios/index.js'
+
+export function getMoneyCount () {
+  return axios({
+    url: '/gov/whole/research/money/count',
+    method: 'get',
+  })
+}
+
+export function getEnterprises () {
+  return axios({
+    url: '/gov/scientific/enterprises',
+    method: 'get',
+  })
+}
+
+export function getAchievements () {
+  return axios({
+    url: '/gov/scientific/achievements',
+    method: 'get',
+  })
+}
+
+export function create () {
+  return axios({
+    url: '/gov/science/create',
+    method: 'get',
+  })
+}

src/axios/index.js

+import axios from 'axios'
+import store from '@/store' // progress bar style
+// import ElementUI from 'element-ui'
+// import router from '../router'
+// import Vue from 'vue';
+/* eslint-disable */
+// 默认配置一个api代理转发
+axios.defaults.baseURL = '/userApi';
+// axios.defaults.baseURL = '/api';
+
+// 跨域请求，允许保存cookie
+axios.defaults.withCredentials = true
+axios.defaults.headers.common['token'] = 'Bearer ' + store.getters.access_token
+axios.defaults.headers.common['Authorization'] = 'bearer ' + store.getters.access_token
+// 配置接口返回code不为0时 弹出错误配置信息
+axios.interceptors.response.use((config) => {
+  // const token = store.getters.access_token
+  // if(token){
+  //   config.headers.common['token'] = 'Bearer ' + token// token
+  //   // console.log('嘻嘻嘻嘻',config,config.headers)
+  // }
+  return config
+}, function (error) {
+    if (error.response) {
+        if(error.response.status === 401){
+          return Promise.reject(error.response.data) 
+        }
+        if (error.response.data.code === 1 && error.response.status !== 401){
+          return Promise.reject(error.response.data) 
+        }
+      }
+  })
+  export default axios
+  /* eslint-enable */

src/components/header1.vue

+<template>
+  <div class="header">
+    <div class="header-one">
+      <div style="display: flex">
+        <div @click="gotoGov" style="cursor: pointer;">数字政府</div>
+      <span v-if="!isHome">
+        <a-dropdown>
+            <a class="ant-dropdown-link">
+              定海<a-icon type="down" style="margin-left: 5px"/>
+            </a>
+            <a-menu slot="overlay">
+              <a-menu-item v-for="(item,index) in list" :key="index">
+                <div @click="goto(item.url)">{{ item.name }}</div>
+              </a-menu-item>
+            </a-menu>
+        </a-dropdown>
+      </span>
+      </div>
+      
+      <div>
+        <div class="top-name">
+          <div class="top-button" @click="gotoHome">数字舟山</div>
+          <div class="admin-name">{{userInfo.aliasName}}</div>
+        </div>
+      </div>
+    </div>
+    <div class="header-search" @click="gotoSearch">
+      请输入关键词
+      <div class="header-search-button">搜索</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { clearStore } from '@/util/store'
+export default {
+  props: {
+    noSearch: {
+      type: Boolean,
+      default: false
+    },
+    headerClick: {
+      type: Boolean,
+      default: false
+    },
+    isHome: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      list: [{
+        name: '舟山',
+        url: 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
+      },{
+        name: '定海',
+        url: '/gov'
+      },{
+        name: '普陀',
+        url: 'https://szh.putuo.gov.cn:4443/digitgov_index'
+      },{
+        name: '岱山',
+        url: 'https://szgg.daishan.gov.cn:8088/#/dashboard'
+      },{
+        name: '嵊泗',
+        url: 'https://szss.shengsi.gov.cn/portal/?isNum=1'
+      },{
+        name: '高新区',
+        url: 'http://60.163.193.114:8081/#/gov'
+      },{
+        name: '普朱',
+        url: 'http://61.153.218.179:8082/#/govDigital'
+      },{
+        name: '新城',
+        url: 'http://60.163.193.140:8081/#/gov'
+      },{
+        name: '金塘',
+        url: 'http://60.163.193.146:8081/#/govDigital'
+      },{
+        name: '六横',
+        url: 'http://60.163.193.145:8081/#/govDigital'
+      }]
+    }
+  },
+  computed: {
+    ...mapGetters(['userInfo'])
+  },
+  methods: {
+    gotoSearch () {
+      this.$router.push({
+        path: '/search'
+      })
+    },
+    gotoGov () {
+      // if (this.headerClick) {
+        this.$router.push({
+          path: '/gov'
+        })
+      // }else{
+        // this.$router.push({
+        //   path: '/home'
+        // })
+      // }
+    },
+    gotoHome () {
+      let herf = 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
+      // if (this.isHome) {
+      //   // window.location.href = 'https://szzs.zhoushan.gov.cn/portal/#/'
+      //   herf = 'https://szzs.zhoushan.gov.cn/portal/#/'
+      // } else {
+      //   herf = 'https://szzs.zhoushan.gov.cn/portal/#/dashboard'
+      // }
+      let ua = navigator.userAgent.toLowerCase()
+      if((ua.indexOf('dingtalk') >= 0 || !!ua.match(/AppleWebKit.*Mobile.*/) || ua.indexOf('iPad') > -1 || ua.indexOf('ipad') > -1 || ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1)){
+            dd.openLink({
+                url: `${herf}?ddtab=true`
+            }).then(res => {
+                console.log(res)
+          }).catch(err => {})
+        }else{
+          window.open(herf,'_blank')
+        }
+    },
+    goto (val) {
+      if( val === '/gov' ){
+        this.$router.push({
+          path: '/gov'
+        })
+        return false
+      }
+      if( val ){
+        let herf = val
+        let ua = navigator.userAgent.toLowerCase()
+        if((ua.indexOf('dingtalk') >= 0 || !!ua.match(/AppleWebKit.*Mobile.*/) || ua.indexOf('iPad') > -1 || ua.indexOf('ipad') > -1 || ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1)){
+              dd.openLink({
+                  url: `${herf}?ddtab=true`
+              }).then(res => {
+                  console.log(res)
+            }).catch(err => {})
+          }else{
+            window.open(herf,'_blank')
+          }
+      }
+    },
+    logout () {
+      clearStore({
+        type: 'all'
+      })
+      this.$router.push({
+        path: '/login'
+      })
+    }
+  }
+}
+
+</script>
+
+<style lang="less" scoped>
+  .header {
+      background: url(/image/header.png);
+      height: 3rem;
+      background-size: 100% 100%;
+  }
+  .top-name{
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+    .admin-name{
+      display: flex;
+      align-items: center;
+      font-size: 0.15rem;
+      letter-spacing: 0.1rem;
+      &::before{
+        width: .25974rem;
+        height: .25974rem;
+        margin-right: .15rem;
+        display: inline-block;
+        background: url(/image/user1.png) no-repeat;
+        background-size: 100% 100%;
+        vertical-align: top;
+        content: "";
+      }
+    }
+  }
+  .header-one {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.3rem 0.47rem;
+    div {
+      font-size: 0.18rem;
+      color: #FCFCFC;
+    }
+    .top-button {
+      font-size: 0.09rem;
+      padding: 0.045rem 0.12rem;
+      background: #25A0F9;
+      border-radius: 3px;
+      margin-right: 0.4rem;
+      cursor: pointer;
+    }
+    ::v-deep a {
+      color: white;
+      font-size: 0.13rem;
+      margin-left: 10px;
+    }
+  }
+  .header-search {
+    width: 50%;
+    margin: 0 auto;
+    color: rgba(112, 112, 112, 0.5);
+    padding: 0.08rem 0.18rem;
+    position: relative;
+    background: white;
+    border-radius: 10px;
+    font-size: 0.1rem;
+    margin-top: 0.12rem;
+    cursor: pointer;
+    .header-search-button {
+      cursor: pointer;
+      color: #FFFFFF;
+      border-radius: 0 10px 10px 0;
+      background: #FC8F4A;
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      padding: 0 0.25rem;
+      font-size: 0.1rem;
+    }
+  }
+</style>

src/main.js

+import Vue from 'vue';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+import '../public/css/iconfont.css';
+import Antd from 'ant-design-vue';
+import 'ant-design-vue/dist/antd.css';
+import * as echarts from 'echarts';
+import '../public/css/base.less';
+import axios from './axios/index.js'
+
+import VueParticles from 'vue-particles'
+Vue.use(VueParticles)
+Vue.prototype.$echarts = echarts
+
+Vue.use(Antd);
+
+Vue.config.productionTip = false;
+new Vue({
+  router,
+  store,
+  axios,
+  render: h => h(App)
+}).$mount('#app');

src/router.js

+import Vue from 'vue';
+import Router from 'vue-router';
+
+Vue.use(Router);
+const router = new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: () => import('./views/home/index.vue'),
+      meta: {
+        name: '首页'
+      }
+    }
+  ]
+})
+export default router;

src/store/getters.js

+const getters = {
+  userInfo: state => state.common.userInfo,
+  access_token: state => state.common.access_token,
+  refresh_token: state => state.common.refresh_token
+}
+export default getters

src/store/index.js

+import Vue from 'vue'
+import Vuex from 'vuex'
+import common from './modules/common'
+import getters from './getters'
+
+Vue.use(Vuex)
+const store = new Vuex.Store({
+  modules: {
+    common
+  },
+  getters
+})
+
+export default store

src/store/modules/common.js

+import { getStore, setStore } from '@/util/store';
+/*eslint-disable*/
+const common = {
+  state: {
+    access_token:
+      getStore({
+        name: 'access_token'
+      }) || '',
+    refresh_token:
+      getStore({
+        name: 'refresh_token'
+      }) || '',
+    userInfo: getStore({
+      name: 'userInfo'
+    }) || {}
+  },
+  actions: {
+    LoginByQrcode ({ commit }, userInfo) {
+
+    }
+  },
+  mutations: {
+    SET_ACCESS_TOKEN: (state, access_token) => {
+      state.access_token = access_token;
+      setStore({
+        name: 'access_token',
+        content: state.access_token,
+        type: 'session'
+      });
+    },
+    SET_USERINFO: (state, userInfo) => {
+      state.userInfo = userInfo;
+      setStore({
+        name: 'userInfo',
+        content: state.userInfo,
+        type: 'session'
+      });
+    },
+  }
+}
+export default common

src/util/mixins.js

+export default {
+  data () {
+    return {
+    }
+  },
+  components: { },
+  methods: {
+    // list 循环的数组 name 拿出来的值 sort是否倒序一下
+    getDetailData(list,name,sort) {
+        let data = list.map(item => {
+            return item[name];
+        })
+        if( sort ){
+          data = data.reverse()
+        }
+        return data
+      },
+    getLI (arr,name) {
+      let map = {}
+      for (let i = 0; i < arr.length; i++) {
+          let ai = arr[i]
+          if (!map[ai[name]]) {
+              map[ai[name]] = [ai]
+          } else {
+              map[ai[name]].push(ai)
+          }
+      }
+      let ress = []
+      Object.keys(map).forEach(key => {
+          ress.push({
+              id: key,
+              data: map[key],
+          })
+      })
+      return ress
+    },
+    getDetailDatabyName(list,name,byname,sort) {
+      let data = []
+      list.map(item => {
+          if( item.zjd === byname ){
+              data.push(item[name].toFixed(2));
+          }
+      })
+      if( sort ){
+          data = data.reverse()
+      }
+      return data
+    },
+    get100(list) {
+      let data = list.map(item => {
+          return Number(item) * 100;
+      })
+      return data
+    },
+    // 页面变化耕者变化  不然一个一个写太多了
+    getSe (array) {
+      window.onresize = ()=>{
+        for (let index = 0; index < array; index++) {
+          this[`myChart${index ? index : ''}`].resize()
+        }
+      }
+    },
+    // 相加
+    getSum (array,name) {
+      let data = 0
+      array.forEach(element => {
+        data = data + element[name]
+      });
+      return data
+    }
+  },
+}
\ No newline at end of file

src/util/store.js

+/*eslint-disable*/
+/**
+ * 判断是否为空
+ */
+ const validatenull = (val) => {
+  if (typeof val === 'boolean') {
+    return false
+  }
+  if (typeof val === 'number') {
+    return false
+  }
+  if (val instanceof Array) {
+    if (val.length === 0) return true
+  } else if (val instanceof Object) {
+    if (JSON.stringify(val) === '{}') return true
+  } else {
+    if (val === 'null' || val == null || val === 'undefined' || val === undefined || val === '') return true
+    return false
+  }
+  return false
+}
+/**
+ * 存储localStorage
+ */
+export const setStore = (params = {}) => {
+  let {
+    name,
+    content,
+    type
+  } = params
+  name = 'ZSSZ-' + name
+  const obj = {
+    dataType: typeof (content),
+    content: content,
+    type: type,
+    datetime: new Date().getTime()
+  }
+
+  if (type) {
+    window.sessionStorage.setItem(name, JSON.stringify(obj))
+  } else {
+    window.localStorage.setItem(name, JSON.stringify(obj))
+  }
+}
+/**
+ * 获取localStorage
+ */
+
+export const getStore = (params = {}) => {
+  let {
+    name,
+    debug
+  } = params
+  name = 'ZSSZ-' + name
+  let obj = {}
+  let content
+  obj = window.sessionStorage.getItem(name)
+  if (validatenull(obj)) obj = window.localStorage.getItem(name)
+  if (validatenull(obj)) return
+  try {
+    obj = JSON.parse(obj)
+  } catch (e) {
+    return obj
+  }
+  if (debug) {
+    return obj
+  }
+  if (obj.dataType === 'string') {
+    content = obj.content
+  } else if (obj.dataType === 'number') {
+    content = Number(obj.content)
+  } else if (obj.dataType === 'boolean') {
+    content = eval(obj.content)
+  } else if (obj.dataType === 'object') {
+    content = obj.content
+  }
+  return content
+}
+/**
+ * 删除localStorage
+ */
+export const removeStore = (params = {}) => {
+  let {
+    name,
+    type
+  } = params
+  name = 'ZSSZ-' + name
+  if (type) {
+    window.sessionStorage.removeItem(name)
+  } else {
+    window.localStorage.removeItem(name)
+  }
+}
+
+/**
+ * 获取全部localStorage
+ */
+export const getAllStore = (params = {}) => {
+  const list = []
+  const {
+    type
+  } = params
+  if (type) {
+    for (let i = 0; i <= window.sessionStorage.length; i++) {
+      list.push({
+        name: window.sessionStorage.key(i),
+        content: getStore({
+          name: window.sessionStorage.key(i),
+          type: 'session'
+        })
+      })
+    }
+  } else {
+    for (let i = 0; i <= window.localStorage.length; i++) {
+      list.push({
+        name: window.localStorage.key(i),
+        content: getStore({
+          name: window.localStorage.key(i)
+        })
+      })
+    }
+  }
+  return list
+}
+
+/**
+ * 清空全部localStorage
+ */
+export const clearStore = (params = {}) => {
+  const {type} = params
+  if (type) {
+    window.sessionStorage.clear()
+  } else {
+    window.localStorage.clear()
+  }
+}

src/views/home/index.vue

+<template>
+  <div class="about">
+    <h1>This is an about 2page</h1>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+    };
+  },
+  methods: {
+  },
+  mounted() {
+  }
+};
+</script>

src/views/index.vue

+<template>
+  <div class="about">
+    <h1>This is an about 2page</h1>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+    };
+  },
+  methods: {
+  },
+  mounted() {
+  }
+};
+</script>

vue.config.js

+module.exports = {
+  publicPath: process.env.NODE_ENV === 'production' ? './' : './',
+  outputDir: 'dist',
+  lintOnSave: true,
+  runtimeCompiler: true, //关键点在这
+  // 调整内部的 webpack 配置。
+  // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md
+  chainWebpack: () => {},
+  configureWebpack: () => {},
+  // 配置 webpack-dev-server 行为。
+  devServer: {
+    open: process.platform === 'darwin',
+    host: '0.0.0.0',
+    port: 8080,
+    https: false,
+    hotOnly: false,
+    // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理
+    proxy: {
+      '/userApi': {
+        // target: 'http://192.168.2.146:8083/',
+        target: 'https://szdh.dinghai.gov.cn:8081/',
+        // target: 'http://8.131.226.44:8081/',
+        changeOrigin: true,
+        pathRewrite: {
+          '^/userApi': '/userApi'
+        }
+      }
+    },
+    before: app => {}
+  }
+};