init

.config.dev.js

+module.exports = {
+  domain: 'dev.ezijing.com',
+  url: 'https://ehall2.ezijing.com/api',
+  isEnableToIphoneDebugger: false,
+  // apiBaseURL: '//demo-login.ezijing.com/',
+  webpack: {
+    externals: {
+      'CKEDITOR': 'window.CKEDITOR',
+      'Base64': 'window.Base64',
+      'md5': 'window.md5',
+      'regeneratorRuntime': 'window.regeneratorRuntime'
+    },
+    devServer: {
+      proxy: {
+        /* 多个代理 */
+        // '/api': {
+        //   target: $GLOBAL.webConf.url,
+        //   selfHandleResponse: false,
+        //   // selfHandleResponse: true, // 自定义 响应结构
+        //   secure: false, // 如果是https接口，需要配置这个参数
+        //   changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        //   followRedirects: true, // 由于重定向307，所以跟随重定向直接返回一个接口
+        //   logLevel: 'info', // 日志打印级别
+        //   headers: {
+        //     'Referer': $GLOBAL.webConf.url
+        //   },
+        //   pathRewrite: {
+        //     '^/api': '/' // 需要rewrite重写的
+        //   }
+        // }
+      }
+    }
+  },
+  ProvidePlugin: {
+
+  },
+  others: {
+
+  }
+}

.config.pro.js

+module.exports = {
+  url: '//api.ezijing.com',
+  DesDir: './client-dist',
+  apiBaseURL: '//api.ezijing.com/',
+  isUploadStatic: false,
+  isEnableToIphoneDebugger: false,
+  webpack: {
+    externals: {
+      'CKEDITOR': 'window.CKEDITOR',
+      'Base64': 'window.Base64',
+      'md5': 'window.md5',
+      'regeneratorRuntime': 'window.regeneratorRuntime'
+    }
+  },
+  ProvidePlugin: {
+
+  },
+  others: {
+
+  }
+}

.config.test.js

+module.exports = {
+  url: '//api.ezijing.com',
+  DesDir: './client-dist',
+  apiBaseURL: '//api.ezijing.com/',
+  CDN_DIR: 'static/build/learn-test/',
+  isUploadStatic: false,
+  isEnableToIphoneDebugger: true,
+  webpack: {
+    externals: {
+      'CKEDITOR': 'window.CKEDITOR',
+      'Base64': 'window.Base64',
+      'md5': 'window.md5',
+      'regeneratorRuntime': 'window.regeneratorRuntime'
+    }
+  },
+  ProvidePlugin: {
+
+  },
+  others: {
+
+  }
+}

.editorconfig

+# 查到当前目录就可以了，不用再往下查找  
+root = true  
+# 对所有文件制定规范  
+[*]
+charset = utf-8 # 字符编码  
+end_of_line = lf # 从左往右写
+indent_size = 2 # tab键长度2个空格
+indent_style = space 
+insert_final_newline = true # 保存自动加上一个空行
+trim_trailing_whitespace = true # 每行最后空格去掉         

.eslintrc

+{
+  "extends": "standard",
+  "plugins": [
+    "html"
+  ],
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "parser": "babel-eslint",
+    "sourceType": "module"
+  },
+  "rules": {
+    "no-new": "off",
+    "no-debugger": "off",
+    "space-before-function-paren": "off"
+  },
+  "globals": {
+    "CKEDITOR": false,
+    "Base64": false,
+    "md5": false,
+    "$": false,
+    "window": false,
+    "webConf": false
+  }
+}

.gitignore

+node_modules

.npmignore

+.DS_Store
+node_modules
+npm-debug.log
+
+# code protect - prevent submit code below

build/config.js

+const isDev = process.env.NODE_ENV
+
+let config = {
+  isDev: isDev,
+  ResDir: 'src',
+  DesDir: '../client-dist',
+
+  HtmlPath: 'src/index.html',
+  IcoPath: 'src/assets/favicon.ico',
+
+  JsPath: 'src/main.js',
+
+  isHttps: true,
+
+  isEnableToIphoneDebugger: false,
+
+  CDN_BASE: 'https://zws-imgs-pub.ezijing.com/',
+  CDN_DIR: 'static/build/learn-mba/',
+  isUploadStatic: false,
+
+  webpack: {}
+}
+
+let vueClientConfig = {}
+config.domain = ''
+if (config.isDev === 'development') {
+  config.url = 'http://' + config.domain + ':12002'
+  try {
+    vueClientConfig = require('../.config.dev.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有开发环境配置文件 -- `.config.dev.js`，正在使用默认配置')
+  }
+} else if(config.isDev === 'test') {
+  config.url = '//api.ezijing.com'
+  try {
+    vueClientConfig = require('../.config.test.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有测试环境配置文件 -- `.config.test.js`，正在使用默认配置')
+  }
+} else {
+  config.url = '//api.ezijing.com'
+  try {
+    vueClientConfig = require('../.config.pro.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有生产环境配置文件 -- `.config.pro.js`，正在使用默认配置')
+  }
+}
+
+for (let k in vueClientConfig) {
+  config[k] = vueClientConfig[k]
+}
+
+module.exports = config

build/dev.ezijing.com.key

