开发新证书页面

3c10959d · lihuihui · f4f5a84c · 3c10959d · 3c10959d · 3c10959d
--- a/.config.dev.js
+++ b/.config.dev.js
@@ -35,6 +35,6 @@ module.exports = {
  },
  others: {
+    loginUrl: 'https://login2.ezijing.com/'
  }
 }
--- a/.config.pro.js
+++ b/.config.pro.js
@@ -16,6 +16,6 @@ module.exports = {
  },
  others: {
+    loginUrl: 'https://login.ezijing.com/'
  }
 }
--- a/.config.test.js
+++ b/.config.test.js
@@ -17,6 +17,6 @@ module.exports = {
  },
  others: {
+    loginUrl: 'https://login2.ezijing.com/'
  }
 }
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -76,13 +76,16 @@
    "core-js": "^3.6.5",
    "cross-env": "^7.0.2",
    "element-ui": "^2.13.2",
+    "html2canvas": "*",
    "js-cookie": "^2.2.1",
+    "jspdf": "^2.3.1",
    "lodash": "^4.17.20",
    "vue": "^2.6.12",
    "vue-i18n": "^8.22.0",
    "vue-loader": "^15.9.3",
    "vue-meta-info": "^0.1.7",
    "vue-router": "^3.4.6",
-    "vue-template-compiler": "^2.6.12"
+    "vue-template-compiler": "^2.6.12",
+    "vuex": "^3.6.0"
  }
 }