+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEAgddAmdjWL+4JUXvmiR/lr9cbdoctEGLwdLpnIrRlL/oVKubZ
+TrASed5pA2kHKUbbV9i64iNIzn668ziytivudRiuGL4wBTPdtlpkSty9ij0ZHZXe
+23oWQ73fV3FNROp3ekLmIYHqo2ep5hhfq1A4Sey7IM1Z0A9OF6MV7Tgqm+8a6Fy4
+eNbgx99f0n7nquGjYZ3RcnU0j6xzfQhOqOYmhk4flQqSx6Mb6sSmWM7V4/h/554L
+QyJNV3ngNfT3ZFmAmhIZt7n+o3svzIqwghiZSj0K9jyE7zbSZjVUBEQztFUcfYgP
+ZQfZFFsdgIkFSvR3cXIpIiN8oPf8xK6naApOXwIDAQABAoIBAHKlKKJvZvgdO1ca
+ir1rT7jKu7IVu4GritvWtzhahrotHEGsYhZru3SmIJ1lQHB+4zAW6zS/qQrDtbkK
+yCm4cq4sI5UvYWFGoa7g84tyi12jgyiva37ptv0Li0g/f9WpHePzbBYMC61K3CaS
+QO8YPwtvHu/gwjvHN9IBK1wxatYRriAfR6CF2+pfZXhlq3nprc0z9YypExLg2Swa
+ML1uQGLObDHAFKheVFYOgWOncMbG5eXNV9mdfzoUuc+mkENDtynQUTzI2ZM4OZFr
+uMjto7y4RLFu463Rg0ijg2MXL4FbygzclaePNL7YBS6wed0Z8cE26FvbG5vM//Qc
+qYK+WBECgYEA0FdJ7tPzgBvn4VsvBBdA8gmmFmmD/TJxehrxAwn/x0QkcZa6ngxJ
+ScgcicJ2OSM049zId35KA4OV7aGUC6QKdG6JbL00Wqg9xWbsHiiB9XzV1iDghTug
+35cDWhRN8SnMgBhQ85l5ps8NJuLS/fqLBK0/yeE54mkWKqvD4JS39KcCgYEAn4rl
+Uc4PQ/xkgCKCTOCIYmzvDUuZcS0pA0MU/uJ/aQIwaJFanIehczs6Wg/Gb0YhKx0h
+cMDuvZYY2XjbCic8eDNE7ED0hUHBAa8VAQZwS22ds/qNoooCO5UcHPRevenb/dIk
+oKQTrI+4e5izQtuV3YLJMeH5Ba9bUP45iaZDt4kCgYEAnBGnmrc/46oD7HdoIwJg
+bm/38TYd3+CXzUa9YO9uohFT05t8NMUzaYf0iOYZtfe/uSo9KfZ672L1P0wZIRdD
+lbDwVXru6zK5A1V0b6scn49iiMOcLXJbsuLnaeVn9c7AGP0eNz2zOdhFG+oy8Htt
+BJXcARktSYQ7TL/bPjNqEmUCgYB54o8XVCltcyEEk1igitkm+LoYmiz7vdibWWBs
+6XUVMErzWDi1ZRj/A7ysmWisEhO88GBf18WMqWMKob4Vn6we2GxLYcRtGbLuKmgN
+hHG97lyQ51XVW0IhauUzaa4HwOYEn8rDvxYYuyPhqOMqrL9tn0E+DrlEkpdc5Rvo
+AVGyoQKBgGYvAeoKrdkfLUUnvRBIju9/bg5H6t1MY8lYi4WEnL+aPn056LV43LU9
++gF7+S7f8Er6WiJCCb7laYeDyC5adqnF/fI//4iNsarid86blirXfJMSfTG+GkZM
+OEBHd/sX0IbRUt6MCxiG3Znmdpny3/MG4CegPMtdohQktQEAS2yJ
+-----END RSA PRIVATE KEY-----

build/dev.ezijing.com.pem

+-----BEGIN CERTIFICATE-----
+MIIFiDCCBHCgAwIBAgIQAepAKb4wAxmrtof7BwPQSDANBgkqhkiG9w0BAQsFADBu
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMS0wKwYDVQQDEyRFbmNyeXB0aW9uIEV2ZXJ5d2hlcmUg
+RFYgVExTIENBIC0gRzEwHhcNMTkxMTA4MDAwMDAwWhcNMjAxMTA3MTIwMDAwWjAa
+MRgwFgYDVQQDEw9kZXYuZXppamluZy5jb20wggEiMA0GCSqGSIb3DQEBAQUAA4IB
+DwAwggEKAoIBAQCB10CZ2NYv7glRe+aJH+Wv1xt2hy0QYvB0umcitGUv+hUq5tlO
+sBJ53mkDaQcpRttX2LriI0jOfrrzOLK2K+51GK4YvjAFM922WmRK3L2KPRkdld7b
+ehZDvd9XcU1E6nd6QuYhgeqjZ6nmGF+rUDhJ7LsgzVnQD04XoxXtOCqb7xroXLh4
+1uDH31/Sfueq4aNhndFydTSPrHN9CE6o5iaGTh+VCpLHoxvqxKZYztXj+H/nngtD
+Ik1XeeA19PdkWYCaEhm3uf6jey/MirCCGJlKPQr2PITvNtJmNVQERDO0VRx9iA9l
+B9kUWx2AiQVK9HdxcikiI3yg9/zErqdoCk5fAgMBAAGjggJ0MIICcDAfBgNVHSME
+GDAWgBRVdE+yck/1YLpQ0dfmUVyaAYca1zAdBgNVHQ4EFgQU28ndXe6qIDlhPWX5
++gzJoRhaQQowGgYDVR0RBBMwEYIPZGV2LmV6aWppbmcuY29tMA4GA1UdDwEB/wQE
+AwIFoDAdBgNVHSUEFjAUBggrBgEFBQcDAQYIKwYBBQUHAwIwTAYDVR0gBEUwQzA3
+BglghkgBhv1sAQIwKjAoBggrBgEFBQcCARYcaHR0cHM6Ly93d3cuZGlnaWNlcnQu
+Y29tL0NQUzAIBgZngQwBAgEwgYAGCCsGAQUFBwEBBHQwcjAkBggrBgEFBQcwAYYY
+aHR0cDovL29jc3AuZGlnaWNlcnQuY29tMEoGCCsGAQUFBzAChj5odHRwOi8vY2Fj
+ZXJ0cy5kaWdpY2VydC5jb20vRW5jcnlwdGlvbkV2ZXJ5d2hlcmVEVlRMU0NBLUcx
+LmNydDAJBgNVHRMEAjAAMIIBBQYKKwYBBAHWeQIEAgSB9gSB8wDxAHYApLkJkLQY
+WBSHuxOizGdwCjw1mAT5G9+443fNDsgN3BAAAAFuSnTaJgAABAMARzBFAiEAtYCW
+PLYE6pylBOsB1MmETgxGpYrG64Osn/XXyJlh+/UCIEnttMCBvNif4hpJfAQibP/Q
+bJ9w0VYC59hi8Tmcf/mfAHcAXqdz+d9WwOe1Nkh90EngMnqRmgyEoRIShBh1loFx
+RVgAAAFuSnTZSQAABAMASDBGAiEAsMgDWdSJ5d2jiXoNyxJ5FY7+3PET59vgvxi9
+Eev9MwECIQC3sfR8sRWxJg82xH7lIA9sN87p7fLmr+KyhnuAK+2bcjANBgkqhkiG
+9w0BAQsFAAOCAQEAOXMhz5dapVgYoLe23i+rEbBeO648c3cAO11qubqE0b5ie2bY
+4DuatptwiLA47xfSVbFF0Y44cPL1b0zHe+Ki9TpcFP+TQ/+cPD2bPrqovI2uh8Qi
+1RU7baLoYO9t7NxaPXh9RtRLUufJHas7HcWtLw/nPvVi+SuhgiiPytWdVM64dIPz
++nP9YY6wZhp4S/vNw5T7LARaw28xrEPzgCzWoXBUDyLB1slU3A2Uu+vl4lilcVeF
+B/hl/75PWIdlxeRsD2V4TGCg796eL1BTVYEh7+mjvvaft+1/jwofKtGxg34YZHfl
+6M22MuuP1pLviPZEE4ZlPXvltUV/Qq47LvZkTg==
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIEqjCCA5KgAwIBAgIQAnmsRYvBskWr+YBTzSybsTANBgkqhkiG9w0BAQsFADBh
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBD
+QTAeFw0xNzExMjcxMjQ2MTBaFw0yNzExMjcxMjQ2MTBaMG4xCzAJBgNVBAYTAlVT
+MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
+b20xLTArBgNVBAMTJEVuY3J5cHRpb24gRXZlcnl3aGVyZSBEViBUTFMgQ0EgLSBH
+MTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBALPeP6wkab41dyQh6mKc
+oHqt3jRIxW5MDvf9QyiOR7VfFwK656es0UFiIb74N9pRntzF1UgYzDGu3ppZVMdo
+lbxhm6dWS9OK/lFehKNT0OYI9aqk6F+U7cA6jxSC+iDBPXwdF4rs3KRyp3aQn6pj
+pp1yr7IB6Y4zv72Ee/PlZ/6rK6InC6WpK0nPVOYR7n9iDuPe1E4IxUMBH/T33+3h
+yuH3dvfgiWUOUkjdpMbyxX+XNle5uEIiyBsi4IvbcTCh8ruifCIi5mDXkZrnMT8n
+wfYCV6v6kDdXkbgGRLKsR4pucbJtbKqIkUGxuZI2t7pfewKRc5nWecvDBZf3+p1M
+pA8CAwEAAaOCAU8wggFLMB0GA1UdDgQWBBRVdE+yck/1YLpQ0dfmUVyaAYca1zAf
+BgNVHSMEGDAWgBQD3lA1VtFMu2bwo+IbG8OXsj3RVTAOBgNVHQ8BAf8EBAMCAYYw
+HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMBIGA1UdEwEB/wQIMAYBAf8C
+AQAwNAYIKwYBBQUHAQEEKDAmMCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdp
+Y2VydC5jb20wQgYDVR0fBDswOTA3oDWgM4YxaHR0cDovL2NybDMuZGlnaWNlcnQu
+Y29tL0RpZ2lDZXJ0R2xvYmFsUm9vdENBLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG
+/WwBAjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BT
+MAgGBmeBDAECATANBgkqhkiG9w0BAQsFAAOCAQEAK3Gp6/aGq7aBZsxf/oQ+TD/B
+SwW3AU4ETK+GQf2kFzYZkby5SFrHdPomunx2HBzViUchGoofGgg7gHW0W3MlQAXW
+M0r5LUvStcr82QDWYNPaUy4taCQmyaJ+VB+6wxHstSigOlSNF2a6vg4rgexixeiV
+4YSB03Yqp2t3TeZHM9ESfkus74nQyW7pRGezj+TC44xCagCQQOzzNmzEAP2SnCrJ
+sNE2DpRVMnL8J6xBRdjmOsC3N6cQuKuRXbzByVBjCqAA8t1L0I+9wXJerLPyErjy
+rMKWaBFLmfK/AHNF4ZihwPGOc7w6UHczBZXH5RFzJNnww+WnKuTPI0HfnVH8lg==
+-----END CERTIFICATE-----