--- a/src/action/CertsAction.js
+++ b/src/action/CertsAction.js
-import BaseACTION from './base_action'
-import { Certs } from '@api'
-export default class CertsAction extends BaseACTION {
-  /* get传输方式 */
-  getCert (id) {
-    return Certs.getCert(id).then(res => {
-      return res
-    }).catch(res => {
-      return JSON.parse(res.message) || { test: 'OK' }
-    })
-  }
-  /* post传输方式 */
-  search (obj = {}) {
-    return Certs.search(obj).then(res => {
-      return res
-    }).catch(res => {
-      return JSON.parse(res.message) || { test: 'OK' }
-    })
-  }
-}
--- a/src/action/TestAction.js
+++ b/src/action/TestAction.js
-import BaseACTION from './base_action'
-import { Test } from '@api'
-export default class TestAction extends BaseACTION {
-  /* get传输方式 */
-  getTest (id) {
-    return Test.getTest(id).then(res => {
-      return res || { test: this.getVueInstance().$t('action.interface') }
-    }).catch(res => {
-      return res || { test: this.getVueInstance().$t('action.interface') }
-    })
-  }
-  /* post传输方式 */
-  postTest (obj = {}) {
-    return Test.postTest(obj).then(res => {
-      return res || { test: 'OK' }
-    }).catch(res => {
-      return res || { test: 'OK' }
-    })
-  }
-  /* 当前登录用户，检测是否该系统有权限 */
-  getInfo () {
-    return Test.getInfo().then(res => {
-      return res || { test: 'OK' }
-    }).catch(res => {
-      return res || { test: 'OK' }
-    })
-  }
-}
--- a/src/action/base_action.js
+++ b/src/action/base_action.js
-export default class ACTION {
-  getVueInstance () {
-    return window.G.$instance_vue
-  }
-}
--- a/src/action/index.js
+++ b/src/action/index.js
-import TestAction from './TestAction'
-import CertsAction from './CertsAction'
-const Test = new TestAction()
-const Certs = new CertsAction()
-const cAction = {
-  Test,
-  Certs
-}
-export default cAction
--- a/src/api/account.js
+++ b/src/api/account.js
+import httpRequest from '@/utils/axios'
+// 登录
+export function login(data) {
+  return httpRequest.post('/api/passport/rest/login', data)
+}
+// 绑定微信
+export function bindWechat(data) {
+  return httpRequest.post('/api/passport/rest/wechat/bind-unionid', data)
+}
+// 修改密码
+export function updatePassword(data) {
+  return httpRequest.post('/api/usercenter/user/change-pwd-by-cookie', data)
+}
+// 重置密码
+export function resetPassword(data) {
+  return httpRequest.post('/api/usercenter/user/update-pwd', data)
+}
+// 发送验证码
+export function sendCode(data) {
+  return httpRequest.post('/api/usercenter/user/send-code', data)
+}
+// 登出
+export function logout() {
+  return httpRequest.get('/api/zy/user/logout')
+}
+// 获取用户信息
+export function getUser() {
+  return httpRequest.get('/api/zy/user/getinfo')
+}
+// 修改用户信息
+export function updateUser(data) {
+  return httpRequest.post('/api/usercenter/user/update-user', data)
+}
+// 绑定游客
+export function bindVisitor(data) {
+  return httpRequest.post('/api/zy/user/bind-account', data)
+}
+// 获取是否VIP
+export function getIsVip() {
+  return httpRequest.get('/api/zy/user/is-vip')
+}
+// 创建游客用户
+export function createGuestUser() {
+  return httpRequest.get('/api/zy/user/create-guest-user')
+}
+// 校验验证码
+export function checkCode(params) {
+  return httpRequest.get('/api/usercenter/user/check-code', { params })
+}
+// 选择用户角色
+export function chooseRole(data) {
+  return httpRequest.post('/api/zy/user/choose-role', data)
+}
--- a/src/api/base_api.js
+++ b/src/api/base_api.js
-import axios from 'axios'
-import _ from 'lodash'
-export default class API {
-  constructor (config) {
-    /* 创建一个 自定义配置axios实例 */
-    // 让ajax携带cookie
-    axios.defaults.withCredentials = true
-    this._axios = axios.create({
-      timeout: config.timeout || 5 * 1000,
-      /* 表示服务器响应的数据类型，可以是 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream' */
-      responseType: config.resType || 'json',
-      /* 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL */
-      baseURL: config.apiBaseURL || '',
-      /* 即将被发送的自定义请求头 */
-      headers: {
-        Accept: '*/*',
-        'Accept-Language': '',
-        'Content-Type': 'application/x-www-form-urlencoded'
-        // 'apiKey': 'McS1WsnMwMhsfc7cJ7Y0'
-      }
-    })
-  }
-  /* 获取当前Vue创建实例 */ // http://certs.ezijing.com/
-  getVueInstance () {
-    return window.G.$instance_vue
-  }
-  /* 重新封装 请求时的执行函数 */
-  _request (_config = {}) {
-    /* 具体执行请求成功后业务逻辑前，先执行该方法 */
-    const beforeSuccess = _config.beforeSuccess ? _config.beforeSuccess : this._reqSuccess
-    /* 具体执行请求失败后业务逻辑前，先执行该方法 */
-    const beforeFail = _config.beforeFail ? _config.beforeFail : this._reqFail
-    const headers = {}
-    _config.headers = _.assignIn(_config.headers, headers)
-    /* 判别 传输方式 */
-    if (_config.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
-      let str = ''
-      const _obj = _config.data || _config.params
-      for (const key in _obj) {
-        str += key + '=' + _obj[key] + '&'
-      }
-      str = str.substr(0, str.length - 1)
-      if (_config.data) {
-        _config.data = str
-      } else {
-        _config.params = str
-      }
-    }
-    if (_config.headers['Content-Type'] === 'multipart/form-data') {
-      let fr = new FormData() // eslint-disable-line
-      const _obj = _config.data || _config.params
-      for (const key in _obj) {
-        fr.append(key, _obj[key])
-      }
-      _config.data = fr
-    }
-    /* 创建并根据参数发起请求 */
-    return this._axios(_config)
-      .then(beforeSuccess.bind(this), beforeFail.bind(this))
-  }
-  /**
-   * 统一处理request success操作，在实现业务逻辑前进行统一处理。
-   * 注意：如果不能满足需求，可在接口定义处重新实现
-   * @param {[object]} res 返回数据
-   */
-  _reqSuccess (res) {
-    const { status, data } = res
-    let err = null
-    if (status === 200) {
-      return data
-    } else {
-      err = new Error(JSON.stringify(res.data))
-      throw err
-    }
-  }
-  /**
-   * 统一处理request fail操作，在实现业务逻辑前进行统一处理。
-   * 注意：如果不能满足需求，可在接口定义处重新实现
-   * @param {[object]} res 如果未到达 response 阶段，则无res.response
-   */
-  _reqFail (res) {
-    let err = null
-    if (res.code === 'ECONNABORTED') {
-      err = new Error('网络超时，请稍后重试')
-    } else if (res.response) {
-      err = new Error(JSON.stringify(res.response))
-    } else {
-      err = new Error('msg:' + res.message + 'stack:' + res.stack)
-      err.code = 500
-    }
-    /* 如果出错，创建错误对象，并抛出一个错误。 */
-    throw err
-  }
-  /* 重新实现 get请求 */
-  get (url, data, config) {
-    return this._request(_.assignIn({ url, method: 'GET', params: data }, config))
-  }
-  /* 重新实现 post请求 */
-  post (url, data, config) {
-    return this._request(_.assignIn({ url, method: 'POST', data: data }, config))
-  }
-  /* 重新实现 put请求 */
-  put (url, data, config) {
-    return this._request(_.assignIn({ url, method: 'PUT', data: data }, config))
-  }
-  /* 重新实现 delete请求 */
-  delete (url, data, config) {
-    return this._request(_.assignIn({ url, method: 'DELETE', params: data }, config))
-  }
-}
--- a/src/api/certs_api.js
+++ b/src/api/certs_api.js
-import BaseAPI from './base_api'
-export default class CertsAPI extends BaseAPI {
-  /**
-   * get传输方式
-   * @param {[string]} id resource_id
-   */
-  getCert = (obj) => this.get('/certs/v1/certificate/cert/get', obj)
-  /**
-   * post传输方式
-   * @param {[object]} obj
-   */
-  search = (obj = {}) => this.post('/certs/v1/certificate/cert/search', obj, { headers: { 'Content-Type': 'multipart/form-data' } })
-  // search = (obj = {}) => this.post('/certs/v1/certificate/cert/search', obj)
-}
--- a/src/api/index.js
+++ b/src/api/index.js
-import TestAPI from './test_api'
-import CertsAPI from './certs_api'
-const Test = new TestAPI(webConf)
-const Certs = new CertsAPI(webConf)
-export {
-  Test,
-  Certs
-}
--- a/src/api/test_api.js
+++ b/src/api/test_api.js
-import BaseAPI from './base_api'
-export default class TestAPI extends BaseAPI {
-  /**
-   * get传输方式
-   * @param {[string]} id resource_id
-   */
-  getTest = (id) => this.get(`/vue-client/get/${id}`, {})
-  /**
-   * post传输方式
-   * @param {[object]} obj
-   */
-  postTest = (obj = {}) => this.post('/passport/rest/login', obj, { headers: { 'Content-Type': 'multipart/form-data' } })
-  /**
-  * 当前登录用户，检测是否该系统有权限
-  */
- getInfo = () => this.post('/user_center/get_user_info', {}, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } })
-}
--- a/src/components/layout/header.vue
+++ b/src/components/layout/header.vue
-<template>
-  <div class="app-header">
-    <img src="https://zws-imgs-pub.ezijing.com/static/public/6e2f93f8d412e69a7aadedb19dd37485.png" alt="" class="logo">
-  </div>
-</template>
-<script>
-export default {
-}
-</script>
-<style lang="scss" scoped>
-.app-header{
-  width: 100%;
-  height: 130px;
-  background: #FFFFFF;
-  box-shadow: 0px 3px 15px 5px rgba(201, 201, 201, 0.5);
-  padding-top: 26px;
-  box-sizing: border-box;
-  .logo{
-    width: 705px;
-    margin: 0 auto;
-    display: block;
-  }
-}
-</style>
--- a/src/components/layout/shms/header.vue
+++ b/src/components/layout/shms/header.vue
+<template>
+  <div class="app-header">
+    <div class="max-width">
+      <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-logo.png" class="logo">
+      <ul class="menu-content">
+        <li
+          v-for="(item, index) in menu"
+          :key="index"
+          :class="$route.path == item.path && 'active'"
+          @click="$router.push({ path: item.path })"
+        >{{ item.name }}</li>
+      </ul>
+      <div class="user-content">
+        <div class="photo">
+          <img :src="user.avatar" class="photo">
+        </div>
+        <div class="name">{{ user.nickname || user.username }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      menu: [
+        { path: '/shms', name: this.$t('shmsLang.menu.home') },
+        { path: '/shms/status', name: this.$t('shmsLang.menu.status') },
+        { path: '/shms/score', name: this.$t('shmsLang.menu.score') },
+        { path: '/shms/certs', name: this.$t('shmsLang.menu.cert') }
+      ]
+    }
+  },
+  // 切换国际化  key = zh en
+  // this.$i18n.locale = key
+  // localStorage.setItem("i18n_locale", key)
+  computed: {
+    user() {
+      return this.$store.state.user
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.app-header{
+  background: #FFFFFF;
+  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
+  .max-width{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    max-width: 1400px;
+    height: 90px;
+    margin: 0 auto;
+  }
+  .logo{
+    height: 62px;
+    display: block;
+  }
+  .menu-content{
+    width: 623px;
+    display: flex;
+    justify-content: space-between;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    li{
+      position: relative;
+      // a{
+      font-size: 20px;
+      color: #292929;
+      text-decoration: none;
+      // }
+      cursor: pointer;
+      &.active{
+        // a{
+        color: #ED322D;
+        // }
+        &::after{
+          content: '';
+          position: absolute;
+          bottom: -15px;
+          left: 0;
+          width: 100%;
+          height: 3px;
+          background: #ED322D;
+        }
+      }
+    }
+  }
+  .user-content{
+    display: flex;
+    align-items: center;
+    .photo{
+      width: 43px;
+      height: 43px;
+      border: 1px solid #707070;
+      border-radius: 50%;
+      overflow: hidden;
+    }
+    .name{
+      font-size: 14px;
+      color: #5F5F5F;
+      margin-left: 10px;
+    }
+  }
+}
+</style>
--- a/src/components/layout/shms/index.vue
+++ b/src/components/layout/shms/index.vue
+<template>
+  <div class="app-layout">
+    <app-header />
+    <app-main />
+  </div>
+</template>
+<script>
+import AppHeader from './header'
+import AppMain from './main'
+export default {
+  components: { AppHeader, AppMain }
+}
+</script>
+<style lang="scss">
+</style>
--- a/src/components/layout/shms/main.vue
+++ b/src/components/layout/shms/main.vue
+<template>
+  <div class="app-main">
+    <router-view :key="$route.fullPath" />
+  </div>
+</template>
+<script>
+export default {}
+</script>
+<style lang="scss">
+</style>
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+Vue.use(VueI18n)
+// 创建vue-i18n实例i18n
+const i18n = new VueI18n({
+  // 设置默认语言
+  locale: window.localStorage.getItem('i18n_local') || 'zh',
+  messages: {
+    zh: require('./lang/zh'),
+    en: require('./lang/en')
+  }
+})
+export default i18n
--- a/src/i18n/lang/en.js
+++ b/src/i18n/lang/en.js
+export const shmsLang = {
+  menu: {
+    home: 'Home',
+    status: 'Student status',
+    score: 'Test score',
+    cert: 'Certficate'
+  },
+  home: {
+    title: 'Enjoy the unique charms of Swiss Hospitality Education'
+  }
+}
--- a/src/i18n/lang/zh.js
+++ b/src/i18n/lang/zh.js
+export const shmsLang = {
+  menu: {
+    home: 'Home',
+    status: 'Student status',
+    score: 'Test score',
+    cert: 'Certficate'
+  },
+  home: {
+    title: 'Enjoy the unique charms of Swiss Hospitality Education'
+  }
+}
--- a/src/main.js
+++ b/src/main.js
 import Vue from 'vue' // 引入vue框架
 import VueRouter from 'vue-router' // 使用 vue-router
 import createRouter from './router' // router定义
-import VueI18n from 'vue-i18n' // 使用 国际化
+import store from './store'
-import createI18n from './assets/languages' // 国际化定义
 import App from './app.vue' // 初始化 vue页面
 import './style.scss' // 公共样式
 import MetaInfo from 'vue-meta-info'
 import Element from 'element-ui'
-import modules from './modules'
+import i18n from './i18n'
+import htmlToPdf from '@/utils/htmlToPdf.js'
-import createBefore from './components/beforeEnter'
+// import createBefore from './components/beforeEnter'
+import BeforeEnter from './utils/beforeEnter'
+const before = new BeforeEnter()
 Vue.use(VueRouter)
 const router = createRouter()
-Vue.use(VueI18n)
-const i18n = createI18n()
 Vue.use(MetaInfo)
-Vue.use(Element, { i18n: (key, value) => i18n.t(key, value) })
+Vue.use(Element)
-Vue.use(modules, { i18n })
+Vue.use(htmlToPdf)
 /* 设置全局变量 */
 window.G = Vue.prototype.$GLOBAL = {
@@ -35,11 +36,11 @@ window.Promise = Promise
 Vue.prototype.VueEvent = new Vue()
 /* 创建实例之前，通过导航守卫，处理部分逻辑，如：是否直接进入系统 */
-const before = createBefore()
+// const before = createBefore()
 /* 导航守卫 */
 router.beforeEach((to, from, next) => {
  before.update(to, from, next)
  next()
 })
-window.G.$instance_vue = new Vue({ router, i18n, render: (h) => h(App) }).$mount('#app')
+window.G.$instance_vue = new Vue({ store, router, i18n, render: (h) => h(App) }).$mount('#app')
--- a/src/modules/index.js
+++ b/src/modules/index.js
-/* Automatically generated by './build/bin/build-entry.js' */
-/* 模块基于 element-ui，一定在 element-ui后加载 */
-import TestModule from './test-module'
-const components = [
-  TestModule
-]
-const install = function (Vue, opts = {}) {
-  components.forEach(component => {
-    Vue.use(component, opts)
-  })
-}
-/* istanbul ignore if */
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
-}
-export default {
-  install,
-  TestModule
-}
--- a/src/modules/test-module/action/TestModuleAction.js
+++ b/src/modules/test-module/action/TestModuleAction.js
-import BaseACTION from '@/action/base_action'
-import { TestModule } from '../api'
-export default class TestModuleAction extends BaseACTION {
-  /**
-   * 测试模块获取接口
-   */
-  getTestInfo () {
-    return TestModule.getTestInfo().then(res => {
-      return { test: this.getVueInstance().$t('moduleAction.test') } || res
-    }).catch(res => {
-      return { test: this.getVueInstance().$t('moduleAction.test') } || res
-    })
-  }
-}
--- a/src/modules/test-module/action/index.js
+++ b/src/modules/test-module/action/index.js
-import TestModuleAction from './TestModuleAction'
-const TestModule = new TestModuleAction()
-export default TestModule
--- a/src/modules/test-module/api/index.js
+++ b/src/modules/test-module/api/index.js
-import TestModuleAPI from './login_module_api'
-const TestModule = new TestModuleAPI(webConf)
-export {
-  TestModule
-}
--- a/src/modules/test-module/api/login_module_api.js
+++ b/src/modules/test-module/api/login_module_api.js
-import BaseAPI from '@/api/base_api'
-export default class LoginModuleAPI extends BaseAPI {
-  /**
-   * 测试模块获取接口
-   */
-  getTestInfo = () => this.get('/user_center/get_user_info', {}, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } })
-}
--- a/src/modules/test-module/assets/font-icons/demo.css
+++ b/src/modules/test-module/assets/font-icons/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;
-}
--- a/src/modules/test-module/assets/font-icons/demo_index.html
+++ b/src/modules/test-module/assets/font-icons/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=948269" 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 selfAllIcon">&#xe68f;</span>
-                <div class="name">反馈意见</div>
-                <div class="code-name">&amp;#xe68f;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe655;</span>
-                <div class="name">help</div>
-                <div class="code-name">&amp;#xe655;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe60b;</span>
-                <div class="name">视频禁止</div>
-                <div class="code-name">&amp;#xe60b;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe60c;</span>
-                <div class="name">视频播放</div>
-                <div class="code-name">&amp;#xe60c;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe606;</span>
-                <div class="name">退出</div>
-                <div class="code-name">&amp;#xe606;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe627;</span>
-                <div class="name">五角星</div>
-                <div class="code-name">&amp;#xe627;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe614;</span>
-                <div class="name">五角星</div>
-                <div class="code-name">&amp;#xe614;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe611;</span>
-                <div class="name">关闭</div>
-                <div class="code-name">&amp;#xe611;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe632;</span>
-                <div class="name">刷新</div>
-                <div class="code-name">&amp;#xe632;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe743;</span>
-                <div class="name">全屏</div>
-                <div class="code-name">&amp;#xe743;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe60e;</span>
-                <div class="name">视频</div>
-                <div class="code-name">&amp;#xe60e;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe768;</span>
-                <div class="name">播放</div>
-                <div class="code-name">&amp;#xe768;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe650;</span>
-                <div class="name">文件</div>
-                <div class="code-name">&amp;#xe650;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe602;</span>
-                <div class="name">PPT</div>
-                <div class="code-name">&amp;#xe602;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe6ce;</span>
-                <div class="name">image-o</div>
-                <div class="code-name">&amp;#xe6ce;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe615;</span>
-                <div class="name">cc-book</div>
-                <div class="code-name">&amp;#xe615;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe66c;</span>
-                <div class="name">Grade</div>
-                <div class="code-name">&amp;#xe66c;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe609;</span>
-                <div class="name">学习</div>
-                <div class="code-name">&amp;#xe609;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe66b;</span>
-                <div class="name">nav</div>
-                <div class="code-name">&amp;#xe66b;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe607;</span>
-                <div class="name">密码</div>
-                <div class="code-name">&amp;#xe607;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe62e;</span>
-                <div class="name">人物</div>
-                <div class="code-name">&amp;#xe62e;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe601;</span>
-                <div class="name">statistic</div>
-                <div class="code-name">&amp;#xe601;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe67e;</span>
-                <div class="name">discover</div>
-                <div class="code-name">&amp;#xe67e;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe68a;</span>
-                <div class="name">settings</div>
-                <div class="code-name">&amp;#xe68a;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe71e;</span>
-                <div class="name">new</div>
-                <div class="code-name">&amp;#xe71e;</div>
-              </li>
-            <li class="dib">
-              <span class="icon selfAllIcon">&#xe734;</span>
-                <div class="name">album</div>
-                <div class="code-name">&amp;#xe734;</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: 'selfAllIcon';
-  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#selfAllIcon') format('svg');
-}
-</code></pre>
-          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
-<pre><code class="language-css"
->.selfAllIcon {
-  font-family: "selfAllIcon" !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="selfAllIcon"&gt;&amp;#x33;&lt;/span&gt;
-</code></pre>
-          <blockquote>
-            <p>"selfAllIcon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
-          </blockquote>
-          </div>
-      </div>
-      <div class="content font-class">
-        <ul class="icon_lists dib-box">
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-fankuiyijian"></span>
-            <div class="name">
-              反馈意见
-            </div>
-            <div class="code-name">.el-icon-self-fankuiyijian
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-icon-test"></span>
-            <div class="name">
-              help
-            </div>
-            <div class="code-name">.el-icon-self-icon-test
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-shipinjinzhi"></span>
-            <div class="name">
-              视频禁止
-            </div>
-            <div class="code-name">.el-icon-self-shipinjinzhi
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-shipinbofang"></span>
-            <div class="name">
-              视频播放
-            </div>
-            <div class="code-name">.el-icon-self-shipinbofang
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-tuichu"></span>
-            <div class="name">
-              退出
-            </div>
-            <div class="code-name">.el-icon-self-tuichu
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-star_full"></span>
-            <div class="name">
-              五角星
-            </div>
-            <div class="code-name">.el-icon-self-star_full
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-wujiaoxing"></span>
-            <div class="name">
-              五角星
-            </div>
-            <div class="code-name">.el-icon-self-wujiaoxing
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-guanbi"></span>
-            <div class="name">
-              关闭
-            </div>
-            <div class="code-name">.el-icon-self-guanbi
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-xuexiao"></span>
-            <div class="name">
-              刷新
-            </div>
-            <div class="code-name">.el-icon-self-xuexiao
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-quanping"></span>
-            <div class="name">
-              全屏
-            </div>
-            <div class="code-name">.el-icon-self-quanping
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-shipin"></span>
-            <div class="name">
-              视频
-            </div>
-            <div class="code-name">.el-icon-self-shipin
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-iconset0481"></span>
-            <div class="name">
-              播放
-            </div>
-            <div class="code-name">.el-icon-self-iconset0481
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-wenjian"></span>
-            <div class="name">
-              文件
-            </div>
-            <div class="code-name">.el-icon-self-wenjian
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-PPT"></span>
-            <div class="name">
-              PPT
-            </div>
-            <div class="code-name">.el-icon-self-PPT
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-13"></span>
-            <div class="name">
-              image-o
-            </div>
-            <div class="code-name">.el-icon-self-13
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-cc-book"></span>
-            <div class="name">
-              cc-book
-            </div>
-            <div class="code-name">.el-icon-self-cc-book
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-grade"></span>
-            <div class="name">
-              Grade
-            </div>
-            <div class="code-name">.el-icon-self-grade
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-xuexi-"></span>
-            <div class="name">
-              学习
-            </div>
-            <div class="code-name">.el-icon-self-xuexi-
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-nav"></span>
-            <div class="name">
-              nav
-            </div>
-            <div class="code-name">.el-icon-self-nav
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-mima"></span>
-            <div class="name">
-              密码
-            </div>
-            <div class="code-name">.el-icon-self-mima
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-character"></span>
-            <div class="name">
-              人物
-            </div>
-            <div class="code-name">.el-icon-self-character
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-statistic"></span>
-            <div class="name">
-              statistic
-            </div>
-            <div class="code-name">.el-icon-self-statistic
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-discover"></span>
-            <div class="name">
-              discover
-            </div>
-            <div class="code-name">.el-icon-self-discover
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-settings"></span>
-            <div class="name">
-              settings
-            </div>
-            <div class="code-name">.el-icon-self-settings
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-new"></span>
-            <div class="name">
-              new
-            </div>
-            <div class="code-name">.el-icon-self-new
-            </div>
-          </li>
-          <li class="dib">
-            <span class="icon selfAllIcon el-icon-self-album"></span>
-            <div class="name">
-              album
-            </div>
-            <div class="code-name">.el-icon-self-album
-            </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="selfAllIcon el-icon-self-xxx"&gt;&lt;/span&gt;
-</code></pre>
-        <blockquote>
-          <p>"
-            selfAllIcon" 是你项目下的 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="#el-icon-self-fankuiyijian"></use>
-                </svg>
-                <div class="name">反馈意见</div>
-                <div class="code-name">#el-icon-self-fankuiyijian</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-icon-test"></use>
-                </svg>
-                <div class="name">help</div>
-                <div class="code-name">#el-icon-self-icon-test</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-shipinjinzhi"></use>
-                </svg>
-                <div class="name">视频禁止</div>
-                <div class="code-name">#el-icon-self-shipinjinzhi</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-shipinbofang"></use>
-                </svg>
-                <div class="name">视频播放</div>
-                <div class="code-name">#el-icon-self-shipinbofang</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-tuichu"></use>
-                </svg>
-                <div class="name">退出</div>
-                <div class="code-name">#el-icon-self-tuichu</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-star_full"></use>
-                </svg>
-                <div class="name">五角星</div>
-                <div class="code-name">#el-icon-self-star_full</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-wujiaoxing"></use>
-                </svg>
-                <div class="name">五角星</div>
-                <div class="code-name">#el-icon-self-wujiaoxing</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-guanbi"></use>
-                </svg>
-                <div class="name">关闭</div>
-                <div class="code-name">#el-icon-self-guanbi</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-xuexiao"></use>
-                </svg>
-                <div class="name">刷新</div>
-                <div class="code-name">#el-icon-self-xuexiao</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-quanping"></use>
-                </svg>
-                <div class="name">全屏</div>
-                <div class="code-name">#el-icon-self-quanping</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-shipin"></use>
-                </svg>
-                <div class="name">视频</div>
-                <div class="code-name">#el-icon-self-shipin</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-iconset0481"></use>
-                </svg>
-                <div class="name">播放</div>
-                <div class="code-name">#el-icon-self-iconset0481</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-wenjian"></use>
-                </svg>
-                <div class="name">文件</div>
-                <div class="code-name">#el-icon-self-wenjian</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-PPT"></use>
-                </svg>
-                <div class="name">PPT</div>
-                <div class="code-name">#el-icon-self-PPT</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-13"></use>
-                </svg>
-                <div class="name">image-o</div>
-                <div class="code-name">#el-icon-self-13</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-cc-book"></use>
-                </svg>
-                <div class="name">cc-book</div>
-                <div class="code-name">#el-icon-self-cc-book</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-grade"></use>
-                </svg>
-                <div class="name">Grade</div>
-                <div class="code-name">#el-icon-self-grade</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-xuexi-"></use>
-                </svg>
-                <div class="name">学习</div>
-                <div class="code-name">#el-icon-self-xuexi-</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-nav"></use>
-                </svg>
-                <div class="name">nav</div>
-                <div class="code-name">#el-icon-self-nav</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-mima"></use>
-                </svg>
-                <div class="name">密码</div>
-                <div class="code-name">#el-icon-self-mima</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-character"></use>
-                </svg>
-                <div class="name">人物</div>
-                <div class="code-name">#el-icon-self-character</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-statistic"></use>
-                </svg>
-                <div class="name">statistic</div>
-                <div class="code-name">#el-icon-self-statistic</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-discover"></use>
-                </svg>
-                <div class="name">discover</div>
-                <div class="code-name">#el-icon-self-discover</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-settings"></use>
-                </svg>
-                <div class="name">settings</div>
-                <div class="code-name">#el-icon-self-settings</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-new"></use>
-                </svg>
-                <div class="name">new</div>
-                <div class="code-name">#el-icon-self-new</div>
-            </li>
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#el-icon-self-album"></use>
-                </svg>
-                <div class="name">album</div>
-                <div class="code-name">#el-icon-self-album</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>
--- a/src/modules/test-module/assets/font-icons/iconfont.css
+++ b/src/modules/test-module/assets/font-icons/iconfont.css
-@font-face {font-family: "selfAllIcon";
-  src: url('iconfont.eot?t=1585881159034'); /* IE9 */
-  src: url('iconfont.eot?t=1585881159034#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABL0AAsAAAAAIaQAABKlAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGbgqveKYIATYCJANsCzgABCAFhREHgjAbtBszklW6I2T/9YF2hIqL33pkZeskki0qilLMcBKOil5m0SeZ2bXQpTAk9sOChXc5QXbNHyzMt4dSElBrZc/SA2IIJSFbQAcsGYRNhA6r6NR+wMbfZM7MSjYFyZD2DCWE74FkFZDzsb723E8QaDnhIgSOwUl+oLn9u7vB7m7NqDh6GNDDROjZMN2MGrGNGGzOlWLMggkGYPcwMBKxAobO+kSahT+aNj8f+I8wTrukgusHSbdOCUpzRwpCLn5bKJADAASHdnWQilZqSn3/gSZZeXAttZcxyxLcWBhSJEWSYnIppJz/El1/dP1SbgDsK+RAjT8lvO/oXw5RKGA3IyeMnHB+8L/meJRLk9BHHfS6/Gds6YOrRTLHaX+rMWrrOxNQqtNYYV76snWKJZ5pQJNjBQd3K3ZkS0JmBsXpGTFgUh3uSBVHVyMbbsuvH/6ZHIqJpLHnHlcdmL/PrDx0aEEhsK00ifkJnAYixlgkRINkRegWG2SsNEopd+K/k3TzF1GeR4qUKFepRoMh4022ynrHXHDNbZ9GOpva3A795EEWc3TZivWrPXpgnq3BWONNfBk9ecWpq5r+H3k0qpSqVyuWKFOsSLVMgxIVInVqNGkWVGnRqlQ5IYPG5RAW8Q2t5EHoNJJHOpXkmU5KXqRTT16iU0tephOTl+sk5JVUGKsBVwxWDyov1gCuGmwIVHlsPKgwNhkUZ6vAVYCtBxeBHQVXB3YMFNgFcE1g18A1g90GF8A+QaeKkU6dFkam6rQyMpcrlewQEhU4WdsA03GMokeUfPWc9oOLVMIjU5HgnSqXyCgRKwKJ7zEDxQ4i2UBtJDEQdH3oiDQaZurpHmKCsath+2NGjBg3buwYkE4bhq4RK4rpJYcPH2I5/WzQ0MHDhsGhM/Sp1mhkDDUNMC0Nh3nMmenpOnQNMFSAodvlB3X4y9WjwNB02p6dCbkWbeC2KSVIMYUMVWFlV3/d1BJza6n1rjM+ycpnMK95VHnHG2zWuvpPM47w48pZK+wZX6754ojoAVs9+/3QrkjMrST4iuzqnvcUq0EtarD6LkB8lOje/8vBm38D+xKoFfJzJvecYXUYchtrRAhHNQDkoesDGnmR4+N8e5r5ujkmcae1FOGZGXwEhnWQZI3pVqk2MpGtQjjDqFxQM86bYXtc8l5nufWmpUU7mteK1RGJXA1ZUSNuXR0elTJHtVIoqmmRuTorciJfBQxtDUzWdp+HQVyy1jlEKHIcEdjYECLgtk5EdkfY6wS0pLRfoy7yXCQ4d0P3KaGAYfx5M467G5/c9By1rAaf+vOB8lAkhP04tk/IHNq14wDZcfjgLiMYjKlPKSGYXD6uWDm0jxyTYTFwjh7hSnqx3vGjIiowN7NA9XzZw8UYB0/myz5FqkvIVrpDxBjynu9vw2ix6JJuPNGn7OlligNRcUl5lEkI/d700oRABGeYfQATcsi1dVwgj0SZCKQ3Vawe2hctFCDxZVgNHIKElCgrl3uLRmzMpItD7viUeT4Rwym5/k3z7X/jUkfN6n3swO1/rhWbIwZyralWpTM61XPkSpd/RkqpSGiJmZ+11V2CoWSKRgo+HFvj5fFeDm/jXOhKAFjFIT3265xqNBMf3L2k/2nv3ZiQtt3AZfCQdMc66qYHprzDDHmKHUiSjP4DEwYedLca0XraAcmHvSupQme6UWqNTEB/SdMPtQ9yG3hd6JgxkjnUVQRqSEf3yHOoT4mML6+Ca1kRworUglK7e8yUoVUe1BJDPRbMglrda3f3W6XW2IFsc4pZbo9K3etMH/jamBF1qYe9bWZ1Rninu/tOK+qwdtgcg1gjqgXVsH6wlRQsEJsMbVwNZ82SyEnB6K3XiGbOFBHLPq8raJRRtp9zu8MJLIOwRiUNTLlebGpNRgOF6sflufFOtRgK/fWMFFOZZ33QdU8kBt/uzsWiS/6VQxGh/XhnZG/dT30b/VZbaWy/p1zuk46+4Gay5fWWU4u/lQ92vh6AwCDIHCqHUw7wbJBzSCL3ZCopRdNp5RlIUg2kKDtYrQosfyQ7pT0VfnlUMhDb2j90WEXOwYxZro8CheV/GZqgOiXhGh2ijk+AHzBz6G5/faO/vKuFuRx692jUom34E2tiJk7ZItBotTRGJ/P1HRGtelgHQDU6raLm3ASjh/kqoHHlXViDq1kOAK1poolSqXGtZQRvZSg5MJX7rHMaoj34dyvCqMtUyEc/78kpBK6o5l2JyZBrAnHQBvDopBZ1cf3uf6E9eBw99Ye8Ar9uBiOB4kWAT6qDsNCJWkEzbB8fpt5Y3q3HK3g2V/I+vUO5qiqA7NVm5XmqsFLhOzkiolLIu71SSznoLrRjZpamr1niT6EQF+udaCid3RB0sBx/+x97Gm3TuX64fpOdQ+FncRrmRfenKfMelS7mZffpJFmwBPN8r3g0X81DoliMgvdpuyqJylTqXvrHIXI2Fg4tezJRZCECm9zx+3Oy4j5n1qz9fgs/VIpaNrU0vZKo9+l+3mvMVlNJYbQvRyvmFqfKj8JFtz5LjqblSohp5SkJ/ShOITm7OoNP87MjiBjBA6eYDnIjacWpzRQjMsOW21W78w16SmXLos3/WHEv78pF7I8dOPz5CJ5zBIq8Sn99P+cMczQlYqrLB1X5ctHGvnytEp7brXR6fpbSxAxCs1ZLlu/NVqdMxTFJ90hqbg/YNBJTBoUPtCNmTJbbxXL57bQYpzh/Kh7rb0dRySm9Wf7u1ejCM6S6+3mSX+j/ntW/TbjNPK3KRkwjbaSxjuPBqTNSXYFTA7uoadwu1Mji+K0NqByl+FkZMDdt+fJYYWz/3AMpKwDJaVme/ptC2vXV8tXF5WtCagYP4DnW2oopdV9DSLFakDEjGmj//ksjteFC2IVbFiRaBdYw8d7zr0NKmDYNSUnEJWYwS8QSM2VOTFmdJiGQlGnTIEGsZnFZ+AFu5/qWzhrefs11LtMbHNgrLj2qRCJRJO3UzXvjDvbi3CbYDU3cIpU6JuppxE/7mSsWlyaX3fZ+JRKJTbTdtHrXb1cY0ARZH0Gzhx5gg51IE5cOXdROsIV6JV6m7cTqXegu9c47na+4TPrXvJ/XUdPSXsM7S7B4rGYW1weJRJDmzKQB/4aHFRceJsHHv1DN5BKNhCstKZbgNIcYRMKVjB1bP3cbd5vm0tjxWzcH+Im3JugNCVsnw5LLzfqYcZQkYqaLNGxMwl0kPeJBIqk0JwnHhUr5g8ZUDEntH3KaLAs0G9enDs8MlfCnSvm5MGm2sBpJ06D0i37xt0UjJANnu8LwH28GDqlhBKwt7D3B4fylQBBR+zEmvCLEoW/R/So2xXkLkAB7Ch7pQj+ePvfDL79H2fPdv+5s0EcQVq1da3TjuBpb6ro105XjBnt9kyu4Gtet9X/w311NMPRlAQxYe/l4hL+OMYGlfbV68CF6mk2Zd+5yxvm6B7ropdwsDveWWK7MO3tZ5Jmtjza/aH9gvWjc4J3CXEQm2T9XhR+ip8Pmtz/7YBVRT7CJSzi0EFaC0QSaD3SORyOxEvp+mJrA1RLz5ucPsETQOBqxLF5L7LEB/gH3XdbXZ2pEXC1zYprxS8QmaomKn30WydTXV0Y0enCetm0havHoM6NWwr1sbgHiPd5Gv5RXULU4WH72lbuBm6XvB8TV4QdfdPmivt29B3u7ZWddT8/ZjSyUZbQf1H5r/gWNlX6RbuVZ8Yu4NRUcBdI/ymTh1eJlRO2TZ0cZXsu1Id1VV6aJwMsInH/juIfAWbEOSRuZvzOHbXhWutF147MFyex3p7dMBQqT3KXhdNq9gE7uHg26Bb0Fc3npWdr37zSlngUhxVK4nYcowPqOiGXqI1KRKRNvzgCbpHAWrGN+WAkRWGRvpkjkIHOQnJkTo1u0KFX48rZNSbeMjNnTuyeGtMvCMjMTH9PGU+SKiK3HWpdQbJ43j6271/QHttHmQ+eQaohbFvLtm5F5yNHoGCDAgQcYxCyPQdMumGw2D8coRXLQggIUmwo5ZyoHTR1EeXlATWPr98sg4Fz+LmdwBGD7UFwEibNA8Ga0Gi04iUnKv9CutNC6g0ZCnCzBpmBjUPmpEY2NUrYUJFWSxqaj1NH9ew0Jhq1XnpziJuCflZx8W2alrHshgdXtkrmJ3zSlzHp+/cYr652TG2Qz6Wg3jjDYj9iVrFiW0t5y1Pe9gSQlcx2vMmkrjmipspGxcRwe0TzPJW0gRKR8MnMgtrPx8U5sF1bPEd1JMjKxyi/+c4PHcTySp6PmP+JWfVi4aixHG+xfrnaKS0R92sg5B3J0Wf2Tp2fQXi3i3ITlF68vxyLQ6zexpWT9r8tF2IEb4s1JnCWTtHMOkG0+mGY6YjIhSp3mCNiCpE4H8nzA4cJNUxJDC0knZYlIEjq7GEvExNqscIAZ4uxjbceGHattvfvO5+3ddnUUsarogLhUWGq9FW31jCpN0DC+un9lrl5+Pqylbx/N44D4vPd5TA+ay9bxiSBbn/Z+R73b/3z/s/egIL4m8RtlRAWIifrGtTgJ+OVc5jfKhAhQo2uLcr7AycJdlI8CE//bhvEKnCBq7rlGiEDmj68cM6AuEZmRuTCzj82tmecvXTRz1nUxFR+X7HwwZA9lQRegFio8UloGyTmpnNNC/MuJAcQ5DK2aE4gsqWjSR8yIm1jvrvRW7C0tRAqQyvRWHPADf3zrIy1NsKQPY/O8/Nljy+qbN6uxGuzuGasOYvpVBVRcROXl5XJUgRpBAVmgQOSIBLGyzx42D0r0BLRbf8UJhQ5ghf2qBnEaQtb7frCCw3ShxG/P/0wV83+3r1rp1yyom9qv3O1/ZP2/2ZGVzlQlYmXgNwffr/BL1mLBIsAIV1dzbanh/rPpFrZOdC2RjBE+zi9d/mO9eAclrdM9jYeU98rOp6gcOdtfnDhRe+jjrkB8itDJyU3JFzV45cXtph1NmxhyznTBeG7m4PzTHQ31Lt4L0ePcZBZOle84qla/KCSVREtsZNtGKGHK5FzRnhpJSvKiNdHJ4RLIzaQK+v0uVXSaYHGL/B7uDlFeVNQbyJTg6oQ2nZngl35+WMqvwjN2vvIQ6/NEhDOhP6wXe7zaKaJXlfIffuaXEmZdW0J18JRE67tCs0YG7jsxTDpamSY7Tr16RR2fTpWjnQy8jmWCBp7BaYNBltaO+lK+aHtLNRzX24nXIFjWwXMyRJ7YgayBdPiAEVE3afv+bW3AAtZt0vbB1E3bxEMOrX8rOpwWMWaJCCtrPfspxTyLlWHllhpNrBs6fGZ8zKVRqSf4u/3fggt9XZvDohQWFj3rP9O8AZcd//hFgebQ+VXplTPWrAGkeqf5SuEQ9YoFeRvmrN+VtERWP9MI/QNsI9pdIXkObHpLMTrBCIeuTNfMLodN0j3m17EbKBlrGZWcVEZ5H9pHzULjxwWKTt5Yrp8wsnemY+oK1uBnNyMxho8nPWy6BOXFryQ75B/ehyW8GHKd58WDJYX+3oD4Evo/QOG6IInS0+0NFkDN/IXudHVscsYqPHcNG5h2I47liUdYJlQdcTAy9Ji72PDQPzWiraFWv2DSUDsNFhnaQ4b5hr7Qg34PPScHiw3d4iNW6LkwYIvLdL9Cr/OZaZifx2wbZkbRWUxQRzDRc9VNLJmityUHyX9wdwSr7x4aNocz4jec8Ut4q5/HbqRzXjC3x2YGUAz1XBjAn9c7pUcASE6dk1lOG+1ud4Fj7pU6qCyh5KI2uPeXnhkBpS+ngD+vS2qhu35pDbGxThiOxFNkhI6KjDGEgmRsNEjHjgTZWFFkqYEwafAyfFgMgyQEgNFQrUUiXKE+EsX2mGDU2B5Cw9jfNIepCAM4jvWPJElDvEOGEGQNmaKVZ+vkeVTOfKogV12iSIWOnCdXKZJUqtHOC4vlSr0qW3ve1ayVyrXzCmhNRYVHEpsy5CVybX69zDMoo3U6BaXQqoup9IzvTq5SqSmNVl0oz9WF5+t0mmEREQqq1/BcdTGQUmjJZdPpsfNQkGP+8gVyqZVQqHVI88ipKCRpRSqjw74dMTklPZVs2vB9IIAUxzYKmJuCqH8k9iEeyDBK4u6xjhCrgVI06F6EAiW211IrRkF6rXFe3ipqFGjo9grJ5dIJh/wUpsYwiHg5kiKuEV5uWvEcMozQvT5/JG0IimAIDXFAHIumsKTStuN6xiamZuYWllbWNrZ2owV2TAw5aMBOeyL43kc8jHqhAg8cnUWFAhsnbjz/ZCOKgaq4HUY4+BexZXXSOJ1wM6BVMsYOgWYW88zNW76delRi4uwujCN7dLq9zs2UO8XdZvX9/qucf5PSPXFdU5cBZrzBRrSvOjip2WDjNlU4wDTiQZEFEYRZQFtsWKib8KCVG4kKaDusOjytY4vEdgkAAA==') format('woff2'),
-  url('iconfont.woff?t=1585881159034') format('woff'),
-  url('iconfont.ttf?t=1585881159034') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1585881159034#selfAllIcon') format('svg'); /* iOS 4.1- */
-}
-.selfAllIcon {
-  font-family: "selfAllIcon" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.el-icon-self-fankuiyijian:before {
-  content: "\e68f";
-}
-.el-icon-self-icon-test:before {
-  content: "\e655";
-}
-.el-icon-self-shipinjinzhi:before {
-  content: "\e60b";
-}
-.el-icon-self-shipinbofang:before {
-  content: "\e60c";
-}
-.el-icon-self-tuichu:before {
-  content: "\e606";
-}
-.el-icon-self-star_full:before {
-  content: "\e627";
-}
-.el-icon-self-wujiaoxing:before {
-  content: "\e614";
-}
-.el-icon-self-guanbi:before {
-  content: "\e611";
-}
-.el-icon-self-xuexiao:before {
-  content: "\e632";
-}
-.el-icon-self-quanping:before {
-  content: "\e743";
-}
-.el-icon-self-shipin:before {
-  content: "\e60e";
-}
-.el-icon-self-iconset0481:before {
-  content: "\e768";
-}
-.el-icon-self-wenjian:before {
-  content: "\e650";
-}
-.el-icon-self-PPT:before {
-  content: "\e602";
-}
-.el-icon-self-13:before {
-  content: "\e6ce";
-}
-.el-icon-self-cc-book:before {
-  content: "\e615";
-}
-.el-icon-self-grade:before {
-  content: "\e66c";
-}
-.el-icon-self-xuexi-:before {
-  content: "\e609";
-}
-.el-icon-self-nav:before {
-  content: "\e66b";
-}
-.el-icon-self-mima:before {
-  content: "\e607";
-}
-.el-icon-self-character:before {
-  content: "\e62e";
-}
-.el-icon-self-statistic:before {
-  content: "\e601";
-}
-.el-icon-self-discover:before {
-  content: "\e67e";
-}
-.el-icon-self-settings:before {
-  content: "\e68a";
-}
-.el-icon-self-new:before {
-  content: "\e71e";
-}
-.el-icon-self-album:before {
-  content: "\e734";
-}
--- a/src/modules/test-module/assets/font-icons/iconfont.eot
+++ b/src/modules/test-module/assets/font-icons/iconfont.eot
--- a/src/modules/test-module/assets/font-icons/iconfont.js
+++ b/src/modules/test-module/assets/font-icons/iconfont.js
-!function(o){var c,i='<svg><symbol id="el-icon-self-fankuiyijian" viewBox="0 0 1024 1024"><path d="M865.773 407.506c-16.142 0-29.127 12.986-29.127 29.127v375.982c0 12.622-10.316 22.938-22.938 22.938h-600.989c-12.622 0-22.938-10.316-22.938-22.938v-601.11c0-12.622 10.316-22.938 22.938-22.938h375.254c16.142 0 29.127-12.986 29.127-29.127s-12.986-29.127-29.127-29.127h-375.254c-44.783 0-81.191 36.409-81.191 81.191v600.989c0 44.783 36.409 81.191 81.191 81.191h600.989c44.783 0 81.191-36.409 81.191-81.191v-375.861c0-16.142-13.107-29.127-29.127-29.127z" fill="" ></path><path d="M334.324 551.322l-35.438 139.568c-2.548 9.952 0.364 20.511 7.646 27.792s17.84 10.194 27.792 7.646l139.568-35.438c5.098-1.334 9.709-3.884 13.471-7.646l387.876-387.876c26.457-26.457 26.093-69.905-0.729-96.848l-47.696-47.696c-26.943-26.943-70.39-27.307-96.848-0.729l-387.997 387.755c-3.641 3.762-6.311 8.374-7.646 13.471zM771.109 191.237c3.762-3.762 10.316-3.398 14.563 0.729l47.696 47.696c4.127 4.127 4.491 10.801 0.729 14.563l-29.977 29.977-62.988-62.988 29.977-29.977zM699.87 262.356l62.988 62.988-278.164 278.043-62.988-62.988 278.164-278.043zM385.539 586.516l53.157 53.157-71.239 18.083 18.083-71.239z" fill="" ></path></symbol><symbol id="el-icon-self-icon-test" viewBox="0 0 1024 1024"><path d="M512 896C299.936 896 128 724.064 128 512S299.936 128 512 128s384 171.936 384 384-171.936 384-384 384m0-832C264.96 64 64 264.96 64 512s200.96 448 448 448 448-200.96 448-448S759.04 64 512 64" fill="#181818" ></path><path d="M511.68 704a48 48 0 1 0 0 96 48 48 0 0 0 0-96M512 256l-0.288 0.032A160.16 160.16 0 0 0 352 416h64a96.096 96.096 0 0 1 95.712-95.968L512 320c52.928 0 96 43.072 96 96s-43.072 96-96 96l-0.288-0.032V512H480v128h64v-67.264A160.224 160.224 0 0 0 672 416c0-88.224-71.776-160-160-160" fill="#181818" ></path></symbol><symbol id="el-icon-self-shipinjinzhi" viewBox="0 0 1024 1024"><path d="M996.98153 272.786475c-0.200137-16.511287-13.909508-29.920453-30.620932-29.920453-11.507867 0-19.313202 4.803283-21.714844 6.604514L724.49526 396.871299v214.846868l220.250562 147.400762c2.50171 1.801231 10.206977 6.604515 21.714844 6.604515 16.811492 0 30.520864-13.509235 30.520864-30.12059V272.786475zM968.662171 735.502785c0 1.000684-1.000684 1.801231-2.101436 1.801231-2.601779 0-4.40301-0.800547-5.00342-1.20082L752.914688 596.507769V411.981628l207.742011-139.095084 0.800547-0.600411s2.101437-1.100752 4.903352-1.100752c1.200821 0 2.201505 0.900616 2.201505 1.901299V735.502785zM899.214698 94.864849L703.580964 295.10173c-4.903352-38.426268-38.3262-68.246653-78.653768-68.246653h-520.355712c-43.629825 0-79.154109 35.023942-79.154109 78.053356v414.683476c0 43.029415 35.524284 78.053357 79.154109 78.053356H212.145021L102.570116 909.821949l20.313887 19.813544 132.990911-136.093032 448.30646-458.3133v-0.100069l215.34721-220.35063-20.313886-19.913613zM675.862015 323.621225L239.964038 769.225838H104.471416c-28.019154 0-50.83475-22.315255-50.83475-49.633929V304.908433c0-27.418743 22.815597-49.633929 50.83475-49.633929h520.355712c28.119222 0 50.934819 22.315255 50.934819 49.633929v18.712792zM675.862015 719.591909c0 27.318675-22.815597 49.633929-50.83475 49.633929H385.763706l-27.819017 28.419427h266.882439c43.729893 0 79.154109-35.023942 79.154109-78.053356V382.561517l-28.21929 29.119906v307.910486z"  ></path></symbol><symbol id="el-icon-self-shipinbofang" viewBox="0 0 1024 1024"><path d="M624.5 797.5H106.1c-44 0-79.8-35.2-79.8-78.6V305.7c0-43.4 35.7-78.6 79.8-78.6h518.4c21.6 0 41.9 8.4 57.1 23.6 14.8 14.8 22.8 34.4 22.8 55.1V719c-0.2 43.3-35.9 78.5-79.9 78.5zM106.1 257.2c-27.5 0-49.7 21.8-49.7 48.5v413.2c0 26.7 22.3 48.5 49.7 48.5h518.4c27.5 0 49.7-21.8 49.7-48.5V305.7c0-12.7-4.9-24.7-14-33.9-9.4-9.5-22.1-14.7-35.7-14.7H106.1z m858.7 508.5c-11.7 0-19.6-4.9-22.2-6.8L722.8 611.8v-215l219.6-147.1c2.6-1.9 10.5-6.8 22.2-6.8 17.1 0 31.2 13.8 31.4 30.7v461.1c0 17-14 31-31.2 31z m-4.5-31.1c0.5 0.3 2.1 1 4.5 1 0.8 0 1.3-0.4 1.3-0.9V274.1c0-0.5-0.6-1-1.3-1-2.3 0-3.9 0.6-4.4 1l-0.8 0.6v-0.3L752.9 412.8v182.9l207.4 138.9z m0.1-460.7z"  ></path></symbol><symbol id="el-icon-self-tuichu" viewBox="0 0 1448 1024"><path d="M747.40131 645.568957h-2.236183c-5.332437 0-10.320847-2.064169-14.105157-5.84848l-110.777087-112.325214c-8.084663-8.084663-8.084663-21.157736-0.172015-29.070385l110.777088-110.777087c3.78431-3.78431 8.77272-5.84848 14.277171-5.84848h1.204099l1.204098-0.172014h1.032085c3.440282 0 6.880564 1.548127 9.116748 4.300353l0.86007 1.032085 0.860071 0.86007c3.78431 3.78431 6.020494 8.944734 6.020494 14.277171s-2.236183 10.492861-6.020494 14.277171l-76.202251 76.202251h443.108349c9.976818 1.720141 17.373425 10.148833 17.373425 20.297665s-7.224593 18.749538-17.373425 20.297666H684.788174l75.514195 77.062321 0.688056 0.688057c6.192508 5.676466 8.256677 14.793214 4.988409 22.533848-3.096254 7.224593-10.320847 12.213002-18.577524 12.213002z"  ></path><path d="M725.727532 932.832521c-54.528473 0-107.680833-10.492861-158.080967-31.134554-51.432219-21.157736-97.532001-51.948261-136.751218-91.511506-39.047203-39.219217-69.493701-84.974971-90.651436-136.235176-20.985721-51.088191-31.650596-105.100622-31.306568-160.489165 0-168.2298 99.940198-319.946246 254.580883-386.171678 51.604233-21.845792 106.132706-33.026709 162.037292-33.026709 63.301193 0 126.774399 14.793214 183.539056 42.659499 57.968755 28.554342 109.22896 70.869814 148.276163 122.818075l0.172015 0.172014c6.70855 8.77272 4.988409 21.673778-3.784311 28.382328-4.472367 3.440282-9.116748 4.128339-12.213002 4.128339-6.364522 0-12.385016-2.92424-16.169326-8.084663-34.230808-44.723669-78.782463-82.050731-129.010583-107.680833C843.729212 149.652276 784.728372 135.547119 725.899546 135.547119c-49.196036 0-97.187972 9.460776-142.771711 28.210314-46.44381 19.093566-88.071225 46.959852-123.334118 82.738787-63.645221 63.301193-102.864438 147.416093-110.261044 237.035445-7.396607 89.619352 17.545439 179.066689 70.009743 252.000672 35.434907 49.024022 82.566773 89.447337 136.407189 116.453552 52.636318 26.490173 111.465144 40.423316 170.29397 40.423316 58.656812 0 117.485637-13.933143 169.949941-40.59533l0.172014-0.172014c50.572148-25.974131 95.467831-63.645221 129.526625-109.056946l0.172014-0.172014c3.096254-4.128339 7.740635-7.052579 12.901059-7.740635 0.860071-0.172014 1.548127-0.172014 2.408197-0.172014 4.300353 0 8.600706 1.376113 12.213002 4.128339 8.77272 6.880564 10.492861 19.781623 3.956325 28.89837-38.015118 50.056106-87.727196 91.683521-143.631783 120.237863-58.312783 29.414413-123.162103 45.067697-188.183437 45.067697z"  ></path></symbol><symbol id="el-icon-self-star_full" viewBox="0 0 1024 1024"><path d="M958.733019 411.348626 659.258367 353.59527 511.998465 85.535095 364.741633 353.59527 65.265958 411.348626 273.72878 634.744555 235.88794 938.463881 511.998465 808.479435 788.091594 938.463881 750.250754 634.744555Z"  ></path></symbol><symbol id="el-icon-self-wujiaoxing" viewBox="0 0 1024 1024"><path d="M959.008 406.016l-308-47.008L512 64 372.992 359.008l-308 47.008 223.008 228-52.992 324L512 805.024l276.992 152.992-52.992-324zM512 740L304 856.992l40-235.008-179.008-182.016 242.016-32 104.992-224 104 224 240.992 34.016L680 622.976l36.992 235.008z"  ></path></symbol><symbol id="el-icon-self-guanbi" viewBox="0 0 1024 1024"><path d="M567.001395 495.286374 966.070272 96.236851c10.904781-10.905395 10.904781-28.573798 0-39.481242-10.907853-10.905395-28.575949-10.905395-39.482778 0L527.519539 455.806157 128.45271 56.75561c-10.905805-10.905395-28.574925-10.905395-39.481754 0-10.906829 10.906419-10.906829 28.574822 0 39.481242l399.067955 399.049523L88.970957 894.337946c-10.906829 10.906419-10.906829 28.573798 0 39.480218 5.45239 5.452186 12.652646 8.177254 19.741389 8.177254 7.197184 0 14.285926-2.725069 19.740365-8.177254l399.065907-399.052595L926.587494 933.818061c5.454438 5.452186 12.652646 8.177254 19.740365 8.177254 7.198208 0 14.28695-2.725069 19.742413-8.177254 10.904781-10.906419 10.904781-28.573798 0-39.480218L567.001395 495.286374z"  ></path></symbol><symbol id="el-icon-self-xuexiao" viewBox="0 0 1024 1024"><path d="M925.76107 278.522458l-16.542768 49.136094c0 0-79.438237-196.570981-314.467111-245.720378 0 0-96.866165-21.942755-198.602244 0-13.964036 7.977695-254.891248 85.180008-297.91718 311.248813 0 0 9.928117 68.815295 49.646724 0 0 0 23.170722-176.919409 281.368272-262.098393l182.061522 0c0 0 211.844849 72.074525 264.812201 245.720378l16.556071 81.906451 49.640584 16.392342 16.556071-196.584284L925.76107 278.523481z"  ></path><path d="M876.120486 636.506688c0 0-23.170722 176.919409-281.369296 262.098393L412.690692 898.605082c0 0-211.844849-72.074525-264.813225-245.720378l-16.548908-81.906451-49.653887-16.392342L65.126788 751.170195l33.104979 0 16.548908-49.136094c0 0 116.961852 225.768977 314.467111 245.720378 83.788312 19.951401 198.61657 0 198.61657 0s254.884085-85.180008 297.896714-311.24779C925.76107 636.506688 915.832953 567.691393 876.120486 636.506688z"  ></path></symbol><symbol id="el-icon-self-quanping" viewBox="0 0 1024 1024"><path d="M664.035 409.382l244.223-243.378-0.837 137.922c-0.335 11.437 8.912 21.527 20.351 21.191h14.63c11.438-0.335 21.025-7.065 21.193-18.67l0.672-205.367c0-0.171 0.335-10.934 0.335-10.934 0.17-5.716-1.179-10.934-4.879-14.63-3.7-3.702-8.742-6.055-14.633-5.886l-10.428 0.171c-0.169 0-0.331 0-0.501 0.171l-203.69-0.846c-11.438 0.336-21.025 9.76-21.193 21.361v14.633c1.685 13.625 12.446 21.529 23.884 21.193l134.219 0.335-243.551 242.542c-11.101 11.104-11.101 29.095 0 40.197 11.104 11.269 29.101 11.269 40.203 0h-0.003M356.233 638.806l-244.393 242.544 0.842-137.253c0.336-11.435-8.918-21.523-20.355-21.193h-15.47c-11.438 0.335-21.025 7.065-21.193 18.672l-0.672 205.536c0 0.171-0.335 10.934-0.335 10.934-0.171 5.722 1.18 10.934 4.875 14.63 3.7 3.7 8.746 6.055 14.633 5.886l10.427-0.17c0.171 0 0.336 0 0.507-0.171l204.532 0.843c11.435-0.336 21.025-9.756 21.193-21.361v-14.63c-1.683-13.625-12.451-21.529-23.887-21.193l-134.222-0.335 243.38-242.539c11.104-11.104 11.104-29.101 0-40.203-10.929-11.268-28.757-11.268-39.857 0.001v0M964.271 947.109l-0.507-205.536c-0.336-11.438-9.76-18.335-21.194-18.672h-14.629c-11.439-0.331-20.521 9.759-20.356 21.193l0.843 137.927-244.393-243.214c-11.104-11.104-29.099-11.104-40.203 0-11.097 11.101-11.097 29.099 0 40.203l243.386 242.538-134.22 0.335c-11.438-0.335-22.034 7.739-23.887 21.193v14.633c0.335 11.437 9.76 21.025 21.193 21.361l203.69-0.843c0.17 0 0.335 0.17 0.507 0.17l10.428 0.171c5.716 0.17 10.934-2.016 14.63-5.886 3.698-3.7 5.042-8.912 4.875-14.63 0 0-0.169-10.764-0.169-10.934l0.004-0.002M152.885 126.645l134.22-0.335c11.435 0.335 22.031-7.739 23.883-21.193v-14.636c-0.336-11.437-9.753-21.025-21.193-21.36l-204.694 0.842c-0.17 0-0.336-0.171-0.509-0.171l-10.426-0.169c-5.722-0.17-10.934 2.015-14.633 5.885-3.698 3.7-5.050 8.912-4.875 14.633 0 0 0.335 10.763 0.335 10.933l0.502 205.536c0.171 11.435 9.759 18.335 21.193 18.667h15.475c11.437 0.335 20.519-9.753 20.349-21.191l-0.671-137.248 244.224 242.709c11.097 11.104 29.094 11.104 40.196 0 11.104-11.101 11.104-29.099 0-40.203l-243.38-242.703M152.885 126.645v0z"  ></path></symbol><symbol id="el-icon-self-shipin" viewBox="0 0 1024 1024"><path d="M858.8 903.6H182.2c-61 0-110.8-49.6-110.8-110.8V279c0-61 49.6-110.8 110.8-110.8h676.6c61 0 110.8 49.6 110.8 110.8v513.8c-0.2 61-49.8 110.8-110.8 110.8zM182.2 208.4c-39 0-70.8 31.8-70.8 70.8v513.8c0 39 31.8 70.8 70.8 70.8h676.6c39 0 70.8-31.8 70.8-70.8v-514c0-39-31.8-70.8-70.8-70.8H182.2z" fill="#262435" ></path><path d="M225.4 903.6c-11 0-20-9-20-20V188.4c0-11 9-20 20-20s20 9 20 20v695.2c0 11-8.8 20-20 20zM815.4 903.6c-11 0-20-9-20-20V188.4c0-11 9-20 20-20s20 9 20 20v695.2c0 11-9 20-20 20z" fill="#262435" ></path><path d="M225.4 399.2h-134c-11 0-20-9-20-20s9-20 20-20h134c11 0 20 9 20 20s-8.8 20-20 20zM225.4 556h-134c-11 0-20-9-20-20s9-20 20-20h134c11 0 20 9 20 20s-8.8 20-20 20zM225.4 732.6h-134c-11 0-20-9-20-20s9-20 20-20h134c11 0 20 9 20 20s-8.8 20-20 20z" fill="#262435" ></path><path d="M949.4 399.2h-134c-11 0-20-9-20-20s9-20 20-20h134c11 0 20 9 20 20s-9 20-20 20zM949.4 556h-134c-11 0-20-9-20-20s9-20 20-20h134c11 0 20 9 20 20s-9 20-20 20zM949.4 732.6h-134c-11 0-20-9-20-20s9-20 20-20h134c11 0 20 9 20 20s-9 20-20 20z" fill="#262435" ></path><path d="M432 679.2c-3.4 0-7-0.8-10-2.6-6.2-3.6-10-10.2-10-17.4V412.8c0-7.2 3.8-13.8 10-17.4 6.2-3.6 13.8-3.6 20 0l213.4 123.2c6.2 3.6 10 10.2 10 17.4s-3.8 13.8-10 17.4L442 676.4c-3.2 1.8-6.6 2.8-10 2.8z m20-231.8v177.2l153.4-88.6-153.4-88.6z" fill="#262435" ></path></symbol><symbol id="el-icon-self-iconset0481" viewBox="0 0 1024 1024"><path d="M512 42.666667C253.866667 42.666667 42.666667 251.733333 42.666667 512s211.2 469.333333 469.333333 469.333333c260.266667 0 469.333333-209.066667 469.333333-469.333333S772.266667 42.666667 512 42.666667zM512 938.666667C277.333333 938.666667 85.333333 746.666667 85.333333 512 85.333333 277.333333 277.333333 85.333333 512 85.333333c234.666667 0 426.666667 192 426.666667 426.666667C938.666667 746.666667 746.666667 938.666667 512 938.666667zM716.8 494.933333 716.8 494.933333l-4.266667-2.133333c0 0 0 0-2.133333 0l-292.266667-168.533333 0 0C413.866667 322.133333 409.6 320 405.333333 320c-12.8 0-21.333333 8.533333-21.333333 21.333333l0 341.333333c0 12.8 8.533333 21.333333 21.333333 21.333333 4.266667 0 8.533333-2.133333 12.8-4.266667l0 0 292.266667-168.533333c0 0 0 0 2.133333 0l4.266667-2.133333 0 0c4.266667-4.266667 8.533333-10.666667 8.533333-17.066667S721.066667 499.2 716.8 494.933333zM426.666667 646.4 426.666667 377.6 661.333333 512 426.666667 646.4z"  ></path></symbol><symbol id="el-icon-self-wenjian" viewBox="0 0 1024 1024"><path d="M752 80H272c-70.4 0-128 57.6-128 128v608c0 70.4 57.6 128 128 128h353.6c33.6 0 65.6-12.8 91.2-36.8l126.4-126.4c24-24 36.8-56 36.8-91.2V208c0-70.4-57.6-128-128-128zM208 816V208c0-35.2 28.8-64 64-64h480c35.2 0 64 28.8 64 64v464h-96c-70.4 0-128 57.6-128 128v80H272c-35.2 0-64-28.8-64-64z m462.4 44.8c-4.8 4.8-9.6 8-14.4 11.2V800c0-35.2 28.8-64 64-64h75.2l-124.8 124.8z" fill="#4A576A" ></path><path d="M368 352h288c17.6 0 32-14.4 32-32s-14.4-32-32-32H368c-17.6 0-32 14.4-32 32s14.4 32 32 32zM496 608h-128c-17.6 0-32 14.4-32 32s14.4 32 32 32h128c17.6 0 32-14.4 32-32s-14.4-32-32-32zM368 512h288c17.6 0 32-14.4 32-32s-14.4-32-32-32H368c-17.6 0-32 14.4-32 32s14.4 32 32 32z" fill="#4A576A" ></path></symbol><symbol id="el-icon-self-PPT" viewBox="0 0 1024 1024"><path d="M855.5 345.9L616 106.5c-5.3-5.3-12.4-8.2-19.9-8.2H174.3c-7.8 0-14.1 6.3-14.1 14.1v801.9c0 7.8 6.3 14.1 14.1 14.1h675.3c7.8 0 14.1-6.3 14.1-14.1V365.8c0-7.5-2.9-14.7-8.2-19.9z m-53 514.8h-581v-695h376.6v204.2h204.3l0.1 490.8z"  ></path><path d="M520.2 632.7h-49v101.9H405V443.5h121.7c70.6 1.8 107.2 32.2 109.8 91.3 1 66.1-37.8 98.8-116.3 97.9z m-5.3-138.9h-43.7v88.6h43.7c34.4-0.9 52-15.9 52.9-45-0.9-28.2-18.5-42.7-52.9-43.6z"  ></path></symbol><symbol id="el-icon-self-13" viewBox="0 0 1024 1024"><path d="M147.2 180.8h728c41.6 0 76.8 35.2 76.8 76.8v552c0 41.6-35.2 76.8-76.8 76.8h-728c-41.6 0-76.8-35.2-76.8-76.8v-552c0-41.6 35.2-76.8 76.8-76.8v0zM147.2 926.4c243.2 0 486.4 0 728 0 64 0 115.2-51.2 115.2-115.2 0-184 0-368 0-552 0-64-51.2-115.2-115.2-115.2-243.2 0-486.4 0-728 0-64 0-115.2 51.2-115.2 115.2 0 184 0 368 0 552 0 62.4 51.2 115.2 115.2 115.2z"  ></path><path d="M201.6 419.2c0 44.8 36.8 81.6 81.6 81.6s81.6-36.8 81.6-81.6c0-44.8-36.8-81.6-81.6-81.6-44.8 0-81.6 36.8-81.6 81.6v0zM240 419.2c0-24 19.2-43.2 43.2-43.2s43.2 19.2 43.2 43.2c0 24-19.2 43.2-43.2 43.2-22.4 0-43.2-19.2-43.2-43.2z"  ></path><path d="M675.2 499.2l203.2 203.2c8 8 8 19.2 0 27.2v0c-8 8-19.2 8-27.2 0l-203.2-203.2c-14.4-14.4-40-14.4-54.4 0l-163.2 161.6c-30.4 30.4-80 30.4-110.4 0l-25.6-25.6c-14.4-14.4-40-14.4-54.4 0l-67.2 67.2c-8 8-19.2 8-27.2 0v0c-8-8-8-19.2 0-27.2l67.2-67.2c30.4-30.4 80-30.4 110.4 0l25.6 25.6c14.4 14.4 40 14.4 54.4 0l161.6-161.6c30.4-30.4 80-30.4 110.4 0z"  ></path></symbol><symbol id="el-icon-self-cc-book" viewBox="0 0 1024 1024"><path d="M682.697195 859.707167 242.160807 859.707167c-12.152784 0-22.025643-9.893324-22.025643-22.026666 0-12.130272 9.872858-22.025643 22.025643-22.025643l440.537412 0c12.130272 0 22.025643 9.895371 22.025643 22.025643C704.723861 849.813842 694.82849 859.707167 682.697195 859.707167z"  ></path><path d="M841.773214 158.324912c-12.955056 0-23.51967 10.543124-23.51967 23.520693l0 705.638185c0 12.95608-10.56666 23.520693-23.521716 23.520693L277.262256 911.004483c-38.911218 0-70.564126-31.650861-70.564126-70.564126 0-38.910195 31.652907-70.563102 70.564126-70.563102l423.382707 0c38.911218 0 70.565149-31.652907 70.565149-70.563102L771.210112 134.803195c0-38.911218-31.653931-70.564126-70.565149-70.564126L230.218824 64.23907c-38.911218 0-70.563102 31.652907-70.563102 70.564126l0 705.637162c0 64.823378 52.785204 117.608581 117.606535 117.608581l517.468548 0c38.909172 0 70.563102-31.653931 70.563102-70.565149L865.293907 181.845605C865.293907 168.868035 854.727247 158.324912 841.773214 158.324912zM230.218824 111.281479l470.426139 0c12.955056 0 23.521716 10.543124 23.521716 23.521716l0 564.510958c0 12.955056-10.56666 23.520693-23.521716 23.520693l-423.382707 0c-26.439162 0-50.90232 8.820899-70.564126 23.566742L206.698131 134.803195C206.698131 121.824603 217.241254 111.281479 230.218824 111.281479z"  ></path></symbol><symbol id="el-icon-self-grade" viewBox="0 0 1024 1024"><path d="M863.721739 554.295652c24.486957-48.973913 28.93913-102.4 28.93913-160.278261C892.66087 189.217391 734.608696 22.26087 527.582609 22.26087 320.556522 22.26087 162.504348 189.217391 162.504348 394.017391c0 57.878261 4.452174 111.304348 28.93913 160.278261L51.2 792.486957c0 0 95.721739 35.617391 193.669565 55.652174 64.556522 73.46087 117.982609 151.373913 117.982609 151.373913l129.113043-247.095652c8.904348 0 20.034783 0 26.713043 0 8.904348 0 20.034783 0 26.713043 0l138.017391 233.73913c0 0 57.878261-64.556522 124.66087-138.017391 97.947826-20.034783 193.669565-55.652174 193.669565-55.652174L863.721739 554.295652 863.721739 554.295652 863.721739 554.295652zM353.947826 903.791304c0 0-46.747826-60.104348-89.043478-102.4-62.330435-17.808696-144.695652-35.617391-144.695652-35.617391L215.930435 601.043478c51.2 66.782609 135.791304 129.113043 220.382609 149.147826L353.947826 903.791304 353.947826 903.791304zM520.904348 710.121739c-80.13913 0-309.426087-48.973913-316.104348-316.104348C198.121739 224.834783 351.721739 64.556522 520.904348 64.556522c169.182609 0 329.46087 162.504348 329.46087 329.46087C852.591304 650.017391 601.043478 710.121739 520.904348 710.121739L520.904348 710.121739zM685.634783 903.791304l-82.365217-151.373913c84.591304-20.034783 182.53913-84.591304 233.73913-151.373913l95.721739 164.730435c0 0-82.365217 17.808696-144.695652 35.617391L685.634783 903.791304 685.634783 903.791304zM527.582609 175.86087c-117.982609 0-213.704348 95.721739-213.704348 213.704348s95.721739 213.704348 213.704348 213.704348c117.982609 0 213.704348-95.721739 213.704348-213.704348S645.565217 175.86087 527.582609 175.86087L527.582609 175.86087 527.582609 175.86087zM534.26087 558.747826c-53.426087 0-169.182609-20.034783-178.086957-178.086957-4.452174-84.591304 95.721739-164.730435 178.086957-164.730435 84.591304 0 162.504348 95.721739 164.730435 178.086957C701.217391 505.321739 587.686957 558.747826 534.26087 558.747826L534.26087 558.747826zM534.26087 558.747826"  ></path></symbol><symbol id="el-icon-self-xuexi-" viewBox="0 0 1024 1024"><path d="M996.5 287.1L567.6 68.8c-34.8-17.6-76.4-17.6-111.2 0L27.5 286.4C10.6 295 0 312.1 0 331.2c0 19 10.5 36.2 27.5 44.8l219.8 111.8v305c0 33.9 18.8 64.4 49 79.7l164.9 83.6c15.9 8.1 33.4 12.1 50.9 12.1s35-4 50.9-12.1l164.9-83.6c30.2-15.3 49-45.9 49-79.7V488.2L901.4 425v111.9c0 15.2 12.3 27.5 27.5 27.5s27.5-12.3 27.5-27.5V401.6c0-1.5-0.1-2.9-0.3-4.3l40.4-20.5c17-8.6 27.5-25.8 27.5-44.8 0-19.1-10.5-36.3-27.5-44.9zM721.8 792.9c0 13.1-7.2 24.8-18.9 30.8L538 907.3c-16.3 8.3-35.8 8.3-52.1 0L321 823.7c-11.6-5.9-18.9-17.7-18.9-30.8V515.8l154.2 78.5c17.4 8.8 36.5 13.2 55.6 13.2s38.2-4.4 55.6-13.2l154.2-78.2v276.8z m-179-247.6c-19.3 9.8-42.3 9.8-61.5 0L60.5 331.2l420.7-213.4c19.3-9.8 42.3-9.8 61.5 0l420.7 214.1-420.6 213.4z" fill="" ></path></symbol><symbol id="el-icon-self-nav" viewBox="0 0 1024 1024"><path d="M888.838 319.775l-751.1 0c-23.944 0-43.339-19.553-43.339-43.646l0-40.012c0-24.093 19.395-43.645 43.339-43.645l751.1 0c23.923 0 43.334 19.554 43.334 43.645l0 40.012c-0.001 24.093-19.411 43.646-43.333 43.646l0 0zM888.838 587.509l-751.1 0c-23.944 0-43.339-19.533-43.339-43.64l0-39.998c0-24.115 19.395-43.647 43.339-43.647l751.1 0c23.923 0 43.334 19.533 43.334 43.647l0 39.998c-0.001 24.107-19.411 43.64-43.333 43.64l0 0zM888.838 876.17l-751.1 0c-23.944 0-43.339-19.532-43.339-43.627l0-40.017c0-24.093 19.395-43.641 43.339-43.641l751.1 0c23.923 0 43.334 19.548 43.334 43.641l0 40.017c-0.001 24.094-19.411 43.627-43.333 43.627l0 0z"  ></path></symbol><symbol id="el-icon-self-mima" viewBox="0 0 1024 1024"><path d="M791.366 459.07l-459.174-0.791c-0.186-61.936-16.847-157.926 36.027-216.192 32.142-35.52 86.326-72.068 144.127-72.068 85.395 0 149.246 64.412 180.166 144.126 9.009 22.992 16.936 35.38 36.037 36.037 47.899 1.45 44.986-49.075 36.029-72.067C719.914 163.03 636.118 97.953 512.346 97.953c-84.12 0-130.475 17.265-180.154 72.065-76.009 83.746-72.259 219.151-72.067 288.26l-26.795 0.791c-25.045 0-45.273 20.034-45.273 44.667v378.249c0 24.774 20.269 44.755 45.273 44.755h557.99c25.009 0 45.273-19.989 45.273-44.755V503.737c0.046-24.678-20.218-44.667-45.227-44.667zM765.68 818.35c0 9.966-3.476 18.514-10.58 25.52-7.045 7.051-15.56 10.58-25.517 10.58H296.362c-9.966 0-18.472-3.478-25.475-10.58-7.051-7.049-10.624-15.553-10.624-25.52V565.635c0-19.878 16.166-36.054 36.098-36.054h433.212c19.932 0 36.107 16.176 36.107 36.054V818.35z" fill="" ></path></symbol><symbol id="el-icon-self-character" viewBox="0 0 1024 1024"><path d="M921.087359 990.72v-35.2A410.24 410.24 0 0 0 661.887359 576a307.2 307.2 0 1 0-300.8 0 410.24 410.24 0 0 0-256 380.8v35.2H101.887359a32 32 0 0 0 32 32 32 32 0 0 0 32-32v-34.56a345.6 345.6 0 0 1 691.2 0v35.2a31.36 31.36 0 0 0 31.36 30.08 32 32 0 0 0 32.64-32zM270.207359 307.2A241.28 241.28 0 1 1 511.487359 548.48 241.28 241.28 0 0 1 270.207359 307.2z"  ></path></symbol><symbol id="el-icon-self-statistic" viewBox="0 0 1024 1024"><path d="M838.33 659.732c0 33.422-21.592 54.388-54.39 54.388H240.059c-32.796 0-54.388-20.966-54.388-54.388 0 0-0.409-482.507-0.409-516.961h653.477c0 54.85-0.409 516.96-0.409 516.96zM76.892 88.655v54.389h54.389v516.689c0 64.45 44.707 108.776 108.776 108.776h163.166L294.447 958.87l81.909-0.353 108.45-190.006h54.388l108.45 190.006 81.909 0.353-108.777-190.36h163.166c64.069 0 108.776-44.326 108.776-108.776v-516.69h54.389v-54.39H76.893v0.001z m271.942 543.883c15.038 0 27.194-12.156 27.194-27.194V496.568c0-15.011-12.156-27.195-27.194-27.195s-27.195 12.183-27.195 27.195v108.776c0 15.038 12.156 27.194 27.195 27.194z m326.33 0c15.039 0 27.195-12.156 27.195-27.194V360.597c0-15.011-12.156-27.195-27.195-27.195s-27.194 12.183-27.194 27.195v244.747c0 15.038 12.156 27.194 27.194 27.194z m-163.165 0c15.039 0 27.194-12.156 27.194-27.194v-326.33c0-15.011-12.155-27.195-27.194-27.195s-27.194 12.183-27.194 27.195v326.33c0 15.038 12.155 27.194 27.194 27.194z"  ></path></symbol><symbol id="el-icon-self-discover" viewBox="0 0 1024 1024"><path d="M544 288c0-52.928-43.072-96-96-96s-96 43.072-96 96 43.072 96 96 96S544 340.928 544 288zM416 288c0-17.632 14.368-32 32-32s32 14.368 32 32-14.368 32-32 32S416 305.632 416 288z"  ></path><path d="M304 448C259.904 448 224 483.904 224 528 224 572.128 259.904 608 304 608s80-35.872 80-80C384 483.904 348.096 448 304 448zM304 544C295.168 544 288 536.832 288 528S295.168 512 304 512s16 7.168 16 16S312.832 544 304 544z"  ></path><path d="M640 736m-64 0a2 2 0 1 0 128 0 2 2 0 1 0-128 0Z"  ></path><path d="M887.84 268.672c39.744-60.672 64.256-113.184 64.224-148.96 0-22.976-9.312-36.928-17.12-44.576-38.08-37.376-110.016-3.2-160.768 25.664-15.328 8.736-20.704 28.288-11.968 43.648 8.736 15.36 28.32 20.704 43.648 11.968 49.408-28.16 73.248-33.088 82.496-33.696-1.504 41.376-95.328 202.432-330.208 433.504-226.368 222.72-398.656 324.672-442.24 325.376 0.96-11.36 8.768-44.448 58.528-118.688 1.312-1.888 2.4-3.968 3.232-6.144l2.304-5.92c0.256-0.64 0.288-1.344 0.512-2.016 8.8-10.24 10.816-25.088 3.392-37.248C147.328 651.616 128 582.592 128 512 128 300.256 300.256 128 512 128c59.296 0 116.096 13.12 168.864 39.04 15.936 7.776 35.04 1.184 42.816-14.656 7.776-15.84 1.248-35.008-14.624-42.816C647.424 79.328 581.12 64 512 64 264.96 64 64 264.96 64 512c0 76.064 19.488 150.496 56.064 216.64-0.192 0.576-0.64 1.056-0.8 1.632C51.168 832.608 35.2 895.68 68.928 928.768c11.008 10.784 25.632 15.584 43.072 15.584 39.328 0 92.864-24.928 150.08-60.896C336.096 933.408 421.952 960 512 960c247.04 0 448-200.96 448-448C960 424.864 934.912 341.248 887.84 268.672zM512 896c-68.288 0-133.728-17.888-191.84-51.552 128.288-92.256 258.432-218.56 282.848-242.624 89.152-87.712 178.56-187.04 244.64-275.968C879.2 382.592 896 446.112 896 512 896 723.744 723.744 896 512 896z"  ></path></symbol><symbol id="el-icon-self-settings" viewBox="0 0 1024 1024"><path d="M512 608c-52.928 0-96-43.072-96-96s43.072-96 96-96 96 43.072 96 96S564.928 608 512 608zM512 480c-17.632 0-32 14.368-32 32s14.368 32 32 32 32-14.368 32-32S529.632 480 512 480z"  ></path><path d="M631.04 960c-10.016 0-19.712-4.736-25.856-13.12l-73.408-100.48c-13.664 0.832-25.92 0.864-39.584 0l-73.376 100.48c-7.904 10.816-21.728 15.616-34.656 11.872-34.592-9.888-67.488-23.456-97.76-40.32-11.712-6.528-18.112-19.648-16.032-32.896l19.2-123.264c-9.824-8.704-19.136-18.016-27.84-27.808l-123.264 19.2c-13.056 1.984-26.336-4.352-32.896-16.064-16.896-30.368-30.464-63.296-40.32-97.824-3.68-12.864 1.056-26.72 11.904-34.624l100.448-73.376C177.152 524.96 176.928 518.4 176.928 512s0.224-12.96 0.672-19.776L77.12 418.816c-10.816-7.936-15.584-21.728-11.904-34.656 9.856-34.496 23.424-67.392 40.32-97.792 6.56-11.712 19.712-18.048 32.896-16.064l123.264 19.2c8.736-9.824 18.016-19.104 27.84-27.84l-19.2-123.264C268.288 125.184 274.72 112.064 286.432 105.536c30.4-16.896 63.296-30.464 97.76-40.32 12.928-3.648 26.72 1.056 34.656 11.904l73.376 100.448c13.568-0.896 25.824-0.896 39.584 0l73.408-100.48c7.904-10.848 21.664-15.52 34.656-11.904 34.464 9.856 67.328 23.424 97.76 40.32 11.712 6.528 18.112 19.648 16.064 32.896L734.432 261.76c9.824 8.736 19.104 18.016 27.808 27.776l123.328-19.2c13.152-2.016 26.336 4.384 32.864 16.032 16.896 30.4 30.496 63.296 40.352 97.824 3.648 12.896-1.088 26.688-11.904 34.624l-100.48 73.408c0.448 6.816 0.672 13.376 0.672 19.776s-0.224 12.96-0.672 19.776l100.48 73.376c10.816 7.904 15.552 21.728 11.904 34.624-9.856 34.496-23.424 67.424-40.352 97.824-6.528 11.712-19.488 18.048-32.896 16.064l-123.296-19.2c-8.672 9.76-17.984 19.072-27.808 27.776l19.232 123.296c2.048 13.248-4.352 26.368-16.064 32.896-30.24 16.832-63.136 30.4-97.76 40.32C636.928 959.584 633.984 960 631.04 960zM337.152 872.672c13.984 6.752 28.544 12.704 43.552 17.92l70.528-96.576c6.784-9.28 17.984-14.272 29.472-12.896 20.576 2.336 42.08 2.336 62.624 0 11.84-1.376 22.72 3.616 29.472 12.896l70.528 96.576c15.04-5.184 29.6-11.168 43.552-17.92l-18.432-118.368c-1.76-11.36 2.72-22.848 11.712-30.016 16.384-12.992 31.264-27.872 44.16-44.128 7.168-8.992 18.4-13.504 30.016-11.744l118.368 18.432c6.752-14.016 12.736-28.576 17.92-43.552l-96.576-70.528c-9.28-6.784-14.208-18.016-12.896-29.472 1.152-10.272 1.952-20.704 1.952-31.296s-0.768-21.024-1.952-31.296c-1.312-11.424 3.616-22.688 12.896-29.472l96.576-70.56c-5.152-15.008-11.168-29.568-17.92-43.552l-118.4 18.432c-11.328 1.696-22.816-2.688-29.984-11.744-12.896-16.256-27.776-31.104-44.16-44.128-8.992-7.168-13.472-18.592-11.712-29.984l18.432-118.4c-14.016-6.752-28.576-12.736-43.52-17.92l-70.56 96.576c-6.784 9.28-17.696 14.368-29.472 12.928-20.544-2.368-42.016-2.4-62.56 0-11.52 1.344-22.752-3.616-29.536-12.896l-70.528-96.576c-14.976 5.152-29.536 11.136-43.552 17.92l18.432 118.368c1.76 11.392-2.72 22.848-11.744 30.016-16.32 12.928-31.2 27.808-44.128 44.128-7.168 9.024-18.56 13.472-30.016 11.744l-118.368-18.432c-6.752 14.016-12.736 28.576-17.92 43.552l96.576 70.56c9.312 6.784 14.24 18.08 12.896 29.536C241.696 491.008 240.928 501.408 240.928 512s0.768 20.992 1.952 31.264c1.344 11.456-3.616 22.688-12.896 29.504l-96.576 70.528c5.184 15.008 11.168 29.568 17.92 43.552l118.368-18.432c11.392-1.76 22.848 2.752 30.016 11.744 12.896 16.32 27.744 31.168 44.128 44.128 9.024 7.168 13.504 18.624 11.744 30.016L337.152 872.672z"  ></path></symbol><symbol id="el-icon-self-new" viewBox="0 0 1024 1024"><path d="M963.072 446.336c0-211.744-200.96-384-448-384s-448 172.256-448 384c0 116.48 63.008 226.048 172.896 300.672 14.656 9.984 34.528 6.144 44.448-8.512 9.952-14.624 6.112-34.528-8.512-44.448-92.032-62.496-144.832-152.768-144.832-247.712 0-176.448 172.256-320 384-320 211.744 0 384 143.552 384 320 0 176.448-172.256 320-384 320-1.984 0-3.68 0.768-5.568 1.12-15.104-2.688-30.464 5.216-35.776 20.192-6.144 17.376-46.368 46.656-94.144 73.792 17.472-58.208 9.088-70.688 3.52-78.976-6.72-9.984-17.92-15.936-29.92-15.936-17.664 0-32 14.304-32 32 0 5.824 1.536 11.264 4.256 15.936-3.232 18.24-17.216 60.864-33.088 99.872-4.928 12.096-1.984 25.984 7.36 35.072 6.112 5.888 14.112 8.992 22.272 8.992 4.384 0 8.8-0.896 12.992-2.752 36.48-16.256 147.68-69.12 187.616-125.664C766.144 826.496 963.072 655.904 963.072 446.336z"  ></path><path d="M342.624 604.544c4.672 2.4 9.664 3.52 14.592 3.52 11.616 0 22.816-6.336 28.512-17.408l71.584-139.488 91.584 142.208c5.824 9.024 15.744 14.528 26.464 14.688 0.16 0 0.32 0 0.448 0 10.56 0 20.48-5.216 26.432-13.984l128.8-188.864c9.984-14.624 6.176-34.528-8.416-44.48-14.624-9.952-34.528-6.208-44.48 8.416l-101.632 148.992-95.456-148.288c-6.176-9.6-17.152-14.752-28.48-14.656-11.424 0.576-21.696 7.2-26.912 17.344l-96.896 188.896C320.672 577.184 326.88 596.48 342.624 604.544z"  ></path></symbol><symbol id="el-icon-self-album" viewBox="0 0 1024 1024"><path d="M256 448m-64 0a2 2 0 1 0 128 0 2 2 0 1 0-128 0Z"  ></path><path d="M714.688 256 181.312 256C116.64 256 64 308.64 64 373.312l0 405.376C64 843.36 116.64 896 181.312 896l533.376 0C779.36 896 832 843.36 832 778.688L832 373.312C832 308.64 779.36 256 714.688 256zM768 778.688C768 808.096 744.096 832 714.688 832L181.312 832C151.936 832 128 808.096 128 778.688L128 373.312C128 343.936 151.936 320 181.312 320l533.376 0C744.096 320 768 343.936 768 373.312L768 778.688z"  ></path><path d="M842.688 128 256 128C238.336 128 224 142.336 224 160s14.336 32 32 32l586.688 0C872.096 192 896 215.936 896 245.312L896 640c0 17.696 14.304 32 32 32s32-14.304 32-32L960 245.312C960 180.64 907.36 128 842.688 128z"  ></path><path d="M672.64 448.736c-129.056 0-143.936 72.672-152.832 116.096-7.2 35.168-10.4 39.968-28.64 42.88-34.976 5.568-44 0.192-58.912-8.8-15.456-9.312-36.672-22.08-77.952-23.168C227.616 573.12 194.112 723.84 192.704 730.24c-3.712 17.28 7.264 34.304 24.544 38.016 2.272 0.512 4.544 0.704 6.752 0.704 14.752 0 28-10.24 31.264-25.248 0.224-1.056 23.232-104.032 95.488-104.032 0.64 0 1.28 0 1.92 0.032 24.352 0.608 33.632 6.208 46.496 13.984 24.032 14.464 48.352 25.76 102.08 17.184 64.192-10.272 74.432-60.192 81.184-93.216 8.32-40.512 13.312-64.928 90.144-64.928 17.696 0 32-14.336 32-32S690.304 448.736 672.64 448.736z"  ></path></symbol></svg>',l=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(l&&!o.__iconfont__svg__cssinject__){o.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),c()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(e=c,s=o.document,h=!1,(i=function(){try{s.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),s.onreadystatechange=function(){"complete"==s.readyState&&(s.onreadystatechange=null,t())});function t(){h||(h=!0,e())}var e,s,h,i}(function(){var c,l,t,e,s,h;(c=document.createElement("div")).innerHTML=i,i=null,(l=c.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",t=l,(e=document.body).firstChild?(s=t,(h=e.firstChild).parentNode.insertBefore(s,h)):e.appendChild(t))})}(window);
\ No newline at end of file
--- a/src/modules/test-module/assets/font-icons/iconfont.json
+++ b/src/modules/test-module/assets/font-icons/iconfont.json
-{
-  "id": "948269",
-  "name": "self-all",
-  "font_family": "selfAllIcon",
-  "css_prefix_text": "el-icon-self-",
-  "description": "所有外包项目，图标库",
-  "glyphs": [
-    {
-      "icon_id": "1546564",
-      "name": "反馈意见",
-      "font_class": "fankuiyijian",
-      "unicode": "e68f",
-      "unicode_decimal": 59023
-    },
-    {
-      "icon_id": "8777427",
-      "name": "help",
-      "font_class": "icon-test",
-      "unicode": "e655",
-      "unicode_decimal": 58965
-    },
-    {
-      "icon_id": "11720124",
-      "name": "视频禁止",
-      "font_class": "shipinjinzhi",
-      "unicode": "e60b",
-      "unicode_decimal": 58891
-    },
-    {
-      "icon_id": "11720125",
-      "name": "视频播放",
-      "font_class": "shipinbofang",
-      "unicode": "e60c",
-      "unicode_decimal": 58892
-    },
-    {
-      "icon_id": "11717677",
-      "name": "退出",
-      "font_class": "tuichu",
-      "unicode": "e606",
-      "unicode_decimal": 58886
-    },
-    {
-      "icon_id": "551615",
-      "name": "五角星",
-      "font_class": "star_full",
-      "unicode": "e627",
-      "unicode_decimal": 58919
-    },
-    {
-      "icon_id": "2681717",
-      "name": "五角星",
-      "font_class": "wujiaoxing",
-      "unicode": "e614",
-      "unicode_decimal": 58900
-    },
-    {
-      "icon_id": "632985",
-      "name": "关闭",
-      "font_class": "guanbi",
-      "unicode": "e611",
-      "unicode_decimal": 58897
-    },
-    {
-      "icon_id": "646387",
-      "name": "刷新",
-      "font_class": "xuexiao",
-      "unicode": "e632",
-      "unicode_decimal": 58930
-    },
-    {
-      "icon_id": "1010014",
-      "name": "全屏",
-      "font_class": "quanping",
-      "unicode": "e743",
-      "unicode_decimal": 59203
-    },
-    {
-      "icon_id": "2198788",
-      "name": "视频",
-      "font_class": "shipin",
-      "unicode": "e60e",
-      "unicode_decimal": 58894
-    },
-    {
-      "icon_id": "554517",
-      "name": "播放",
-      "font_class": "iconset0481",
-      "unicode": "e768",
-      "unicode_decimal": 59240
-    },
-    {
-      "icon_id": "4251768",
-      "name": "文件",
-      "font_class": "wenjian",
-      "unicode": "e650",
-      "unicode_decimal": 58960
-    },
-    {
-      "icon_id": "5620349",
-      "name": "PPT",
-      "font_class": "PPT",
-      "unicode": "e602",
-      "unicode_decimal": 58882
-    },
-    {
-      "icon_id": "720044",
-      "name": "image-o",
-      "font_class": "13",
-      "unicode": "e6ce",
-      "unicode_decimal": 59086
-    },
-    {
-      "icon_id": "372115",
-      "name": "cc-book",
-      "font_class": "cc-book",
-      "unicode": "e615",
-      "unicode_decimal": 58901
-    },
-    {
-      "icon_id": "938307",
-      "name": "Grade",
-      "font_class": "grade",
-      "unicode": "e66c",
-      "unicode_decimal": 58988
-    },
-    {
-      "icon_id": "4657687",
-      "name": "学习",
-      "font_class": "xuexi-",
-      "unicode": "e609",
-      "unicode_decimal": 58889
-    },
-    {
-      "icon_id": "1174321",
-      "name": "nav",
-      "font_class": "nav",
-      "unicode": "e66b",
-      "unicode_decimal": 58987
-    },
-    {
-      "icon_id": "1418216",
-      "name": "密码",
-      "font_class": "mima",
-      "unicode": "e607",
-      "unicode_decimal": 58887
-    },
-    {
-      "icon_id": "3090318",
-      "name": "人物",
-      "font_class": "character",
-      "unicode": "e62e",
-      "unicode_decimal": 58926
-    },
-    {
-      "icon_id": "6918240",
-      "name": "statistic",
-      "font_class": "statistic",
-      "unicode": "e601",
-      "unicode_decimal": 58881
-    },
-    {
-      "icon_id": "30446",
-      "name": "discover",
-      "font_class": "discover",
-      "unicode": "e67e",
-      "unicode_decimal": 59006
-    },
-    {
-      "icon_id": "30480",
-      "name": "settings",
-      "font_class": "settings",
-      "unicode": "e68a",
-      "unicode_decimal": 59018
-    },
-    {
-      "icon_id": "90850",
-      "name": "new",
-      "font_class": "new",
-      "unicode": "e71e",
-      "unicode_decimal": 59166
-    },
-    {
-      "icon_id": "151470",
-      "name": "album",
-      "font_class": "album",
-      "unicode": "e734",
-      "unicode_decimal": 59188
-    }
-  ]
-}
--- a/src/modules/test-module/assets/font-icons/iconfont.svg
+++ b/src/modules/test-module/assets/font-icons/iconfont.svg
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<!--
-2013-9-30: Created.
-->
-<svg>
-<metadata>
-Created by iconfont
-</metadata>
-<defs>
-<font id="selfAllIcon" horiz-adv-x="1024" >
-  <font-face
-    font-family="selfAllIcon"
-    font-weight="500"
-    font-stretch="normal"
-    units-per-em="1024"
-    ascent="896"
-    descent="-128"
-  />
-    <missing-glyph />
-    <glyph glyph-name="fankuiyijian" unicode="&#59023;" d="M865.773 488.494c-16.142 0-29.127-12.986-29.127-29.127v-375.982c0-12.622-10.316-22.938-22.938-22.938h-600.989c-12.622 0-22.938 10.316-22.938 22.938v601.11c0 12.622 10.316 22.938 22.938 22.938h375.254c16.142 0 29.127 12.986 29.127 29.127s-12.986 29.127-29.127 29.127h-375.254c-44.783 0-81.191-36.409-81.191-81.191v-600.989c0-44.783 36.409-81.191 81.191-81.191h600.989c44.783 0 81.191 36.409 81.191 81.191v375.861c0 16.142-13.107 29.127-29.127 29.127zM334.324 344.678l-35.438-139.568c-2.548-9.952 0.364-20.511 7.646-27.792s17.84-10.194 27.792-7.646l139.568 35.438c5.098 1.334 9.709 3.884 13.471 7.646l387.876 387.876c26.457 26.457 26.093 69.905-0.729 96.848l-47.696 47.696c-26.943 26.943-70.39 27.307-96.848 0.729l-387.997-387.755c-3.641-3.762-6.311-8.374-7.646-13.471zM771.109 704.763c3.762 3.762 10.316 3.398 14.563-0.729l47.696-47.696c4.127-4.127 4.491-10.801 0.729-14.563l-29.977-29.977-62.988 62.988 29.977 29.977zM699.87 633.644l62.988-62.988-278.164-278.043-62.988 62.988 278.164 278.043zM385.539 309.484l53.157-53.157-71.239-18.083 18.083 71.239z"  horiz-adv-x="1024" />
-    <glyph glyph-name="icon-test" unicode="&#58965;" d="M512 0C299.936 0 128 171.936 128 384S299.936 768 512 768s384-171.936 384-384-171.936-384-384-384m0 832C264.96 832 64 631.04 64 384s200.96-448 448-448 448 200.96 448 448S759.04 832 512 832M511.68 192a48 48 0 1 1 0-96 48 48 0 0 1 0 96M512 640l-0.288-0.032A160.16 160.16 0 0 1 352 480h64a96.096 96.096 0 0 0 95.712 95.968L512 576c52.928 0 96-43.072 96-96s-43.072-96-96-96l-0.288 0.032V384H480v-128h64v67.264A160.224 160.224 0 0 1 672 480c0 88.224-71.776 160-160 160"  horiz-adv-x="1024" />
-    <glyph glyph-name="shipinjinzhi" unicode="&#58891;" d="M996.98153 623.213525c-0.200137 16.511287-13.909508 29.920453-30.620932 29.920453-11.507867 0-19.313202-4.803283-21.714844-6.604514L724.49526 499.128701v-214.846868l220.250562-147.400762c2.50171-1.801231 10.206977-6.604515 21.714844-6.604515 16.811492 0 30.520864 13.509235 30.520864 30.12059V623.213525zM968.662171 160.497215c0-1.000684-1.000684-1.801231-2.101436-1.801231-2.601779 0-4.40301 0.800547-5.00342 1.20082L752.914688 299.492231V484.018372l207.742011 139.095084 0.800547 0.600411s2.101437 1.100752 4.903352 1.100752c1.200821 0 2.201505-0.900616 2.201505-1.901299V160.497215zM899.214698 801.135151L703.580964 600.89827c-4.903352 38.426268-38.3262 68.246653-78.653768 68.246653h-520.355712c-43.629825 0-79.154109-35.023942-79.154109-78.053356v-414.683476c0-43.029415 35.524284-78.053357 79.154109-78.053356H212.145021L102.570116-13.821949l20.313887-19.813544 132.990911 136.093032 448.30646 458.3133v0.100069l215.34721 220.35063-20.313886 19.913613zM675.862015 572.378775L239.964038 126.774162H104.471416c-28.019154 0-50.83475 22.315255-50.83475 49.633929V591.091567c0 27.418743 22.815597 49.633929 50.83475 49.633929h520.355712c28.119222 0 50.934819-22.315255 50.934819-49.633929v-18.712792zM675.862015 176.408091c0-27.318675-22.815597-49.633929-50.83475-49.633929H385.763706l-27.819017-28.419427h266.882439c43.729893 0 79.154109 35.023942 79.154109 78.053356V513.438483l-28.21929-29.119906v-307.910486z"  horiz-adv-x="1024" />
-    <glyph glyph-name="shipinbofang" unicode="&#58892;" d="M624.5 98.5H106.1c-44 0-79.8 35.2-79.8 78.6V590.3c0 43.4 35.7 78.6 79.8 78.6h518.4c21.6 0 41.9-8.4 57.1-23.6 14.8-14.8 22.8-34.4 22.8-55.1V177c-0.2-43.3-35.9-78.5-79.9-78.5zM106.1 638.8c-27.5 0-49.7-21.8-49.7-48.5v-413.2c0-26.7 22.3-48.5 49.7-48.5h518.4c27.5 0 49.7 21.8 49.7 48.5V590.3c0 12.7-4.9 24.7-14 33.9-9.4 9.5-22.1 14.7-35.7 14.7H106.1z m858.7-508.5c-11.7 0-19.6 4.9-22.2 6.8L722.8 284.2v215l219.6 147.1c2.6 1.9 10.5 6.8 22.2 6.8 17.1 0 31.2-13.8 31.4-30.7v-461.1c0-17-14-31-31.2-31z m-4.5 31.1c0.5-0.3 2.1-1 4.5-1 0.8 0 1.3 0.4 1.3 0.9V621.9c0 0.5-0.6 1-1.3 1-2.3 0-3.9-0.6-4.4-1l-0.8-0.6v0.3L752.9 483.2v-182.9l207.4-138.9z m0.1 460.7z"  horiz-adv-x="1024" />
-    <glyph glyph-name="tuichu" unicode="&#58886;" d="M747.40131 250.431043h-2.236183c-5.332437 0-10.320847 2.064169-14.105157 5.84848l-110.777087 112.325214c-8.084663 8.084663-8.084663 21.157736-0.172015 29.070385l110.777088 110.777087c3.78431 3.78431 8.77272 5.84848 14.277171 5.84848h1.204099l1.204098 0.172014h1.032085c3.440282 0 6.880564-1.548127 9.116748-4.300353l0.86007-1.032085 0.860071-0.86007c3.78431-3.78431 6.020494-8.944734 6.020494-14.277171s-2.236183-10.492861-6.020494-14.277171l-76.202251-76.202251h443.108349c9.976818-1.720141 17.373425-10.148833 17.373425-20.297665s-7.224593-18.749538-17.373425-20.297666H684.788174l75.514195-77.062321 0.688056-0.688057c6.192508-5.676466 8.256677-14.793214 4.988409-22.533848-3.096254-7.224593-10.320847-12.213002-18.577524-12.213002zM725.727532-36.832521c-54.528473 0-107.680833 10.492861-158.080967 31.134554-51.432219 21.157736-97.532001 51.948261-136.751218 91.511506-39.047203 39.219217-69.493701 84.974971-90.651436 136.235176-20.985721 51.088191-31.650596 105.100622-31.306568 160.489165 0 168.2298 99.940198 319.946246 254.580883 386.171678 51.604233 21.845792 106.132706 33.026709 162.037292 33.026709 63.301193 0 126.774399-14.793214 183.539056-42.659499 57.968755-28.554342 109.22896-70.869814 148.276163-122.818075l0.172015-0.172014c6.70855-8.77272 4.988409-21.673778-3.784311-28.382328-4.472367-3.440282-9.116748-4.128339-12.213002-4.128339-6.364522 0-12.385016 2.92424-16.169326 8.084663-34.230808 44.723669-78.782463 82.050731-129.010583 107.680833C843.729212 746.347724 784.728372 760.452881 725.899546 760.452881c-49.196036 0-97.187972-9.460776-142.771711-28.210314-46.44381-19.093566-88.071225-46.959852-123.334118-82.738787-63.645221-63.301193-102.864438-147.416093-110.261044-237.035445-7.396607-89.619352 17.545439-179.066689 70.009743-252.000672 35.434907-49.024022 82.566773-89.447337 136.407189-116.453552 52.636318-26.490173 111.465144-40.423316 170.29397-40.423316 58.656812 0 117.485637 13.933143 169.949941 40.59533l0.172014 0.172014c50.572148 25.974131 95.467831 63.645221 129.526625 109.056946l0.172014 0.172014c3.096254 4.128339 7.740635 7.052579 12.901059 7.740635 0.860071 0.172014 1.548127 0.172014 2.408197 0.172014 4.300353 0 8.600706-1.376113 12.213002-4.128339 8.77272-6.880564 10.492861-19.781623 3.956325-28.89837-38.015118-50.056106-87.727196-91.683521-143.631783-120.237863-58.312783-29.414413-123.162103-45.067697-188.183437-45.067697z"  horiz-adv-x="1448" />
-    <glyph glyph-name="star_full" unicode="&#58919;" d="M958.733 484.651l-299.475 57.753-147.26 268.060-147.257-268.060-299.476-57.753 208.463-223.396-37.841-303.719 276.111 129.984 276.093-129.984-37.841 303.719z"  horiz-adv-x="1024" />
-    <glyph glyph-name="wujiaoxing" unicode="&#58900;" d="M959.008 489.984l-308 47.008L512 832 372.992 536.992l-308-47.008 223.008-228-52.992-324L512 90.976l276.992-152.992-52.992 324zM512 156L304 39.008l40 235.008-179.008 182.016 242.016 32 104.992 224 104-224 240.992-34.016L680 273.024l36.992-235.008z"  horiz-adv-x="1024" />
-    <glyph glyph-name="guanbi" unicode="&#58897;" d="M567.001395 400.713626 966.070272 799.763149c10.904781 10.905395 10.904781 28.573798 0 39.481242-10.907853 10.905395-28.575949 10.905395-39.482778 0L527.519539 440.193843 128.45271 839.24439c-10.905805 10.905395-28.574925 10.905395-39.481754 0-10.906829-10.906419-10.906829-28.574822 0-39.481242l399.067955-399.049523L88.970957 1.662054c-10.906829-10.906419-10.906829-28.573798 0-39.480218 5.45239-5.452186 12.652646-8.177254 19.741389-8.177254 7.197184 0 14.285926 2.725069 19.740365 8.177254l399.065907 399.052595L926.587494-37.818061c5.454438-5.452186 12.652646-8.177254 19.740365-8.177254 7.198208 0 14.28695 2.725069 19.742413 8.177254 10.904781 10.906419 10.904781 28.573798 0 39.480218L567.001395 400.713626z"  horiz-adv-x="1024" />
-    <glyph glyph-name="xuexiao" unicode="&#58930;" d="M925.761 617.478l-16.543-49.136c0 0-79.438 196.571-314.467 245.72 0 0-96.866 21.943-198.602 0-13.964-7.978-254.891-85.18-297.917-311.249 0 0 9.928-68.815 49.647 0 0 0 23.171 176.919 281.368 262.098h182.062c0 0 211.845-72.075 264.812-245.72l16.556-81.906 49.641-16.392 16.556 196.584h-33.112zM876.12 259.493c0 0-23.171-176.919-281.369-262.098l-182.060-0c0 0-211.845 72.075-264.813 245.72l-16.549 81.906-49.654 16.392-16.548-196.584h33.105l16.549 49.136c0 0 116.962-225.769 314.467-245.72 83.788-19.951 198.617 0 198.617 0s254.884 85.18 297.897 311.248c0 0-9.928 68.815-49.641 0z"  horiz-adv-x="1024" />
-    <glyph glyph-name="quanping" unicode="&#59203;" d="M664.035 486.618l244.223 243.378-0.837-137.922c-0.335-11.437 8.912-21.527 20.351-21.191h14.63c11.438 0.335 21.025 7.065 21.193 18.67l0.672 205.367c0 0.171 0.335 10.934 0.335 10.934 0.17 5.716-1.179 10.934-4.879 14.63-3.7 3.702-8.742 6.055-14.633 5.886l-10.428-0.171c-0.169 0-0.331 0-0.501-0.171l-203.69 0.846c-11.438-0.336-21.025-9.76-21.193-21.361v-14.633c1.685-13.625 12.446-21.529 23.884-21.193l134.219-0.335-243.551-242.542c-11.101-11.104-11.101-29.095 0-40.197 11.104-11.269 29.101-11.269 40.203 0h-0.003M356.233 257.194l-244.393-242.544 0.842 137.253c0.336 11.435-8.918 21.523-20.355 21.193h-15.47c-11.438-0.335-21.025-7.065-21.193-18.672l-0.672-205.536c0-0.171-0.335-10.934-0.335-10.934-0.171-5.722 1.18-10.934 4.875-14.63 3.7-3.7 8.746-6.055 14.633-5.886l10.427 0.17c0.171 0 0.336 0 0.507 0.171l204.532-0.843c11.435 0.336 21.025 9.756 21.193 21.361v14.63c-1.683 13.625-12.451 21.529-23.887 21.193l-134.222 0.335 243.38 242.539c11.104 11.104 11.104 29.101 0 40.203-10.929 11.268-28.757 11.268-39.857-0.001v0M964.271-51.109l-0.507 205.536c-0.336 11.438-9.76 18.335-21.194 18.672h-14.629c-11.439 0.331-20.521-9.759-20.356-21.193l0.843-137.927-244.393 243.214c-11.104 11.104-29.099 11.104-40.203 0-11.097-11.101-11.097-29.099 0-40.203l243.386-242.538-134.22-0.335c-11.438 0.335-22.034-7.739-23.887-21.193v-14.633c0.335-11.437 9.76-21.025 21.193-21.361l203.69 0.843c0.17 0 0.335-0.17 0.507-0.17l10.428-0.171c5.716-0.17 10.934 2.016 14.63 5.886 3.698 3.7 5.042 8.912 4.875 14.63 0 0-0.169 10.764-0.169 10.934l0.004 0.002M152.885 769.355l134.22 0.335c11.435-0.335 22.031 7.739 23.883 21.193v14.636c-0.336 11.437-9.753 21.025-21.193 21.36l-204.694-0.842c-0.17 0-0.336 0.171-0.509 0.171l-10.426 0.169c-5.722 0.17-10.934-2.015-14.633-5.885-3.698-3.7-5.050-8.912-4.875-14.633 0 0 0.335-10.763 0.335-10.933l0.502-205.536c0.171-11.435 9.759-18.335 21.193-18.667h15.475c11.437-0.335 20.519 9.753 20.349 21.191l-0.671 137.248 244.224-242.709c11.097-11.104 29.094-11.104 40.196 0 11.104 11.101 11.104 29.099 0 40.203l-243.38 242.703M152.885 769.355v0z"  horiz-adv-x="1024" />
-    <glyph glyph-name="shipin" unicode="&#58894;" d="M858.8-7.6H182.2c-61 0-110.8 49.6-110.8 110.8V617c0 61 49.6 110.8 110.8 110.8h676.6c61 0 110.8-49.6 110.8-110.8v-513.8c-0.2-61-49.8-110.8-110.8-110.8zM182.2 687.6c-39 0-70.8-31.8-70.8-70.8v-513.8c0-39 31.8-70.8 70.8-70.8h676.6c39 0 70.8 31.8 70.8 70.8v514c0 39-31.8 70.8-70.8 70.8H182.2zM225.4-7.6c-11 0-20 9-20 20V707.6c0 11 9 20 20 20s20-9 20-20v-695.2c0-11-8.8-20-20-20zM815.4-7.6c-11 0-20 9-20 20V707.6c0 11 9 20 20 20s20-9 20-20v-695.2c0-11-9-20-20-20zM225.4 496.8h-134c-11 0-20 9-20 20s9 20 20 20h134c11 0 20-9 20-20s-8.8-20-20-20zM225.4 340h-134c-11 0-20 9-20 20s9 20 20 20h134c11 0 20-9 20-20s-8.8-20-20-20zM225.4 163.4h-134c-11 0-20 9-20 20s9 20 20 20h134c11 0 20-9 20-20s-8.8-20-20-20zM949.4 496.8h-134c-11 0-20 9-20 20s9 20 20 20h134c11 0 20-9 20-20s-9-20-20-20zM949.4 340h-134c-11 0-20 9-20 20s9 20 20 20h134c11 0 20-9 20-20s-9-20-20-20zM949.4 163.4h-134c-11 0-20 9-20 20s9 20 20 20h134c11 0 20-9 20-20s-9-20-20-20zM432 216.8c-3.4 0-7 0.8-10 2.6-6.2 3.6-10 10.2-10 17.4V483.2c0 7.2 3.8 13.8 10 17.4 6.2 3.6 13.8 3.6 20 0l213.4-123.2c6.2-3.6 10-10.2 10-17.4s-3.8-13.8-10-17.4L442 219.6c-3.2-1.8-6.6-2.8-10-2.8z m20 231.8v-177.2l153.4 88.6-153.4 88.6z"  horiz-adv-x="1024" />
-    <glyph glyph-name="iconset0481" unicode="&#59240;" d="M512 853.333333C253.866667 853.333333 42.666667 644.266667 42.666667 384s211.2-469.333333 469.333333-469.333333c260.266667 0 469.333333 209.066667 469.333333 469.333333S772.266667 853.333333 512 853.333333zM512-42.666667C277.333333-42.666667 85.333333 149.333333 85.333333 384 85.333333 618.666667 277.333333 810.666667 512 810.666667c234.666667 0 426.666667-192 426.666667-426.666667C938.666667 149.333333 746.666667-42.666667 512-42.666667zM716.8 401.066667 716.8 401.066667l-4.266667 2.133333c0 0 0 0-2.133333 0l-292.266667 168.533333 0 0C413.866667 573.866667 409.6 576 405.333333 576c-12.8 0-21.333333-8.533333-21.333333-21.333333l0-341.333333c0-12.8 8.533333-21.333333 21.333333-21.333333 4.266667 0 8.533333 2.133333 12.8 4.266667l0 0 292.266667 168.533333c0 0 0 0 2.133333 0l4.266667 2.133333 0 0c4.266667 4.266667 8.533333 10.666667 8.533333 17.066667S721.066667 396.8 716.8 401.066667zM426.666667 249.6 426.666667 518.4 661.333333 384 426.666667 249.6z"  horiz-adv-x="1024" />
-    <glyph glyph-name="wenjian" unicode="&#58960;" d="M752 816H272c-70.4 0-128-57.6-128-128v-608c0-70.4 57.6-128 128-128h353.6c33.6 0 65.6 12.8 91.2 36.8l126.4 126.4c24 24 36.8 56 36.8 91.2V688c0 70.4-57.6 128-128 128zM208 80V688c0 35.2 28.8 64 64 64h480c35.2 0 64-28.8 64-64v-464h-96c-70.4 0-128-57.6-128-128v-80H272c-35.2 0-64 28.8-64 64z m462.4-44.8c-4.8-4.8-9.6-8-14.4-11.2V96c0 35.2 28.8 64 64 64h75.2l-124.8-124.8zM368 544h288c17.6 0 32 14.4 32 32s-14.4 32-32 32H368c-17.6 0-32-14.4-32-32s14.4-32 32-32zM496 288h-128c-17.6 0-32-14.4-32-32s14.4-32 32-32h128c17.6 0 32 14.4 32 32s-14.4 32-32 32zM368 384h288c17.6 0 32 14.4 32 32s-14.4 32-32 32H368c-17.6 0-32-14.4-32-32s14.4-32 32-32z"  horiz-adv-x="1024" />
-    <glyph glyph-name="PPT" unicode="&#58882;" d="M855.5 550.1L616 789.5c-5.3 5.3-12.4 8.2-19.9 8.2H174.3c-7.8 0-14.1-6.3-14.1-14.1v-801.9c0-7.8 6.3-14.1 14.1-14.1h675.3c7.8 0 14.1 6.3 14.1 14.1V530.2c0 7.5-2.9 14.7-8.2 19.9z m-53-514.8h-581v695h376.6v-204.2h204.3l0.1-490.8zM520.2 263.3h-49v-101.9H405V452.5h121.7c70.6-1.8 107.2-32.2 109.8-91.3 1-66.1-37.8-98.8-116.3-97.9z m-5.3 138.9h-43.7v-88.6h43.7c34.4 0.9 52 15.9 52.9 45-0.9 28.2-18.5 42.7-52.9 43.6z"  horiz-adv-x="1024" />
-    <glyph glyph-name="13" unicode="&#59086;" d="M147.2 715.2h728c41.6 0 76.8-35.2 76.8-76.8v-552c0-41.6-35.2-76.8-76.8-76.8h-728c-41.6 0-76.8 35.2-76.8 76.8v552c0 41.6 35.2 76.8 76.8 76.8v0zM147.2-30.4c243.2 0 486.4 0 728 0 64 0 115.2 51.2 115.2 115.2 0 184 0 368 0 552 0 64-51.2 115.2-115.2 115.2-243.2 0-486.4 0-728 0-64 0-115.2-51.2-115.2-115.2 0-184 0-368 0-552 0-62.4 51.2-115.2 115.2-115.2zM201.6 476.8c0-44.8 36.8-81.6 81.6-81.6s81.6 36.8 81.6 81.6c0 44.8-36.8 81.6-81.6 81.6-44.8 0-81.6-36.8-81.6-81.6v0zM240 476.8c0 24 19.2 43.2 43.2 43.2s43.2-19.2 43.2-43.2c0-24-19.2-43.2-43.2-43.2-22.4 0-43.2 19.2-43.2 43.2zM675.2 396.8l203.2-203.2c8-8 8-19.2 0-27.2v0c-8-8-19.2-8-27.2 0l-203.2 203.2c-14.4 14.4-40 14.4-54.4 0l-163.2-161.6c-30.4-30.4-80-30.4-110.4 0l-25.6 25.6c-14.4 14.4-40 14.4-54.4 0l-67.2-67.2c-8-8-19.2-8-27.2 0v0c-8 8-8 19.2 0 27.2l67.2 67.2c30.4 30.4 80 30.4 110.4 0l25.6-25.6c14.4-14.4 40-14.4 54.4 0l161.6 161.6c30.4 30.4 80 30.4 110.4 0z"  horiz-adv-x="1024" />
-    <glyph glyph-name="cc-book" unicode="&#58901;" d="M682.697 24.293l-440.536 0c-12.153 0-22.026 9.893-22.026 22.027 0 12.13 9.873 22.026 22.026 22.026l440.537 0c12.13 0 22.026-9.895 22.026-22.026 0-12.133-9.895-22.027-22.027-22.027zM841.773 725.675c-12.955 0-23.52-10.543-23.52-23.521l0-705.638c0-12.956-10.567-23.521-23.522-23.521l-517.47 0c-38.911 0-70.564 31.651-70.564 70.564 0 38.91 31.653 70.563 70.564 70.563l423.383 0c38.911 0 70.565 31.653 70.565 70.563l0 564.511c0 38.911-31.654 70.564-70.565 70.564l-470.426 0c-38.911 0-70.563-31.653-70.563-70.564l0-705.637c0-64.823 52.785-117.609 117.607-117.609l517.469 0c38.909 0 70.563 31.654 70.563 70.565l0 705.638c0 12.978-10.567 23.521-23.521 23.521zM230.219 772.719l470.426 0c12.955 0 23.522-10.543 23.522-23.522l0-564.511c0-12.955-10.567-23.521-23.522-23.521l-423.383 0c-26.439 0-50.902-8.821-70.564-23.567l0 611.598c0 12.979 10.543 23.522 23.521 23.522z"  horiz-adv-x="1024" />
-    <glyph glyph-name="grade" unicode="&#58988;" d="M863.721739 341.704348c24.486957 48.973913 28.93913 102.4 28.93913 160.278261C892.66087 706.782609 734.608696 873.73913 527.582609 873.73913 320.556522 873.73913 162.504348 706.782609 162.504348 501.982609c0-57.878261 4.452174-111.304348 28.93913-160.278261L51.2 103.513043c0 0 95.721739-35.617391 193.669565-55.652174 64.556522-73.46087 117.982609-151.373913 117.982609-151.373913l129.113043 247.095652c8.904348 0 20.034783 0 26.713043 0 8.904348 0 20.034783 0 26.713043 0l138.017391-233.73913c0 0 57.878261 64.556522 124.66087 138.017391 97.947826 20.034783 193.669565 55.652174 193.669565 55.652174L863.721739 341.704348 863.721739 341.704348 863.721739 341.704348zM353.947826-7.791304c0 0-46.747826 60.104348-89.043478 102.4-62.330435 17.808696-144.695652 35.617391-144.695652 35.617391L215.930435 294.956522c51.2-66.782609 135.791304-129.113043 220.382609-149.147826L353.947826-7.791304 353.947826-7.791304zM520.904348 185.878261c-80.13913 0-309.426087 48.973913-316.104348 316.104348C198.121739 671.165217 351.721739 831.443478 520.904348 831.443478c169.182609 0 329.46087-162.504348 329.46087-329.46087C852.591304 245.982609 601.043478 185.878261 520.904348 185.878261L520.904348 185.878261zM685.634783-7.791304l-82.365217 151.373913c84.591304 20.034783 182.53913 84.591304 233.73913 151.373913l95.721739-164.730435c0 0-82.365217-17.808696-144.695652-35.617391L685.634783-7.791304 685.634783-7.791304zM527.582609 720.13913c-117.982609 0-213.704348-95.721739-213.704348-213.704348s95.721739-213.704348 213.704348-213.704348c117.982609 0 213.704348 95.721739 213.704348 213.704348S645.565217 720.13913 527.582609 720.13913L527.582609 720.13913 527.582609 720.13913zM534.26087 337.252174c-53.426087 0-169.182609 20.034783-178.086957 178.086957-4.452174 84.591304 95.721739 164.730435 178.086957 164.730435 84.591304 0 162.504348-95.721739 164.730435-178.086957C701.217391 390.678261 587.686957 337.252174 534.26087 337.252174L534.26087 337.252174zM534.26087 337.252174"  horiz-adv-x="1024" />
-    <glyph glyph-name="xuexi-" unicode="&#58889;" d="M996.5 608.9L567.6 827.2c-34.8 17.6-76.4 17.6-111.2 0L27.5 609.6C10.6 601 0 583.9 0 564.8c0-19 10.5-36.2 27.5-44.8l219.8-111.8v-305c0-33.9 18.8-64.4 49-79.7l164.9-83.6c15.9-8.1 33.4-12.1 50.9-12.1s35 4 50.9 12.1l164.9 83.6c30.2 15.3 49 45.9 49 79.7V407.8L901.4 471v-111.9c0-15.2 12.3-27.5 27.5-27.5s27.5 12.3 27.5 27.5V494.4c0 1.5-0.1 2.9-0.3 4.3l40.4 20.5c17 8.6 27.5 25.8 27.5 44.8 0 19.1-10.5 36.3-27.5 44.9zM721.8 103.10000000000002c0-13.1-7.2-24.8-18.9-30.8L538-11.299999999999955c-16.3-8.3-35.8-8.3-52.1 0L321 72.29999999999995c-11.6 5.9-18.9 17.7-18.9 30.8V380.20000000000005l154.2-78.5c17.4-8.8 36.5-13.2 55.6-13.2s38.2 4.4 55.6 13.2l154.2 78.2v-276.8z m-179 247.6c-19.3-9.8-42.3-9.8-61.5 0L60.5 564.8l420.7 213.4c19.3 9.8 42.3 9.8 61.5 0l420.7-214.1-420.6-213.4z"  horiz-adv-x="1024" />
-    <glyph glyph-name="nav" unicode="&#58987;" d="M888.838 576.225l-751.1 0c-23.944 0-43.339 19.553-43.339 43.646l0 40.012c0 24.093 19.395 43.645 43.339 43.645l751.1 0c23.923 0 43.334-19.554 43.334-43.645l0-40.012c-0.001-24.093-19.411-43.646-43.333-43.646l0 0zM888.838 308.491l-751.1 0c-23.944 0-43.339 19.533-43.339 43.64l0 39.998c0 24.115 19.395 43.647 43.339 43.647l751.1 0c23.923 0 43.334-19.533 43.334-43.647l0-39.998c-0.001-24.107-19.411-43.64-43.333-43.64l0 0zM888.838 19.83l-751.1 0c-23.944 0-43.339 19.532-43.339 43.627l0 40.017c0 24.093 19.395 43.641 43.339 43.641l751.1 0c23.923 0 43.334-19.548 43.334-43.641l0-40.017c-0.001-24.094-19.411-43.627-43.333-43.627l0 0z"  horiz-adv-x="1024" />
-    <glyph glyph-name="mima" unicode="&#58887;" d="M791.366 436.93l-459.174 0.791c-0.186 61.936-16.847 157.926 36.027 216.192 32.142 35.52 86.326 72.068 144.127 72.068 85.395 0 149.246-64.412 180.166-144.126 9.009-22.992 16.936-35.38 36.037-36.037 47.899-1.45 44.986 49.075 36.029 72.067C719.914 732.97 636.118 798.047 512.346 798.047c-84.12 0-130.475-17.265-180.154-72.065-76.009-83.746-72.259-219.151-72.067-288.26l-26.795-0.791c-25.045 0-45.273-20.034-45.273-44.667v-378.249c0-24.774 20.269-44.755 45.273-44.755h557.99c25.009 0 45.273 19.989 45.273 44.755V392.263c0.046 24.678-20.218 44.667-45.227 44.667zM765.68 77.65c0-9.966-3.476-18.514-10.58-25.52-7.045-7.051-15.56-10.58-25.517-10.58H296.362c-9.966 0-18.472 3.478-25.475 10.58-7.051 7.049-10.624 15.553-10.624 25.52V330.365c0 19.878 16.166 36.054 36.098 36.054h433.212c19.932 0 36.107-16.176 36.107-36.054V77.65z"  horiz-adv-x="1024" />
-    <glyph glyph-name="character" unicode="&#58926;" d="M921.087359-94.72000000000003v35.2A410.24 410.24 0 0 1 661.887359 320a307.2 307.2 0 1 1-300.8 0 410.24 410.24 0 0 1-256-380.8v-35.2H101.887359a32 32 0 0 1 32-32 32 32 0 0 1 32 32v34.56a345.6 345.6 0 0 0 691.2 0v-35.2a31.36 31.36 0 0 1 31.36-30.08 32 32 0 0 1 32.64 32zM270.207359 588.8A241.28 241.28 0 1 0 511.487359 347.52 241.28 241.28 0 0 0 270.207359 588.8z"  horiz-adv-x="1024" />
-    <glyph glyph-name="statistic" unicode="&#58881;" d="M838.33 236.26800000000003c0-33.422-21.592-54.388-54.39-54.388H240.059c-32.796 0-54.388 20.966-54.388 54.388 0 0-0.409 482.507-0.409 516.961h653.477c0-54.85-0.409-516.96-0.409-516.96zM76.892 807.345v-54.389h54.389v-516.689c0-64.45 44.707-108.776 108.776-108.776h163.166L294.447-62.870000000000005l81.909 0.353 108.45 190.006h54.388l108.45-190.006 81.909-0.353-108.777 190.36h163.166c64.069 0 108.776 44.326 108.776 108.776v516.69h54.389v54.39H76.893v-0.001z m271.942-543.883c15.038 0 27.194 12.156 27.194 27.194V399.432c0 15.011-12.156 27.195-27.194 27.195s-27.195-12.183-27.195-27.195v-108.776c0-15.038 12.156-27.194 27.195-27.194z m326.33 0c15.039 0 27.195 12.156 27.195 27.194V535.403c0 15.011-12.156 27.195-27.195 27.195s-27.194-12.183-27.194-27.195v-244.747c0-15.038 12.156-27.194 27.194-27.194z m-163.165 0c15.039 0 27.194 12.156 27.194 27.194v326.33c0 15.011-12.155 27.195-27.194 27.195s-27.194-12.183-27.194-27.195v-326.33c0-15.038 12.155-27.194 27.194-27.194z"  horiz-adv-x="1024" />
-    <glyph glyph-name="discover" unicode="&#59006;" d="M544 608c0 52.928-43.072 96-96 96s-96-43.072-96-96 43.072-96 96-96S544 555.072 544 608zM416 608c0 17.632 14.368 32 32 32s32-14.368 32-32-14.368-32-32-32S416 590.368 416 608zM304 448C259.904 448 224 412.096 224 368 224 323.872 259.904 288 304 288s80 35.872 80 80C384 412.096 348.096 448 304 448zM304 352C295.168 352 288 359.168 288 368S295.168 384 304 384s16-7.168 16-16S312.832 352 304 352zM640 160m-64 0a2 2 0 1 0 128 0 2 2 0 1 0-128 0ZM887.84 627.328c39.744 60.672 64.256 113.184 64.224 148.96 0 22.976-9.312 36.928-17.12 44.576-38.08 37.376-110.016 3.2-160.768-25.664-15.328-8.736-20.704-28.288-11.968-43.648 8.736-15.36 28.32-20.704 43.648-11.968 49.408 28.16 73.248 33.088 82.496 33.696-1.504-41.376-95.328-202.432-330.208-433.504-226.368-222.72-398.656-324.672-442.24-325.376 0.96 11.36 8.768 44.448 58.528 118.688 1.312 1.888 2.4 3.968 3.232 6.144l2.304 5.92c0.256 0.64 0.288 1.344 0.512 2.016 8.8 10.24 10.816 25.088 3.392 37.248C147.328 244.384 128 313.408 128 384 128 595.744 300.256 768 512 768c59.296 0 116.096-13.12 168.864-39.04 15.936-7.776 35.04-1.184 42.816 14.656 7.776 15.84 1.248 35.008-14.624 42.816C647.424 816.672 581.12 832 512 832 264.96 832 64 631.04 64 384c0-76.064 19.488-150.496 56.064-216.64-0.192-0.576-0.64-1.056-0.8-1.632C51.168 63.392 35.2 0.32 68.928-32.768c11.008-10.784 25.632-15.584 43.072-15.584 39.328 0 92.864 24.928 150.08 60.896C336.096-37.408 421.952-64 512-64c247.04 0 448 200.96 448 448C960 471.136 934.912 554.752 887.84 627.328zM512 0c-68.288 0-133.728 17.888-191.84 51.552 128.288 92.256 258.432 218.56 282.848 242.624 89.152 87.712 178.56 187.04 244.64 275.968C879.2 513.408 896 449.888 896 384 896 172.256 723.744 0 512 0z"  horiz-adv-x="1024" />
-    <glyph glyph-name="settings" unicode="&#59018;" d="M512 288c-52.928 0-96 43.072-96 96s43.072 96 96 96 96-43.072 96-96S564.928 288 512 288zM512 416c-17.632 0-32-14.368-32-32s14.368-32 32-32 32 14.368 32 32S529.632 416 512 416zM631.04-64c-10.016 0-19.712 4.736-25.856 13.12l-73.408 100.48c-13.664-0.832-25.92-0.864-39.584 0l-73.376-100.48c-7.904-10.816-21.728-15.616-34.656-11.872-34.592 9.888-67.488 23.456-97.76 40.32-11.712 6.528-18.112 19.648-16.032 32.896l19.2 123.264c-9.824 8.704-19.136 18.016-27.84 27.808l-123.264-19.2c-13.056-1.984-26.336 4.352-32.896 16.064-16.896 30.368-30.464 63.296-40.32 97.824-3.68 12.864 1.056 26.72 11.904 34.624l100.448 73.376C177.152 371.04 176.928 377.6 176.928 384s0.224 12.96 0.672 19.776L77.12 477.184c-10.816 7.936-15.584 21.728-11.904 34.656 9.856 34.496 23.424 67.392 40.32 97.792 6.56 11.712 19.712 18.048 32.896 16.064l123.264-19.2c8.736 9.824 18.016 19.104 27.84 27.84l-19.2 123.264C268.288 770.816 274.72 783.936 286.432 790.464c30.4 16.896 63.296 30.464 97.76 40.32 12.928 3.648 26.72-1.056 34.656-11.904l73.376-100.448c13.568 0.896 25.824 0.896 39.584 0l73.408 100.48c7.904 10.848 21.664 15.52 34.656 11.904 34.464-9.856 67.328-23.424 97.76-40.32 11.712-6.528 18.112-19.648 16.064-32.896L734.432 634.24c9.824-8.736 19.104-18.016 27.808-27.776l123.328 19.2c13.152 2.016 26.336-4.384 32.864-16.032 16.896-30.4 30.496-63.296 40.352-97.824 3.648-12.896-1.088-26.688-11.904-34.624l-100.48-73.408c0.448-6.816 0.672-13.376 0.672-19.776s-0.224-12.96-0.672-19.776l100.48-73.376c10.816-7.904 15.552-21.728 11.904-34.624-9.856-34.496-23.424-67.424-40.352-97.824-6.528-11.712-19.488-18.048-32.896-16.064l-123.296 19.2c-8.672-9.76-17.984-19.072-27.808-27.776l19.232-123.296c2.048-13.248-4.352-26.368-16.064-32.896-30.24-16.832-63.136-30.4-97.76-40.32C636.928-63.584 633.984-64 631.04-64zM337.152 23.328c13.984-6.752 28.544-12.704 43.552-17.92l70.528 96.576c6.784 9.28 17.984 14.272 29.472 12.896 20.576-2.336 42.08-2.336 62.624 0 11.84 1.376 22.72-3.616 29.472-12.896l70.528-96.576c15.04 5.184 29.6 11.168 43.552 17.92l-18.432 118.368c-1.76 11.36 2.72 22.848 11.712 30.016 16.384 12.992 31.264 27.872 44.16 44.128 7.168 8.992 18.4 13.504 30.016 11.744l118.368-18.432c6.752 14.016 12.736 28.576 17.92 43.552l-96.576 70.528c-9.28 6.784-14.208 18.016-12.896 29.472 1.152 10.272 1.952 20.704 1.952 31.296s-0.768 21.024-1.952 31.296c-1.312 11.424 3.616 22.688 12.896 29.472l96.576 70.56c-5.152 15.008-11.168 29.568-17.92 43.552l-118.4-18.432c-11.328-1.696-22.816 2.688-29.984 11.744-12.896 16.256-27.776 31.104-44.16 44.128-8.992 7.168-13.472 18.592-11.712 29.984l18.432 118.4c-14.016 6.752-28.576 12.736-43.52 17.92l-70.56-96.576c-6.784-9.28-17.696-14.368-29.472-12.928-20.544 2.368-42.016 2.4-62.56 0-11.52-1.344-22.752 3.616-29.536 12.896l-70.528 96.576c-14.976-5.152-29.536-11.136-43.552-17.92l18.432-118.368c1.76-11.392-2.72-22.848-11.744-30.016-16.32-12.928-31.2-27.808-44.128-44.128-7.168-9.024-18.56-13.472-30.016-11.744l-118.368 18.432c-6.752-14.016-12.736-28.576-17.92-43.552l96.576-70.56c9.312-6.784 14.24-18.08 12.896-29.536C241.696 404.992 240.928 394.592 240.928 384s0.768-20.992 1.952-31.264c1.344-11.456-3.616-22.688-12.896-29.504l-96.576-70.528c5.184-15.008 11.168-29.568 17.92-43.552l118.368 18.432c11.392 1.76 22.848-2.752 30.016-11.744 12.896-16.32 27.744-31.168 44.128-44.128 9.024-7.168 13.504-18.624 11.744-30.016L337.152 23.328z"  horiz-adv-x="1024" />
-    <glyph glyph-name="new" unicode="&#59166;" d="M963.072 449.664c0 211.744-200.96 384-448 384s-448-172.256-448-384c0-116.48 63.008-226.048 172.896-300.672 14.656-9.984 34.528-6.144 44.448 8.512 9.952 14.624 6.112 34.528-8.512 44.448-92.032 62.496-144.832 152.768-144.832 247.712 0 176.448 172.256 320 384 320 211.744 0 384-143.552 384-320 0-176.448-172.256-320-384-320-1.984 0-3.68-0.768-5.568-1.12-15.104 2.688-30.464-5.216-35.776-20.192-6.144-17.376-46.368-46.656-94.144-73.792 17.472 58.208 9.088 70.688 3.52 78.976-6.72 9.984-17.92 15.936-29.92 15.936-17.664 0-32-14.304-32-32 0-5.824 1.536-11.264 4.256-15.936-3.232-18.24-17.216-60.864-33.088-99.872-4.928-12.096-1.984-25.984 7.36-35.072 6.112-5.888 14.112-8.992 22.272-8.992 4.384 0 8.8 0.896 12.992 2.752 36.48 16.256 147.68 69.12 187.616 125.664C766.144 69.504 963.072 240.096 963.072 449.664zM342.624 291.456c4.672-2.4 9.664-3.52 14.592-3.52 11.616 0 22.816 6.336 28.512 17.408l71.584 139.488 91.584-142.208c5.824-9.024 15.744-14.528 26.464-14.688 0.16 0 0.32 0 0.448 0 10.56 0 20.48 5.216 26.432 13.984l128.8 188.864c9.984 14.624 6.176 34.528-8.416 44.48-14.624 9.952-34.528 6.208-44.48-8.416l-101.632-148.992-95.456 148.288c-6.176 9.6-17.152 14.752-28.48 14.656-11.424-0.576-21.696-7.2-26.912-17.344l-96.896-188.896C320.672 318.816 326.88 299.52 342.624 291.456z"  horiz-adv-x="1024" />
-    <glyph glyph-name="album" unicode="&#59188;" d="M256 448m-64 0a2 2 0 1 0 128 0 2 2 0 1 0-128 0ZM714.688 640 181.312 640C116.64 640 64 587.36 64 522.688l0-405.376C64 52.64 116.64 0 181.312 0l533.376 0C779.36 0 832 52.64 832 117.312L832 522.688C832 587.36 779.36 640 714.688 640zM768 117.312C768 87.904 744.096 64 714.688 64L181.312 64C151.936 64 128 87.904 128 117.312L128 522.688C128 552.064 151.936 576 181.312 576l533.376 0C744.096 576 768 552.064 768 522.688L768 117.312zM842.688 768 256 768C238.336 768 224 753.664 224 736s14.336-32 32-32l586.688 0C872.096 704 896 680.064 896 650.688L896 256c0-17.696 14.304-32 32-32s32 14.304 32 32L960 650.688C960 715.36 907.36 768 842.688 768zM672.64 447.264c-129.056 0-143.936-72.672-152.832-116.096-7.2-35.168-10.4-39.968-28.64-42.88-34.976-5.568-44-0.192-58.912 8.8-15.456 9.312-36.672 22.08-77.952 23.168C227.616 322.88 194.112 172.16 192.704 165.76c-3.712-17.28 7.264-34.304 24.544-38.016 2.272-0.512 4.544-0.704 6.752-0.704 14.752 0 28 10.24 31.264 25.248 0.224 1.056 23.232 104.032 95.488 104.032 0.64 0 1.28 0 1.92-0.032 24.352-0.608 33.632-6.208 46.496-13.984 24.032-14.464 48.352-25.76 102.08-17.184 64.192 10.272 74.432 60.192 81.184 93.216 8.32 40.512 13.312 64.928 90.144 64.928 17.696 0 32 14.336 32 32S690.304 447.264 672.64 447.264z"  horiz-adv-x="1024" />
-  </font>
-</defs></svg>
--- a/src/modules/test-module/assets/font-icons/iconfont.ttf
+++ b/src/modules/test-module/assets/font-icons/iconfont.ttf
--- a/src/modules/test-module/assets/font-icons/iconfont.woff
+++ b/src/modules/test-module/assets/font-icons/iconfont.woff
--- a/src/modules/test-module/assets/font-icons/iconfont.woff2
+++ b/src/modules/test-module/assets/font-icons/iconfont.woff2
--- a/src/modules/test-module/assets/images/logo.png
+++ b/src/modules/test-module/assets/images/logo.png
--- a/src/modules/test-module/assets/languages/en.json
+++ b/src/modules/test-module/assets/languages/en.json
-{
-  "test": {
-    "title": "test module"
-  },
-  "moduleAction": {
-    "test": "test"
-  }
-}
--- a/src/modules/test-module/assets/languages/index.js
+++ b/src/modules/test-module/assets/languages/index.js
-import Cookies from 'js-cookie'
-import VueI18n from 'vue-i18n'
-import language from './language'
-import zhCNLocale from 'element-ui/lib/locale/lang/zh-CN'
-import enLocale from 'element-ui/lib/locale/lang/en'
-export default () => {
-  let _locale = 'zh-CN'
-  /* 国际化初始化 */
-  const _defaultLocale = 'zh-CN'
-  const _lang = Cookies.get('lang') || window.navigator.language || window.navigator.userLanguage || ''
-  if (_lang) {
-    if (language[_lang]) {
-      _locale = _lang
-    } else {
-      let flag = true
-      /* 做一下 兼容性处理 */
-      for (const k in language) {
-        const reg = new RegExp(k, 'gi')
-        if (reg.test(_lang)) {
-          _locale = k
-          flag = false
-          break
-        }
-      }
-      if (flag) {
-        /* 当前语言版本 - 不再我们的语言库中，那么默认 en */
-        _locale = _defaultLocale
-        Cookies.set('lang', _defaultLocale, { expires: 30, domain: '.ezijing.com' })
-      }
-    }
-  }
-  return new VueI18n({
-    locale: _locale, // 定义默认语言为中文
-    messages: {
-      'zh-CN': Object.assign(require('./zh-CN.json'), zhCNLocale),
-      en: Object.assign(require('./en.json'), enLocale)
-    }
-  })
-}
--- a/src/modules/test-module/assets/languages/language.js
+++ b/src/modules/test-module/assets/languages/language.js
-/* 定义语言模型 - key 值定义 跟 languages i18n 中 保持一致 */
-const language = {
-  'zh-CN': { show: '语言', arr: [{ 'zh-CN': '中文' }, { en: 'English' }] },
-  en: { show: 'Language', arr: [{ 'zh-CN': '中文' }, { en: 'English' }] }
-}
-export default language
--- a/src/modules/test-module/assets/languages/zh-CN.json
+++ b/src/modules/test-module/assets/languages/zh-CN.json
-{
-  "test": {
-    "title": "测试模块"
-  },
-  "moduleAction": {
-    "test": "测试"
-  }
-}
--- a/src/modules/test-module/index.js
+++ b/src/modules/test-module/index.js
-import './index.scss'
-import TestModule from './src/TestModule.vue'
-const components = [
-  TestModule
-]
-const install = function (Vue, opts = {}) {
-  /* 存在国际化 */
-  if (opts.i18n) {
-    const msgs = opts.i18n.messages
-    for (const k in msgs) {
-      opts.i18n.setLocaleMessage(k, Object.assign(msgs[k], require('./assets/languages/' + k + '.json')))
-    }
-  }
-  components.forEach(component => {
-    Vue.component(component.name, component)
-  })
-}
-/* istanbul ignore if */
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
-}
-export default {
-  install,
-  TestModule
-}
--- a/src/modules/test-module/index.scss
+++ b/src/modules/test-module/index.scss
-.bg-test {
-  background: #ddd;
-}
--- a/src/modules/test-module/src/TestModule.vue
+++ b/src/modules/test-module/src/TestModule.vue
-<template>
-  <div class="bg-test">
-    <img src="@/modules/test-module/assets/images/logo.png" alt="">
-    {{ $t('test.title') }}
-  </div>
-</template>
-<script>
-import TestModule from '../action'
-export default {
-  name: 'TestModule',
-  componentName: 'TestModule',
-  mounted () {
-    TestModule.getTestInfo().then(res => {
-      console.log('模块接口调用成功', res)
-    })
-  }
-}
-</script>
--- a/src/pages/shms/certs/index.vue
+++ b/src/pages/shms/certs/index.vue
+<template>
+  <div class="app-card">
+    <div class="form-box">
+      <el-select v-model="value" placeholder="请选择" size="small">
+        <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value">
+        </el-option>
+      </el-select>
+      <div class="down-btn">Download</div>
+    </div>
+    <div class="certs-img">
+      <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/shms-certs.png" alt="">
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      options: [{
+        value: '选项1',
+        label: '黄金糕'
+      }, {
+        value: '选项2',
+        label: '双皮奶'
+      }],
+      value: ''
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.app-card{
+  width: 1000px;
+  margin: 30px auto;
+  background: #fff;
+  padding: 30px;
+  .form-box{
+    display: flex;
+    justify-content: flex-end;
+    .down-btn{
+      width: 100px;
+      height: 34px;
+      background: #D82E27;
+      opacity: 1;
+      border-radius: 4px;
+      text-align: center;
+      font-size: 16px;
+      line-height: 34px;
+      color: #FFFFFF;
+      margin-left: 23px;
+      cursor: pointer;
+    }
+  }
+  .certs-img{
+    width: 670px;
+    margin: 0 auto;
+    img{
+      width: 100%;
+      margin-top: 20px;
+    }
+  }
+}
+</style>
--- a/src/pages/shms/components/breadcrumb.vue
+++ b/src/pages/shms/components/breadcrumb.vue
-<template>
-  <div class="bread-box">
-    <div @click="$emit('stepCall')">HomePage</div>
-    <span class="icon el-icon-arrow-right"></span>
-    <div>{{ text }}</div>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    text: String
-  }
-}
-</script>
-<style lang="scss" scoped>
-.bread-box{
-  display: flex;
-  align-items: center;
-  padding: 30px 0 26px 42px;
-  div{
-    color: rgba(90, 90, 90, 1);
-    font-size: 12px;
-    color: #5A5A5A;
-    line-height: 17px;
-    cursor: pointer;
-  }
-  span{
-    font-size: 12px;
-    color: rgba(90, 90, 90, 1)
-  }
-}
-</style>
--- a/src/pages/shms/components/certificate.vue
+++ b/src/pages/shms/components/certificate.vue
-<template>
-  <div>
-    <div class="no-data" v-if="certImg === ''">
-      <img src="https://zws-imgs-pub.ezijing.com/static/public/1ccaab6251de4a94749a0eba0dac3b85.png" alt="">
-      <div class="text">No certificate information currently available</div>
-    </div>
-    <img v-else :src="certImg" alt="" class="img-certificate">
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    certImg: String
-  }
-}
-</script>
-<style lang="scss" scoped>
-.no-data{
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  img{
-    width: 170px;
-    display: block;
-    margin: 0 auto;
-  }
-  .text{
-    font-size: 24px;
-    color: #999999;
-    line-height: 33px;
-    margin-top: 30px;
-    white-space: nowrap;
-  }
-}
-.img-certificate{
-  width: 632px;
-  margin: 0 auto;
-  display: block;
-}
-</style>
--- a/src/pages/shms/components/login.vue
+++ b/src/pages/shms/components/login.vue
-<template>
-  <div class="login-box">
-    <div class="input-box">
-      <div class="name">Name</div>
-      <input type="text" v-model="form.personal_name">
-    </div>
-    <div class="input-box mar-t-24">
-      <div class="name">Identification Number</div>
-      <input type="text" v-model="form.id_number">
-    </div>
-    <div class="input-box mar-t-24">
-      <div class="name">Mail Address</div>
-      <input type="text" v-model="form.email">
-    </div>
-    <div class="tips">If the email can't receive the<br/> verification code, please contact the educational administration</div>
-    <div :class="isErrShow ? 'show err' : 'err'">Please fill in the correct information</div>
-    <div class="query-btn" @click="tabStep">Query</div>
-  </div>
-</template>
-<script>
-import action from '@action'
-export default {
-  data() {
-    return {
-      form: {
-        personal_name: '',
-        email: '',
-        id_number: ''
-      },
-      ssoId: '',
-      isErrShow: false
-    }
-  },
-  mounted() {
-    window.sessionStorage.ssoId = ''
-  },
-  methods: {
-    verification() {
-      return Object.values(this.form).findIndex(item => { return item === '' })
-      // return !!(Object.values(this.form).find(item => { return item === '' }))
-    },
-    tabStep() {
-      if (this.verification() === -1) {
-        const loading = this.$loading({
-          lock: true,
-          text: 'Loading',
-          spinner: 'el-icon-loading',
-          background: 'rgba(0, 0, 0, 0.7)'
-        })
-        this.isErrShow = false
-        action.Certs.search(this.form).then(res => {
-          if (res.data) {
-            loading.close()
-            this.isErrShow = true
-          } else {
-            const data = {
-              ssoId: res.sso_id,
-              email: this.form.email
-            }
-            loading.close()
-            this.$emit('stepIndexs1', data)
-          }
-        })
-      } else {
-        this.isErrShow = true
-      }
-      // action.articleAction.search().then(res => {
-      //   if (res && res.code === 0) {
-      //   }
-      // })
-      // this.$emit('stepIndexs', 1)
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.login-box{
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  width: 740px;
-  height: 411px;
-  background: #FFFFFF;
-  box-shadow: 2px 4px 12px 4px rgba(206, 206, 206, 0.5);
-  margin-top: 73px;
-  box-sizing: border-box;
-  padding: 30px 128px 44px;
-  .input-box{
-    .name{
-      font-size: 18px;
-      color: #333333;
-      line-height: 25px;
-    }
-    input{
-      width: 486px;
-      height: 36px;
-      background: #ECECEC;
-      border: 1px solid #A6A6A6;
-      padding-left: 10px;
-      box-sizing: border-box;
-      outline: none;
-    }
-    &.mar-t-24{
-      margin-top: 24px;
-    }
-  }
-  .tips{
-    font-size: 12px;
-    font-weight: 300;
-    color: #999999;
-    line-height: 13px;
-    margin-top: 3px;
-  }
-  .err{
-    font-size: 12px;
-    color: #D01C0B;
-    line-height: 17px;
-    margin: 7px 0 3px;
-    opacity: 0;
-    &.show{
-      opacity: 1;
-    }
-  }
-  .query-btn{
-    width: 486px;
-    height: 36px;
-    background: #D82C1C;
-    line-height: 36px;
-    text-align: center;
-    font-size: 18px;
-    color: #fff;
-    cursor: pointer;
-  }
-}
-</style>
--- a/src/pages/shms/components/verification.vue
+++ b/src/pages/shms/components/verification.vue
-<template>
-  <div class="login-box">
-    <div class="title">A verification code was sent to <br/>{{ info.email }}</div>
-    <div class="tipss">Enter the account verification code you received</div>
-    <input type="text" v-model="code">
-    <div :class="errShow ? 'err-tips show' : 'err-tips'">The provided verification code is invalid. Please verify the entered code and try again</div>
-    <div class="query-btn" @click="getCert">continue</div>
-  </div>
-</template>
-<script>
-import action from '@action'
-export default {
-  props: {
-    info: {
-      type: Object
-    }
-  },
-  data() {
-    return {
-      code: '',
-      errShow: false
-    }
-  },
-  mounted() {},
-  methods: {
-    getCert() {
-      const param = {
-        sso_id: this.info.ssoId,
-        code: this.code
-      }
-      if (this.code === '') {
-        this.errShow = true
-        return false
-      }
-      this.errShow = false
-      const loading = this.$loading({
-        lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      })
-      action.Certs.getCert(param).then(res => {
-        if (res.data) {
-          if (res.data.status) {
-            loading.close()
-            this.errShow = true
-          } else {
-            const certImg = res.data.length ? res.data[0].cert : ''
-            loading.close()
-            this.$emit('stepIndexs2', certImg)
-          }
-        }
-      })
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.login-box{
-  // position: absolute;
-  // top: 50%;
-  // left: 50%;
-  // -webkit-transform: translate(-50%, -50%);
-  margin: 0 auto;
-  width: 740px;
-  height: 411px;
-  background: #FFFFFF;
-  box-shadow: 2px 4px 12px 4px rgba(206, 206, 206, 0.5);
-  // margin-top: 73px;
-  box-sizing: border-box;
-  padding: 74px 128px 96px;
-  .title{
-    font-size: 22px;
-    font-weight: 500;
-    color: #3D3D3D;
-    line-height: 30px;
-  }
-  .tipss{
-    font-size: 18px;
-    color: #333333;
-    line-height: 25px;
-    margin-top: 38px;
-    margin-bottom: 14px;
-  }
-  input{
-    width: 486px;
-    height: 36px;
-    background: #ECECEC;
-    border: 1px solid #A6A6A6;
-    padding-left: 10px;
-    box-sizing: border-box;
-    outline: none;
-  }
-  .err-tips{
-    font-size: 12px;
-    font-weight: 400;
-    color: #B10D0D;
-    line-height: 17px;
-    margin: 5px 0 40px;
-    opacity: 0;
-    &.show{
-      opacity: 1;
-    }
-  }
-  .input-box{
-    .name{
-      font-size: 18px;
-      color: #333333;
-      line-height: 25px;
-    }
-    input{
-      width: 486px;
-      height: 36px;
-      background: #ECECEC;
-      border: 1px solid #A6A6A6;
-      padding-left: 10px;
-      box-sizing: border-box;
-      outline: none;
-    }
-    &.mar-t-24{
-      margin-top: 24px;
-    }
-  }
-  .tips{
-    font-size: 12px;
-    font-weight: 300;
-    color: #999999;
-    line-height: 13px;
-    margin-top: 3px;
-  }
-  .err{
-    font-size: 12px;
-    color: #D01C0B;
-    line-height: 17px;
-    margin: 7px 0 3px;
-    opacity: 0;
-    &.show{
-      opacity: 1;
-    }
-  }
-  .query-btn{
-    width: 486px;
-    height: 36px;
-    background: #D82C1C;
-    line-height: 36px;
-    text-align: center;
-    font-size: 18px;
-    color: #fff;
-    cursor: pointer;
-    margin: 0 auto;
-  }
-}
-</style>
--- a/src/pages/shms/index.vue
+++ b/src/pages/shms/index.vue
 <template>
-  <div>
+  <div class="home-content">
-    <headers />
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-banner.png" class="banner">
-    <breadcrumb @stepCall="stepCall" v-if="step !== 0" :text="breadText"></breadcrumb>
+    <div class="title">{{ $t('shmsLang.home.title') }}</div>
-    <login v-if="step === 0" @stepIndexs1="stepIndexs1"></login>
+    <ul>
-    <verification v-if="step === 1" @stepIndexs2="stepIndexs2" :info="info" />
+      <li v-for="(item, index) in menuList" :key="index" @click="$router.push({ path: item.path })">
-    <certificate v-if="step === 2" :certImg="certImg"/>
+        <div class="icon">
+          <img :src="item.icon" class="hover-no">
+          <img :src="item.iconActive" class="hover">
+        </div>
+        <div class="name">{{ item.name }}</div>
+      </li>
+    </ul>
  </div>
 </template>
 <script>
-import headers from '../../components/layout/header'
-import login from './components/login'
-import verification from './components/verification'
-import certificate from './components/certificate'
-import breadcrumb from './components/breadcrumb'
 export default {
-  components: {
-    headers,
-    login,
-    verification,
-    certificate,
-    breadcrumb
-  },
  data() {
    return {
-      step: 0,
+      menuList: [
-      info: {},
+        {
-      certImg: '',
+          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-btn1.png',
-      breadText: ''
+          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-btn1-ac.png',
-    }
+          name: this.$t('shmsLang.menu.status'),
-  },
+          path: '/shms/status'
-  created() {
+        },
-    this.breadText = this.step === 1 ? 'Send verification code' : 'Degreecertificatedisplay'
+        {
-  },
+          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-btn2.png',
-  methods: {
+          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-btn2-ac.png',
-    stepIndexs1(data) {
+          name: this.$t('shmsLang.menu.score'),
-      this.info = data
+          path: '/shms/score'
-      this.step = 1
+        },
-      this.breadText = 'Send verification code'
+        {
-      this.$forceUpdate()
+          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-btn3.png',
-    },
+          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-btn3-ac.png',
-    stepIndexs2(img) {
+          name: this.$t('shmsLang.menu.cert'),
-      this.certImg = img
+          path: '/shms/certs'
-      this.step = 2
+        }
-      this.breadText = 'Degreecertificatedisplay'
+      ]
-      this.$forceUpdate()
-    },
-    stepCall() {
-      this.step = 0
    }
  }
 }
 </script>
 <style lang="scss" scoped>
+.home-content{
+  .banner{
+    width: 100%;
+    display: block;
+  }
+  .title{
+    text-align: center;
+    font-size: 24px;
+    line-height: 29px;
+    color: #292929;
+    margin: 31px 0 34px;
+  }
+  ul{
+    display: flex;
+    justify-content: center;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    li{
+      padding-top: 30px;
+      box-sizing: border-box;
+      width: 156px;
+      height: 186px;
+      background: #FFFFFF;
+      cursor: pointer;
+      &:nth-child(2){
+        margin: 0 60px;
+      }
+      &:hover{
+        background: rgba(216, 46, 39, 1);
+        .icon{
+          .hover-no{
+            display: none;
+          }
+          .hover{
+            display: block;
+          }
+        }
+        .name{
+          color: #fff;
+        }
+      }
+      .icon{
+        width: 60px;
+        height: 70px;
+        margin: 0 auto;
+        img{
+          width: 100%;
+          display: block;
+        }
+        .hover{
+          display: none;
+        }
+      }
+      .name{
+        font-size: 14px;
+        line-height: 17px;
+        color: #6E6E6E;
+        margin-top: 15px;
+        text-align: center;
+      }
+    }
+  }
+}
 </style>
--- a/src/pages/shms/score/components/form.vue
+++ b/src/pages/shms/score/components/form.vue
+<template>
+  <div class="form-content">
+    <el-form ref="form" :inline="true" :model="form" label-width="120px">
+      <el-form-item label="Program">
+        <el-select size="small" style="width:240px" v-model="form.region"  placeholder="请选择">
+          <el-option label="2019 Spring Quater" value="shanghai"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="Semester">
+        <el-select size="small" style="width:240px" v-model="form.region"  placeholder="请选择">
+          <el-option label="2019 Spring Quater" value="shanghai"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="Course Name">
+        <el-select size="small" style="width:240px" v-model="form.region"  placeholder="请选择">
+          <el-option label="2019 Spring Quater" value="shanghai"></el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <div class="form-btn">
+      <div>Search</div>
+      <div>Download</div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      form: {}
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form-content{
+  display: flex;
+  .form-btn{
+    display: flex;
+    div{
+      width: 100px;
+      height: 34px;
+      background: #D82E27;
+      opacity: 1;
+      border-radius: 4px;
+      text-align: center;
+      font-size: 16px;
+      line-height: 34px;
+      color: #FFFFFF;
+      margin-left: 23px;
+      cursor: pointer;
+    }
+  }
+}
+</style>
--- a/src/pages/shms/score/components/info.vue
+++ b/src/pages/shms/score/components/info.vue
+<template>
+  <div class="info-content">
+    <div class="info-top">
+      <div class="info-top_box">
+        <div class="temp">
+          <div class="name">Name</div>
+          <div class="value">Xue Zhang</div>
+        </div>
+        <div class="temp">
+          <div class="name">Mobile Phone</div>
+          <div class="value">18923455643</div>
+        </div>
+        <div class="temp">
+          <div class="name">Program</div>
+          <div class="value">MBA（Hospitality）</div>
+        </div>
+      </div>
+      <div class="info-top_box">
+        <div class="temp">
+          <div class="name">ID Number</div>
+          <div class="value">1234567890986456221</div>
+        </div>
+        <div class="temp">
+          <div class="name">Email</div>
+          <div class="value">xuexue@163.com</div>
+        </div>
+        <div class="temp">
+          <div class="name">Start Time</div>
+          <div class="value">Jan 08. 2020</div>
+        </div>
+      </div>
+    </div>
+    <div class="title">TEST SCORES</div>
+    <div class="th-box">
+      <div class="th" v-for="(item, index) in th" :key="index">{{ item }}</div>
+    </div>
+    <div class="td-box">
+      <template v-for="item in td">
+        <div class="td" v-for="(cItem, index) in item" :key="index">{{ cItem }}</div>
+      </template>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      th: ['Course Name', 'Semester', 'Program', 'Offical Score', 'Offical  Date'],
+      td: [
+        ['课程名', '2019 Spring Quater', 'MBA(Global, Chinese Language)', '34', 'Jan 09. 2020']
+      ]
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.info-content{
+  border: 1px solid #F2F2F2;
+  padding: 30px;
+  .info-top{
+    padding: 30px 0;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    .temp{
+      display: flex;
+      align-items: center;
+      width: 440px;
+      margin-bottom: 12px;
+      &:nth-child(3){
+        margin-bottom: 0;
+      }
+      .name{
+        width: 120px;
+        text-align: right;
+        margin-right: 15px;
+        font-size: 18px;
+        line-height: 22px;
+        color: #292929;
+      }
+      .value{
+        font-size: 18px;
+        line-height: 22px;
+        color: #838383;
+      }
+    }
+  }
+  .title{
+    font-size: 20px;
+    font-weight: bold;
+    line-height: 24px;
+    color: #292929;
+    margin: 24px 0 40px;
+  }
+  .th-box{
+    height: 36px;
+    padding: 10px 0;
+    background: #F4F4F4;
+    display: flex;
+    align-items: center;
+    .th{
+      font-size: 16px;
+      line-height: 19px;
+      color: #838383;
+      flex: 1;
+      text-align: center;
+    }
+  }
+  .td-box{
+    min-height: 37px;
+    padding: 10px 0;
+    border-bottom: 1px solid #D3D3D3;
+    display: flex;
+    align-items: center;
+    .td{
+      flex: 1;
+      text-align: center;
+      font-size: 16px;
+      line-height: 19px;
+      color: #838383;
+    }
+  }
+}
+</style>
--- a/src/pages/shms/score/index.vue
+++ b/src/pages/shms/score/index.vue
+<template>
+  <div class="app-card">
+    <scach-form />
+    <info />
+  </div>
+</template>
+<script>
+import scachForm from './components/form.vue'
+import info from './components/info.vue'
+export default {
+  components: { scachForm, info }
+}
+</script>
+<style lang="scss" scoped>
+.app-card{
+  width: 1000px;
+  margin: 30px auto;
+  background: #fff;
+  padding: 30px;
+}
+</style>
--- a/src/pages/shms/status/components/degrees.vue
+++ b/src/pages/shms/status/components/degrees.vue
+<template>
+  <div>
+    <div class="degrees-title">DEGREES</div>
+    <div class="degrees-content">
+      <div class="th-box">
+        <div class="th">Major</div>
+        <div class="th">Degree Level</div>
+        <div class="th">Degree Type</div>
+      </div>
+      <div class="td-box">
+        <div class="td">Hospitality</div>
+        <div class="td">Master</div>
+        <div class="td">Master Business Administration</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+}
+</script>
+<style lang="scss" scoped>
+.degrees-title{
+  font-size: 20px;
+  line-height: 24px;
+  color: #292929;
+  margin: 24px 0;
+}
+.degrees-content{
+  width: 857px;
+  margin: 0 auto;
+  .th-box{
+    height: 56px;
+    background: #F8F8F8;
+    display: flex;
+    align-items: center;
+    .th{
+      flex: 1;
+      font-size: 18px;
+      color: #292929;
+      &:nth-child(1){
+        text-indent: 4em;
+      }
+    }
+  }
+  .td-box{
+    min-height: 37px;
+    padding: 10px 0;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #D3D3D3;
+    .td{
+      flex: 1;
+      font-size: 16px;
+      color: #838383;
+      &:nth-child(1){
+        text-indent: 4em;
+      }
+    }
+  }
+}
+</style>
--- a/src/pages/shms/status/components/profile.vue
+++ b/src/pages/shms/status/components/profile.vue
+<template>
+  <div>
+    <div class="profile-title">PROFILE</div>
+    <div class="profile-content">
+      <div class="photo">
+        <img src="https://img1.ezijing.com/default/20200911/7b2d8ec55e836f458e5c416648fa7099.jpg" >
+      </div>
+      <div class="info-box">
+        <div class="name">Xue Zhang</div>
+        <div class="info">Man  |  38  |  Dalian,Liaoning,CHINA</div>
+        <div class="info-temp m-t33">
+          <div class="name w120">Mobile Phone</div>
+          <div class="value">17878907890</div>
+        </div>
+        <div class="info-temp m-t33">
+          <div class="name w120">Email</div>
+          <div class="value">xuexue@163.com</div>
+        </div>
+      </div>
+      <div class="info-box">
+        <div class="info-temp">
+          <div class="name w140">ID Number</div>
+          <div class="value">2834567</div>
+        </div>
+        <div class="info-temp m-t17">
+          <div class="name w140">Program</div>
+          <div class="value">MBA（Hospitality）</div>
+        </div>
+        <div class="info-temp m-t17">
+          <div class="name w140">Current state</div>
+          <div class="value">In School</div>
+        </div>
+        <div class="info-temp m-t17">
+          <div class="name w140">Date Added </div>
+          <div class="value">Jan 08. 2020</div>
+        </div>
+        <div class="info-temp m-t17">
+          <div class="name w140">Date Graduated</div>
+          <div class="value">Jan 08. 2021</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+}
+</script>
+<style lang="scss" scoped>
+.profile-title{
+  font-size: 20px;
+  line-height: 24px;
+  color: #292929;
+  margin-top: 6px;
+}
+.profile-content{
+  padding: 24px 0 30px;
+  border-bottom: 1px solid #E8E8E8;
+  display: flex;
+  justify-content: center;
+  .photo{
+    width: 146px;
+    height: 180px;
+    background: #FFFFFF;
+    border: 1px solid #707070;
+    margin-right: 38px;
+    img{
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+  }
+  .info-box{
+    .name{
+      font-size: 28px;
+      font-weight: bold;
+      line-height: 100%;
+      color: #292929;
+    }
+    .info{
+      font-size: 18px;
+      line-height: 22px;
+      color: #838383;
+      margin-top: 16px;
+      min-width: 333px;
+    }
+    .info-temp{
+      display: flex;
+      align-items: center;
+      &.m-t33{
+        margin-top: 33px;
+      }
+      &.m-t17{
+        margin-top: 17px;
+      }
+      .w120{
+        width: 120px;
+      }
+      .w140{
+        width: 140px;
+      }
+      .name{
+        color: #292929;
+        font-size: 18px;
+        text-align: right;
+      }
+      .value{
+        font-size: 16px;
+        color: #838383;
+        margin-left: 19px;
+      }
+    }
+  }
+}
+</style>
--- a/src/pages/shms/status/index.vue
+++ b/src/pages/shms/status/index.vue
+<template>
+  <div class="app-card">
+    <div class="dowload-box">
+      <div class="btn"  @click="getPdf('#pdfDom')">Download</div>
+    </div>
+    <div id="pdfDom">
+      <profile />
+      <degrees />
+    </div>
+  </div>
+</template>
+<script>
+import profile from './components/profile.vue'
+import degrees from './components/degrees.vue'
+export default {
+  components: { profile, degrees },
+  data() {
+    return {
+      pageData: null,
+      htmlTitle: '导出PDF的标题'
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.app-card{
+  width: 1000px;
+  margin: 30px auto;
+  background: #fff;
+  padding: 24px 30px 40px;
+  .dowload-box{
+    display: flex;
+    .btn{
+      width: 100px;
+      background: #D82E27;
+      border-radius: 4px;
+      font-size: 16px;
+      line-height: 34px;
+      color: #FFFFFF;
+      text-align: center;
+      margin-left: auto;
+      cursor: pointer;
+    }
+  }
+}
+</style>
--- a/src/pages/test.vue
+++ b/src/pages/test.vue
-<template>
-  <div class="abc">
-    <div>这是一个测试页面{{test}}</div>
-    <!-- 外部引入字体库 -->
-    <div class="el-icon-self-star_full"></div>
-    <!-- 页面引入的两种方式 -->
-    <img :src="require('@/assets/images/logo.png')" alt="">
-    <img src="@/assets/images/logo.png" alt="">
-    <!-- 切换中英文 -->
-    <s-language></s-language>
-    <div @click="changeLanguage">切换中英文：{{ $t('common.title') }}</div>
-    <!-- css图片引入 -->
-    <div class="bg-img"></div>
-    <!-- 引入 模块 -->
-    <test-module></test-module>
-    <!-- element-ui 弹框 查看中英文切换 -->
-    <div @click="alertMsg">点击弹框</div>
-    <div class="nav">
-      <ul class="nav-list">
-        <li
-          class="nav-item"
-          v-for="(item, index) in navList"
-          :key="index"
-        >
-          <div class="pic">
-            <img :src="item.src" />
-          </div>
-          <div class="title">{{ item.title }}</div>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-<script>
-import sLanguage from '@/components/languageSwitch/index.vue'
-import action from '@action'
-export default {
-  components: { sLanguage },
-  data () {
-    return {
-      test: 'abc',
-      navList: [
-        { src: '/static/resources/img/logo.png', title: '公益行', type: 1 }
-      ]
-    }
-  },
-  metaInfo () {
-    return {
-      title: '独立 - 标题',
-      meta: [
-        // { vmid: 'description', name: 'description', content: this.description }
-      ]
-    }
-  },
-  mounted () {
-    /* 接口请求测试 */
-    // action.Test.getTest('1').then((res) => {
-    //   console.log(res)
-    // })
-    action.Test.postTest().then(res => {
-      console.log(res)
-    }).finally(res => {
-      console.log('finally 可用。')
-    })
-    console.log(1, CKEDITOR)
-    console.log(2, Base64)
-    console.log(3, md5)
-  },
-  methods: {
-    changeLanguage () {
-      this.$i18n.locale = (this.$i18n.locale === 'cn' ? 'en' : 'cn')
-    },
-    alertMsg () {
-      this.$alert('这是一段内容', '标题名称', {
-        callback: action => {}
-      })
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-  .bg-img {
-    width: 134px;
-    height: 44px;
-    background: url('~@/assets/images/logo.png') no-repeat;
-  }
-</style>
--- a/src/router/routes.js
+++ b/src/router/routes.js
+import shmsLayout from '@/components/layout/shms'
 export default [
  { path: '/', redirect: '/shms' },
-  /* 测试页面 */
+  {
-  { path: '/shms', component: () => import('../pages/shms/index.vue') },
+    path: '/',
+    component: shmsLayout,
+    children: [
+      {
+        path: '/shms',
+        component: () => import('@/pages/shms/index.vue')
+      },
+      {
+        path: '/shms/status',
+        component: () => import('@/pages/shms/status/index.vue')
+      },
+      {
+        path: '/shms/score',
+        component: () => import('@/pages/shms/score/index.vue')
+      },
+      {
+        path: '/shms/certs',
+        component: () => import('@/pages/shms/certs/index.vue')
+      }
+    ]
+  },
  /* 如果所有页面都没找到 - 指向 */
  { path: '*', component: () => import('@/components/errorPages/404.vue') }
 ]
--- a/src/store/index.js
+++ b/src/store/index.js
+import Vue from 'vue'
+import Vuex from 'vuex'
+import { getUser, logout, getIsVip, createGuestUser } from '@/api/account'
+Vue.use(Vuex)
+const store = new Vuex.Store({
+  state: {
+    user: {},
+    isVip: false,
+    isLogin: false,
+    isIos: /iphone|ipad|ipod/i.test(navigator.userAgent),
+    isAndroid: /android/i.test(navigator.userAgent),
+    isWeapp: /miniProgram/.test(navigator.userAgent),
+    guestUser: { user_id: '', student_id: '' }
+  },
+  mutations: {
+    setUser(state, user) {
+      state.user = user
+    },
+    setIsWeapp(state, isWeapp) {
+      state.isWeapp = isWeapp
+    },
+    setIsLogin(state, isLogin) {
+      state.isLogin = isLogin
+    },
+    setIsVip(state, isVip) {
+      state.isVip = isVip
+    },
+    setGuestUser(state, user) {
+      state.guestUser = user
+      window.localStorage.setItem('guestUser', JSON.stringify(user))
+    }
+  },
+  actions: {
+    getUser({ commit }) {
+      getUser().then(response => {
+        debugger
+        commit('setUser', response)
+      })
+    },
+    // 退出登录
+    logout({ commit }) {
+      return logout().then(response => {
+        commit('setUser', {})
+        commit('setIsLogin', false)
+        return response
+      })
+    },
+    // 检测登录状态
+    async checkLogin({ commit }) {
+      const isLogin = await getUser()
+        .then(response => {
+          commit('setUser', response)
+          return true
+        })
+        .catch(() => {
+          commit('setUser', {})
+          return false
+        })
+      commit('setIsLogin', isLogin)
+      return isLogin
+    },
+    // 检测是否付费
+    async checkIsVip({ commit, state }) {
+      if (!state.isVip) {
+        await getIsVip().then(response => commit('setIsVip', response.is_vip))
+      }
+      return state.isVip
+    },
+    // 创建游客用户
+    async createGuestUser({ commit, state }) {
+      const { user_id: userId, student_id: studentId } = state.guestUser
+      if (!userId || !studentId) {
+        await createGuestUser().then(response => commit('setGuestUser', response))
+      }
+      return state.guestUser
+    },
+    // 加载本地游客信息
+    loadGuestUser({ commit, state }) {
+      const localGuestUser = window.localStorage.getItem('guestUser')
+      let guestUser = { user_id: '', student_id: '' }
+      if (localGuestUser) {
+        try {
+          guestUser = JSON.parse(localGuestUser)
+        } catch (error) {
+          console.log(error)
+        }
+      }
+      commit('setGuestUser', guestUser)
+    }
+  }
+})
+export default store
+// 加载本地游客用户
+// store.dispatch('loadGuestUser')
+// 检测是否付费
+// store.dispatch('checkIsVip')
--- a/src/utils/axios.js
+++ b/src/utils/axios.js
+import axios from 'axios'
+import qs from 'qs'
+import { Message } from 'element-ui'
+import router from '@/router'
+const httpRequest = axios.create({
+  baseURL: webConf.others.baseUrl,
+  timeout: 60000,
+  withCredentials: true,
+  headers: {
+    'Content-Type': 'application/x-www-form-urlencoded'
+    // tenant: 'x1'
+  }
+})
+// 请求拦截
+httpRequest.interceptors.request.use(
+  function(config) {
+    if (config.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
+      config.data = qs.stringify(config.data)
+    }
+    return config
+  },
+  function(error) {
+    return Promise.reject(error)
+  }
+)
+// 响应拦截
+httpRequest.interceptors.response.use(
+  function(response) {
+    const { data } = response
+    if (data.code) {
+      Message.error(data.msg || data.message)
+      return Promise.reject(data)
+    }
+    return data
+  },
+  function(error) {
+    if (error.response) {
+      const { status, message, code } = error.response.data
+      // 未登录
+      if (status === 403) {
+        window.location.href = `${webConf.others.loginUrl}?rd=${encodeURIComponent(window.location.href)}`
+      } else if (status === 400 && code === 401) {
+        router.push('/role')
+      } else {
+        Message.error(message || error.response.data)
+      }
+      return Promise.reject(error.response)
+    } else {
+      Message.error(error)
+    }
+    return Promise.reject(error)
+  }
+)
+export default httpRequest
--- a/src/utils/beforeEnter.js
+++ b/src/utils/beforeEnter.js
+import store from '@/store'
+export default class BeforeEnter {
+  constructor(opt) {
+    this.opt = opt || {}
+  }
+  async update(to, from, next) {
+    const isLogin = store.state.isLogin || (await store.dispatch('checkLogin'))
+    // if (to.meta.requiredLogin && !isLogin) {
+    if (!isLogin) {
+      window.location.href = `${webConf.others.loginUrl}?rd=${encodeURIComponent(window.location.href)}`
+      return
+    }
+    next()
+  }
+}
--- a/src/utils/htmlToPdf.js
+++ b/src/utils/htmlToPdf.js
+// 导出页面为PDF格式
+import html2Canvas from 'html2canvas'
+import JsPDF from 'jspdf'
+export default {
+  install (Vue, options) {
+    Vue.prototype.getPdf = function () {
+      var title = this.htmlTitle
+      html2Canvas(document.querySelector('#pdfDom'), {
+        allowTaint: true
+      }).then(function (canvas) {
+        const contentWidth = canvas.width
+        const contentHeight = canvas.height
+        const pageHeight = contentWidth / 592.28 * 841.89
+        let leftHeight = contentHeight
+        let position = 0
+        const imgWidth = 595.28
+        const imgHeight = 592.28 / contentWidth * contentHeight
+        const pageData = canvas.toDataURL('image/jpeg', 1.0)
+        const PDF = new JsPDF('', 'pt', 'a4')
+        if (leftHeight < pageHeight) {
+          PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
+        } else {
+          while (leftHeight > 0) {
+            PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
+            leftHeight -= pageHeight
+            position -= 841.89
+            if (leftHeight > 0) {
+              PDF.addPage()
+            }
+          }
+        }
+        PDF.save(title + '.pdf')
+      }
+      )
+    }
+  }
+}