build/getSSL.js

+
+const fs = require('fs')
+const path = require('path')
+const request = require('request')
+
+const _conf = require('./config')
+fs.writeFileSync(path.join(__dirname, _conf.domain + '.key'), '', { encoding: 'utf8', mode: 0o755 })
+fs.writeFileSync(path.join(__dirname, _conf.domain + '.pem'), '', { encoding: 'utf8', mode: 0o755 })
+request('https://ssl.godzyx.com/' + _conf.domain + '/' + _conf.domain + '.key?get=allow').pipe(fs.createWriteStream(path.join(__dirname, _conf.domain + '.key')))
+request('https://ssl.godzyx.com/' + _conf.domain + '/' + _conf.domain + '.pem?get=allow').pipe(fs.createWriteStream(path.join(__dirname, _conf.domain + '.pem')))

build/uploadAliyunCDN.js

+
+const fs = require('fs')
+const path = require('path')
+
+const OSS = require('ali-oss')
+
+const conf = require('./config')
+
+const client = new OSS({
+  region: 'oss-cn-beijing',
+  accessKeyId: 'LTAIOTuuLTaWoGJj',
+  accessKeySecret: 'dE5tTGm2lh35eItct2krW2DeH2lf2I',
+  bucket: 'zws-imgs-pub'
+})
+
+const headers = {
+  'x-oss-traffic-limit': 8 * 1024 * 100 * 100
+}
+
+const DIR_PATH = path.join(__dirname, '../' + conf.DesDir)
+const PREFIX_PATH = conf.CDN_DIR
+const isUploadStatic = conf.isUploadStatic
+
+let fileCount = 1
+async function uploadFile (prefixPath, dirFileName) {
+  try {
+    const upFilePath = prefixPath.replace(new RegExp(DIR_PATH, 'gi'), '') + path.basename(dirFileName)
+    const result = await client.put(prefixPath + path.basename(dirFileName), dirFileName, {
+      headers,
+      timeout: 600000
+    })
+    if (result.res.status === 200) {
+      console.log('第' + fileCount++ + '个文件，已上传：' + conf.CDN_BASE + upFilePath)
+      return { status: 200 }
+    }
+  } catch (err) {
+    console.log('第' + fileCount++ + '个文件，上传失败：' + conf.CDN_BASE + upFilePath)
+    return { status: 500, err: err }
+  }
+}
+
+function uploadfiles (dirPath, callback) {
+  const files = fs.readdirSync(dirPath)
+  files.forEach(function (filename, i) {
+    const filedir = path.join(dirPath, filename)
+    const info = fs.statSync(filedir)
+    if (info.isDirectory()) {
+      if (!(isUploadStatic ? true : filename !== 'static')) { return }
+      const morePath = filedir.replace(new RegExp(DIR_PATH, 'gi'), '') + '/'
+      uploadfiles(filedir, function (filedir) {
+        uploadFile(path.join(PREFIX_PATH, morePath), filedir)
+      })
+    } else {
+      if (typeof callback === 'function') {
+        callback(filedir)
+      } else {
+        uploadFile(PREFIX_PATH, filedir)
+      }
+    }
+  })
+  return true
+}
+
+uploadfiles(DIR_PATH, null)

build/webpack.base.conf.js

+const path = require('path')
+const webpack = require('webpack')
+const WebpackMerge = require('webpack-merge')
+
+const _conf = require('./config')
+
+const $GLOBAL = {
+  isDev: _conf.isDev,
+  ResDir: _conf.ResDir,
+  'isEnableToIphoneDebugger': _conf.isEnableToIphoneDebugger,
+
+  templatePath: path.resolve(__dirname, '../' + _conf.HtmlPath),
+  icoPath: _conf.IcoPath,
+
+  EntryPath: path.resolve(__dirname, '../' + _conf.JsPath),
+  OutputPath: path.resolve(__dirname, '../' + _conf.DesDir),
+
+  jsName: 'resources/[name].[chunkhash:8].js',
+  cssName: 'resources/[name].[contenthash:12].css',
+  resName: 'resources/[name].[hash:8].[ext]',
+
+  EntryStaticPath: path.resolve(__dirname, '../' + 'static'),
+  OutputStaticPath: path.resolve(__dirname, '../' + _conf.DesDir + '/static'),
+
+  webConf: {
+    'isDev': _conf.isDev,
+    'serverPort': process.env.SERVER_PORT || 8000,
+    'isEnableToIphoneDebugger': _conf.isEnableToIphoneDebugger,
+    'domain': _conf.domain,
+    'url': _conf.url,
+    'isHttps': _conf.isHttps,
+    'apiBaseURL': _conf.apiBaseURL || '/api',
+    'CDN_PATH': _conf.CDN_BASE + _conf.CDN_DIR,
+    'others': _conf.others || {}
+  },
+  externals: _conf.webpack.externals || {},
+  ProvidePlugin: _conf.webpack.ProvidePlugin || {},
+  BaseConfig: {}
+}
+
+$GLOBAL.BaseConfig = {
+  target: 'web',
+  entry: $GLOBAL.EntryPath,
+  output: {
+    filename: $GLOBAL.jsName,
+    path: $GLOBAL.OutputPath,
+    publicPath: $GLOBAL.isDev === 'development' ? '/' : $GLOBAL.webConf.CDN_PATH
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '../' + $GLOBAL.ResDir),
+      '@api': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/api'),
+      '@action': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/action'),
+      '@tool': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/tool')
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(vue|js|jsx)$/,
+        loader: 'eslint-loader',
+        exclude: /node_modules/,
+        enforce: 'pre'
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      },
+      {
+        test: /(\.jsx|\.js)$/,
+        exclude: /(node_modules)|(dist)/,
+        loader: 'babel-loader',
+        options: {
+          presets: ['env', 'stage-2'],
+          plugins: [
+            'transform-vue-jsx',
+            'syntax-dynamic-import'
+          ]
+        }
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg|ico)(\?.*)?$/,
+        use: {
+          loader: 'url-loader',
+          options: {
+            esModule: false,
+            limit: 4096,
+            name: $GLOBAL.resName
+          }
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: $GLOBAL.resName
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: $GLOBAL.resName
+        }
+      }
+    ]
+  },
+  externals: {
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'webConf': JSON.stringify($GLOBAL.webConf)
+    }),
+    new webpack.ProvidePlugin($GLOBAL.ProvidePlugin)
+  ]
+}
+$GLOBAL.BaseConfig = WebpackMerge($GLOBAL.BaseConfig, _conf.webpack)
+
+module.exports = $GLOBAL

build/webpack.client.conf.js

+
+const fs = require('fs')
+const path = require('path')
+
+const webpack = require('webpack')
+const WebpackMerge = require('webpack-merge')
+const CleanWebpackPlugin = require('clean-webpack-plugin')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const AutoPrefixer = require('autoprefixer')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const VconsoleWebpackPlugin = require('vconsole-webpack-plugin')
+const $GLOBAL = require('./webpack.base.conf')
+
+
+let config = null
+
+if ($GLOBAL.isDev === 'development') {
+  config = WebpackMerge($GLOBAL.BaseConfig, {
+    mode: 'development',
+    devtool: '#cheap-module-eval-source-map',
+    output: {
+      filename: '[name].js'
+    },
+    devServer: {
+      port: $GLOBAL.webConf.serverPort,
+      disableHostCheck: false,
+      host: $GLOBAL.webConf.domain || 'localhost',
+      http2: false,
+      https: $GLOBAL.webConf.isHttps && {
+        key: fs.readFileSync(path.join(__dirname, $GLOBAL.webConf.domain + '.key')),
+        cert: fs.readFileSync(path.join(__dirname, $GLOBAL.webConf.domain + '.pem'))
+      },
+      overlay: {
+        errors: true
+      },
+      historyApiFallback: {
+        index: '/index.html'
+      },
+      proxy: {
+        '/api': {
+          target: $GLOBAL.webConf.url,
+          selfHandleResponse: false,
+          secure: false,
+          changeOrigin: true,
+          followRedirects: true,
+          logLevel: 'info',
+          headers: {
+            'Referer': $GLOBAL.webConf.url
+          },
+          pathRewrite: {
+            '^/api': '/'
+          }
+        }
+      },
+      open: true,
+      hot: true
+    },
+    module: {
+      rules: [{
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [
+                AutoPrefixer({
+                  'overrideBrowserslist': [
+                    'cover 99.5%',
+                    'ie 6-8',
+                    'since 2015',
+                    'last 10 iOS versions'
+                  ]
+                })
+              ]
+            }
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              implementation: require('dart-sass')
+            }
+          }
+        ]
+      }]
+    },
+    plugins: [
+      new VueLoaderPlugin(),
+      new webpack.HotModuleReplacementPlugin(),
+      new HtmlWebpackPlugin({
+        template: $GLOBAL.templatePath,
+        inject: true,
+        favicon: $GLOBAL.icoPath
+      }),
+      new VconsoleWebpackPlugin({
+        filter: [],
+        enable: $GLOBAL.isEnableToIphoneDebugger
+      })
+    ]
+  })
+} else {
+  config = WebpackMerge($GLOBAL.BaseConfig, {
+    mode: 'production',
+    entry: {
+      app: $GLOBAL.EntryPath,
+      vendor: ['vue', 'vue-router', 'vue-i18n']
+    },
+    module: {
+      rules: [{
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+            }
+          },
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [
+                AutoPrefixer({
+                  'overrideBrowserslist': [
+                    'cover 99.5%',
+                    'ie 6-8',
+                    'since 2015',
+                    'last 10 iOS versions'
+                  ]
+                })
+              ]
+            }
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              implementation: require('dart-sass')
+            }
+          }
+        ]
+      }]
+    },
+    plugins: [
+      new CleanWebpackPlugin(['**/*'], { root: $GLOBAL.OutputPath }),
+      new MiniCssExtractPlugin({
+        filename: '[name].[contenthash:12].css',
+        chunkFilename: $GLOBAL.cssName
+      }),
+      new VueLoaderPlugin(),
+      new HtmlWebpackPlugin({
+        template: $GLOBAL.templatePath,
+        inject: true,
+        favicon: $GLOBAL.icoPath,
+        minify: {
+          removeComments: true,
+          collapseWhitespace: true
+        }
+      }),
+      new CopyWebpackPlugin([
+        {
+          from: $GLOBAL.EntryStaticPath,
+          to: $GLOBAL.OutputStaticPath,
+          ignore: ['.*'],
+          transform: function (content) {
+            return content
+          }
+        }
+      ]),
+      $GLOBAL.isDev === 'test' && new VconsoleWebpackPlugin({
+        filter: [],
+        enable: $GLOBAL.isEnableToIphoneDebugger
+      })
+    ],
+    optimization: {
+      runtimeChunk: {
+        name: 'manifest'
+      },
+      splitChunks: {
+        chunks: 'async',
+        minSize: 30000,
+        maxSize: 400000,
+        minChunks: 1,
+        maxAsyncRequests: 5,
+        maxInitialRequests: 3,
+        name: false,
+        cacheGroups: {
+          vendor: {
+            name: 'vendor',
+            chunks: 'initial',
+            priority: -10,
+            reuseExistingChunk: false,
+            test: /node_modules\/(.*)\.js/
+          },
+        }
+      }
+    }
+  })
+}
+
+module.exports = config

package.json

+{
+  "name": "@god/vue-client",
+  "version": "3.0.13",
+  "description": "适应于公司全系统的纯客户端开发模型",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint --ext .js --ext .jsx --ext .vue src/",
+    "lint:fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/",
+    "dev": "cross-env NODE_ENV=development node build/getSSL.js && cross-env NODE_ENV=development SERVER_PORT=3001 webpack-dev-server --inline --progress --config build/webpack.client.conf.js",
+    "build:test": "cross-env NODE_ENV=test webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=test n use 8.11.3 ./build/uploadAliyunCDN.js",
+    "build:pro": "cross-env NODE_ENV=production webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=production n use 8.11.3 ./build/uploadAliyunCDN.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "keywords": [
+    "vue-client"
+  ],
+  "author": "zhangyanxin",
+  "license": "ISC",
+  "eslintIgnore": [
+    "client-dist/",
+    "node_modules/",
+    "assets/font-icons/"
+  ],
+  "devDependencies": {
+    "acorn": "^7.1.1",
+    "ali-oss": "^6.5.1",
+    "autoprefixer": "^9.7.5",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^10.1.0",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.5",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-stage-2": "^6.24.1",
+    "clean-webpack-plugin": "^1.0.0",
+    "copy-webpack-plugin": "^5.1.1",
+    "css-loader": "^3.4.2",
+    "dart-sass": "^1.25.0",
+    "eslint": "^6.8.0",
+    "eslint-config-standard": "^14.1.1",
+    "eslint-loader": "^3.0.4",
+    "eslint-plugin-html": "^6.0.0",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
+    "eslint-plugin-vue": "^6.2.2",
+    "file-loader": "^6.0.0",
+    "html-webpack-plugin": "^4.0.4",
+    "mini-css-extract-plugin": "^0.9.0",
+    "postcss-loader": "^3.0.0",
+    "request": "^2.88.2",
+    "sass-loader": "^7.3.1",
+    "style-loader": "^1.1.3",
+    "url-loader": "^4.0.0",
+    "vconsole-webpack-plugin": "^1.5.2",
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.10.3",
+    "webpack-merge": "^4.2.2"
+  },
+  "dependencies": {
+    "axios": "^0.19.2",
+    "cross-env": "^7.0.2",
+    "element-ui": "^2.13.0",
+    "js-cookie": "^2.2.1",
+    "lodash": "^4.17.15",
+    "promise.prototype.finally": "^3.1.2",
+    "regenerator": "^0.14.4",
+    "vue": "^2.6.11",
+    "vue-i18n": "^8.16.0",
+    "vue-loader": "^15.9.1",
+    "vue-meta-info": "^0.1.7",
+    "vue-router": "^3.1.6",
+    "vue-template-compiler": "^2.6.11"
+  }
+}

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' }
+    })
+  }
+}

src/action/base_action.js

+export default class ACTION {
+  getVueInstance () {
+    return window.G.$instance_vue
+  }
+}

src/action/index.js

+import TestAction from './TestAction'
+
+const Test = new TestAction()
+
+const cAction = {
+  Test
+}
+
+export default cAction

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'
+      }
+    })
+  }
+
+  /* 获取当前Vue创建实例 */
+  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))
+  }
+}

src/api/index.js

+import TestAPI from './test_api'
+
+const Test = new TestAPI(webConf)
+
+export {
+  Test
+}

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' } })
+}

src/app.vue

+<template>
+  <div style="height: 100%; width: 100%;">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

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

src/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>

src/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,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') 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";
+}
+

src/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

src/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
+    }
+  ]
+}

src/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>

src/assets/languages/en.json

+{
+  "common": {
+    "title": "theme"
+  },
+  "action": {
+    "interface": "interface back test"
+  },
+  "components": {
+    "errorPages": {
+      "404page": {
+        "errStr": "很抱歉，您访问的页面已经断开",
+        "goBack": "返回首页",
+        "goNext": "返回上一页"
+      }
+    }
+  }
+}

src/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)
+    }
+  })
+}

src/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

src/assets/languages/zh-CN.json

+{
+  "common": {
+    "title": "主题"
+  },
+  "action": {
+    "interface": "接口返回数据测试"
+  },
+  "components": {
+    "errorPages": {
+      "404page": {
+        "errStr": "很抱歉，您访问的页面已经断开",
+        "goBack": "返回首页",
+        "goNext": "返回上一页"
+      }
+    }
+  }
+}

src/components/languageSwitch/index.vue

+<template>
+<div class="tap-language-switch">
+  <el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect">
+    <el-submenu index="1">
+      <template slot="title">{{ show }}</template>
+      <template v-for="item in language.arr">
+        <template v-for="(v, k) in item">
+          <el-menu-item :key="k" :index="k">{{v}}</el-menu-item>
+        </template>
+      </template>
+    </el-submenu>
+  </el-menu>
+</div>
+</template>
+
+<script>
+import Cookies from 'js-cookie'
+import language from '@/assets/languages/language'
+
+export default {
+  name: 'sLanguage',
+  componentName: 'sLanguage',
+  data () {
+    const _defaultLocale = 'zh-CN'
+    const _lang = Cookies.get('lang') || window.navigator.language || window.navigator.userLanguage || ''
+    if (_lang) {
+      if (language[_lang]) {
+        this.$i18n.locale = _lang
+      } else {
+        let flag = true
+        /* 做一下 兼容性处理 */
+        for (const k in language) {
+          const reg = new RegExp(k, 'gi')
+          if (reg.test(_lang)) {
+            this.$i18n.locale = k
+            flag = false
+            break
+          }
+        }
+        if (flag) {
+          /* 当前语言版本 - 不再我们的语言库中，那么默认 en */
+          this.$i18n.locale = _defaultLocale
+          Cookies.set('lang', _defaultLocale, { expires: 30, domain: '.ezijing.com' })
+        }
+      }
+    } else {
+      this.$i18n.locale = _defaultLocale
+      Cookies.set('lang', _defaultLocale, { expires: 30, domain: '.ezijing.com' })
+    }
+    let show = language[this.$i18n.locale].show
+    language[this.$i18n.locale].arr.forEach((item, i) => {
+      if (item[this.$i18n.locale]) {
+        show = item[this.$i18n.locale]
+      }
+    })
+    return {
+      show: show,
+      language: language[this.$i18n.locale]
+    }
+  },
+  mounted () {},
+  methods: {
+    handleSelect (key, val) {
+      Cookies.set('lang', key, { expires: 30, domain: '.ezijing.com' })
+      this.$i18n.locale = key
+      /* 刷新页面 */
+      this.$router.go(0)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tap-language-switch {
+  position: absolute;
+  top: 5px;
+  right: 100px;
+  height: 70px;
+  .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
+    border: none;
+  }
+}
+</style>

src/index.html

+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta content="origin" name="referrer" />
+    <!-- 如果只是想html禁用缓存，使用以下三行 -->
+    <!-- 经过验证，发现有时不一定有用，不如 wmp项目中login/is-login跳转，会自动产生 from the disk -->
+    <!-- 总结：彻底解决 index.html 不加缓存 请使用 `nginx上配置 no-cache` -->
+    <!-- 直接访问 图片、JS、CSS等资源不会出现（from the disk），只有在html中，访问资源才会出现`强缓存`。 -->
+    <!-- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> -->
+    <!-- <meta http-equiv="Pragma" content="no-cache" /> -->
+    <!-- <meta http-equiv="Expires" content="0" /> -->
+    <title>登录</title>
+    <meta
+      name="viewport"
+      id="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"
+    />
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

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 createI18n from './assets/languages' // 国际化定义
+
+import App from './app.vue' // 初始化 vue页面
+import './style.scss' // 公共样式
+import MetaInfo from 'vue-meta-info'
+import Element from 'element-ui'
+
+/* 兼容处理 start */
+/* 处理低版本浏览器支持axios finally问题 */
+require('promise.prototype.finally').shim()
+/* 兼容处理 end */
+
+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) })
+
+/* 设置全局变量 */
+window.G = Vue.prototype.$GLOBAL = {
+  VERSION: 'PC-1.0.0'
+}
+/**
+ * 定义全局变量 - 用作全局事件发布订阅
+ * 使用 vue自带事件 $emit 和 $on 进行发布订阅
+ */
+Vue.prototype.VueEvent = new Vue()
+
+window.G.$instance_vue = new Vue({ router, i18n, render: h => h(App) }).$mount('#app')

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>
+</template>
+
+<script>
+import sLanguage from '@/components/languageSwitch/index.vue'
+import action from '@action'
+
+export default {
+  components: { sLanguage },
+  data () {
+    return {
+      test: 'abc'
+    }
+  },
+  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)
+    })
+    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>

src/router/index.js

+import Router from 'vue-router'
+import routes from './routes'
+
+export default () => {
+  return new Router({
+    routes,
+    mode: 'history', // 还有一个 hash 默认
+    fallback: true, // 浏览器不支持 history时，自动改成 hash方式
+    scrollBehavior (to, from, savedPosition) { // 每次打开，滚动到 最顶端
+      return { x: 0, y: 0 }
+    }
+  })
+}

src/router/routes.js

+
+export default [
+  { path: '/', redirect: '/test' },
+  /* 测试页面 */
+  { path: '/test', name: 'test', component: () => import('../pages/test.vue') },
+  /* 如果所有页面都没找到 - 指向 */
+  { path: '*', component: () => import('@/components/errorPages/404.vue') }
+]

src/style.scss

+html, body {
+  font-size: 14px; // 防止html根元素 影响本身DOM元素字体大小继承
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  width: 100%;
+  background: #eee;
+}
+/* 统一字体样式 */
+* {
+  font-family:
+    "Source Han Sans CN",
+    "PingFang SC",
+    -apple-system,
+    "Microsoft YaHei",
+    "Helvetica",
+    "Arial",
+    Verdana,
+    "Hiragino Sans GB",
+    "Wenquanyi Micro Hei",
+    sans-serif;
+}
+
+/* Extra small devices (portrait phones, less than 576px) */
+@media (max-width: 575px) {}
+
+/* Small devices (landscape phones, 576px and up) */
+@media (min-width: 576px) and (max-width: 767px) {}
+
+/* Medium devices (tablets, 768px and up) */
+@media (min-width: 768px) and (max-width: 991px) {}
+
+/* Large devices (desktops, 992px and up) */
+@media (min-width: 992px) and (max-width: 1199px) {}
+
+/* Extra large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {}
+
+/* 改变主题色变量 */
+$--color-primary: #b80037;
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+/* 引入element-ui对应scss文件，重新编译 */
+@import "~element-ui/packages/theme-chalk/src/index";
+/* 引入隐藏显示样式 */
+@import "~element-ui/lib/theme-chalk/display.css";
+
+/* 引入三方 自定义图标库，方法 vue -> 第三方 自建图标库 中有 */
+@import "~@/assets/font-icons/iconfont.css";
+[class^="el-icon-self-"], [class*="el-icon-self-"] {
+  font-family: "selfAllIcon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

src/tool/convert_time.js

+export default class ConvertTime {
+  /**
+   * 工具方法 - 播放时间 转化 h:m:s
+   * @param {[string]} duration 时间戳
+   */
+  durationToTimeString (duration) {
+    let h = Math.floor(duration / 3600)
+    let m = Math.floor((duration - h * 3600) / 60)
+    let s = (duration - h * 3600 - m * 60) % 60
+    function tenify (a) {
+      return a >= 10 ? a : '0' + a
+    }
+    let to = { h: tenify(h), m: tenify(m), s: tenify(s) }
+    let format = 'h:m:s'
+    return format.replace(/h|m|s/g, k => to[k]).replace(/^00:/, '')
+  }
+}

src/tool/cookies.js

+export default class Cookies {
+/*
+  name: cookies的名字，也是cookies的唯一标识，通过他来获取和设置cookies
+  value：cookies的值，也就是cookies的内容，这是cookies有用的内容
+  Domain：cookies所属的域
+  Path: cookies所属的路径，他是属于某个路径的，/代表根路径
+  expires：cookies的到期时间，如果为0则永不过期
+  http: 如果打钩则通过脚本无法获取，可以防止xss攻击
+  secure：https连接才会传送该cookies，增强了安全性
+  sameSite：可选值Strict 和 Lax，Strict 严格模式，不能被第三方网站获取，Lax：宽松模式，可以被第三方获取
+*/
+  /* 如果 http 打钩，则 这边的 脚本函数将全部失效，而线上就是这么做的 */
+
+  /**
+   * 设置 Cookies，用于客户端
+   * @param {[string]} cName 要设置cookie的key值
+   * @param {[string]} cValue 要设置cookie的value值
+   * @param {[object]} obj 要设置cookie的其他值
+   * @param {[object]} obj.path 路径
+   * @param {[object]} obj.domain 域名
+   * @param {[object]} obj.expires 过期时间
+   */
+  setCookie (cName, cValue, obj) {
+    let d = new Date()
+    if (obj.expires) {
+      d.setTime(d.getTime() + ((obj.expires || 0) * 24 * 60 * 60 * 1000))
+      obj.expires = d.toUTCString()
+    }
+    let str = ''
+    for (let key in obj) {
+      str += '; ' + key + '=' + obj[key]
+    }
+    document.cookie = cName + '=' + cValue + str
+  }
+  /**
+   * 获取指定cookie，用于客户端
+   * @param {[string]} cName 要获取cookie的key值
+   */
+  getCookie (cName) {
+    let key = cName + '='
+    let ca = document.cookie.split(';')
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i]
+      while (c.charAt(0) === ' ') c = c.substring(1)
+      if (c.indexOf(key) !== -1) {
+        return c.substring(key.length, c.length)
+      }
+    }
+    return ''
+  }
+  /**
+   * 获取全cookie，用于客户端
+   */
+  getAllCookies () {
+    return document.cookie
+  }
+  /**
+   * 清除cookie，用于客户端
+   * 需要path 和 domain 唯一确定 一个 cookie
+   * @param {[string]} cName 要清除cookie的key值
+   * @param {[object]} obj.path 路径
+   * @param {[object]} obj.domain 域名
+   * @param {[object]} obj.expires 过期时间
+   */
+  clearCookie (cName, obj) {
+    let exp = new Date() // 获取客户端本地当前系统时间
+    // 将exp设置为客户端本地时间1分钟以前，将exp赋值给cookie作为过期时间后，就表示该cookie已经过期了, 那么浏览器就会将其立刻删除掉
+    exp.setTime(exp.getTime() - 60 * 1000)
+    obj.expires = exp.toUTCString()
+    let str = ''
+    for (let key in obj) {
+      str += '; ' + key + '=' + obj[key]
+    }
+    document.cookie = cName + '=' + str
+  }
+}

src/tool/index.js

+import Cookies from './cookies'
+import ConvertTime from './convert_time'
+import Other from './other'
+
+let cookies = new Cookies()
+let convertTime = new ConvertTime()
+let other = new Other()
+
+export default {
+  cookies,
+  convertTime,
+  other
+}

src/tool/other.js

+export default class Other {
+  /**
+   * 获取idt
+   */
+  getIdt () {
+    let cookieName = '_idt'
+    // 尝试从cookie获取
+    let idt = /_idt=/.test(document.cookie) && document.cookie.replace(/.*_idt=([^;]+).*/, '$1')
+    if (!idt) {
+      idt = (new Date()).getTime().toString(36) + Math.random().toString(32) + Math.random().toString(32)
+
+      let d = new Date()
+      d.setMonth(d.getMonth() + 6)
+      document.cookie = cookieName + '=' + idt + ';path=/;domain=.ezijing.com;expires=' + d.toGMTString()
+    }
+    return idt
+  }
+}