no message

package-lock.json

@@ -11,11 +11,16 @@
         "@jiaminghi/data-view": "^2.10.0",
         "core-js": "^3.8.3",
         "echarts": "^4.9.0",
+        "echarts-gl": "^1.1.0",
+        "echarts-liquidfill": "^2.0.6",
         "iview": "^3.1.3",
         "jquery": "^3.3.1",
         "less": "^3.8.1",
         "vue": "^2.6.14",
+        "vue-count-to": "^1.0.13",
+        "vue-particles": "^1.0.9",
         "vue-router": "^3.5.1",
+        "vue-seamless-scroll": "^1.1.21",
         "vuex": "^3.6.2"
       },
       "devDependencies": {
@@ -3862,6 +3867,11 @@
         "node": ">=6.0"
       }
     },
+    "node_modules/claygl": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/claygl/-/claygl-1.3.0.tgz",
+      "integrity": "sha512-+gGtJjT6SSHD2l2yC3MCubW/sCV40tZuSs5opdtn79vFSGUgp/lH139RNEQ6Jy078/L0aV8odCw8RSrUcMfLaQ=="
+    },
     "node_modules/clean-css": {
       "version": "5.3.3",
       "resolved": "https://registry.npmmirror.com/clean-css/-/clean-css-5.3.3.tgz",
@@ -4145,6 +4155,11 @@
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "dev": true
     },
+    "node_modules/comutils": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmmirror.com/comutils/-/comutils-1.1.19.tgz",
+      "integrity": "sha512-JxXB67juILiwhdLwOsYyjUqwWEhHdObI0EClOPk+JDtEuTbac59s0pxGpfCBnNNQ5JommifmcMGneW/4Cg7YWw=="
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
@@ -4981,6 +4996,24 @@
         "zrender": "4.3.2"
       }
     },
+    "node_modules/echarts-gl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-1.1.0.tgz",
+      "integrity": "sha512-zbGq09XbOfqLsrMKmXhQnUn2Wvmd9eOiA0K/eyQqIqyu3GzKpmdVLZydUgIr+CHi1PEJ0Lwh3cRHA18MSbI7IQ==",
+      "dependencies": {
+        "claygl": "^1.1.0",
+        "zrender": "^4.0.2"
+      }
+    },
+    "node_modules/echarts-liquidfill": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmmirror.com/echarts-liquidfill/-/echarts-liquidfill-2.0.6.tgz",
+      "integrity": "sha512-p+AH0O9/BtwXMQQyhjJbMZo+GwRAgWG/DCyK5r27PQzpS0UWrgXu57MyEFc0A8Ub3sRuqEu08BuxwHICBkSWSQ==",
+      "peerDependencies": {
+        "echarts": "^4.8.0",
+        "zrender": "^4.3.1"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/ee-first/-/ee-first-1.1.1.tgz",
@@ -7661,6 +7694,11 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/particles.js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/particles.js/-/particles.js-2.0.0.tgz",
+      "integrity": "sha512-8e0JIqkRbMMPlFBnF9f+92hX1s07jdkd3tqB8uHE9L+cwGGjIYjQM7QLgt0FQ5MZp6SFFYYDm/Y48pqK3ZvJOQ=="
+    },
     "node_modules/pascal-case": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/pascal-case/-/pascal-case-3.1.2.tgz",
@@ -9882,6 +9920,11 @@
         "csstype": "^3.1.0"
       }
     },
+    "node_modules/vue-count-to": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmmirror.com/vue-count-to/-/vue-count-to-1.0.13.tgz",
+      "integrity": "sha512-6R4OVBVNtQTlcbXu6SJ8ENR35M2/CdWt3Jmv57jOUM+1ojiFmjVGvZPH8DfHpMDSA+ITs+EW5V6qthADxeyYOQ=="
+    },
     "node_modules/vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmmirror.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
@@ -9974,11 +10017,32 @@
         "node": ">=8"
       }
     },
+    "node_modules/vue-particles": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmmirror.com/vue-particles/-/vue-particles-1.0.9.tgz",
+      "integrity": "sha512-9MUkX6Sq1x7guUHoN4Br4Dwtb+gY1t+uJMg0wxJtKKOURe/zS+8PsKwMhspCfl4ch3EM5nrwhASVX2UizKb41w==",
+      "dependencies": {
+        "particles.js": "^2.0.0",
+        "vue": "^2.2.6"
+      },
+      "engines": {
+        "node": ">= 4.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
     "node_modules/vue-router": {
       "version": "3.6.5",
       "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz",
       "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ=="
     },
+    "node_modules/vue-seamless-scroll": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmmirror.com/vue-seamless-scroll/-/vue-seamless-scroll-1.1.21.tgz",
+      "integrity": "sha512-O6n1Ly4Jw8sKaDuibLUX/QEjXRrMX2uHoqqIBBEM/Nyn8pQZpn2VdJDObBtnAS9F0cD8ExDq0mbZgZX6MXzXqQ==",
+      "dependencies": {
+        "comutils": "^1.1.9"
+      }
+    },
     "node_modules/vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@@ -13549,6 +13613,11 @@
       "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
       "dev": true
     },
+    "claygl": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/claygl/-/claygl-1.3.0.tgz",
+      "integrity": "sha512-+gGtJjT6SSHD2l2yC3MCubW/sCV40tZuSs5opdtn79vFSGUgp/lH139RNEQ6Jy078/L0aV8odCw8RSrUcMfLaQ=="
+    },
     "clean-css": {
       "version": "5.3.3",
       "resolved": "https://registry.npmmirror.com/clean-css/-/clean-css-5.3.3.tgz",
@@ -13783,6 +13852,11 @@
         }
       }
     },
+    "comutils": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmmirror.com/comutils/-/comutils-1.1.19.tgz",
+      "integrity": "sha512-JxXB67juILiwhdLwOsYyjUqwWEhHdObI0EClOPk+JDtEuTbac59s0pxGpfCBnNNQ5JommifmcMGneW/4Cg7YWw=="
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
@@ -14437,6 +14511,21 @@
         "zrender": "4.3.2"
       }
     },
+    "echarts-gl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-1.1.0.tgz",
+      "integrity": "sha512-zbGq09XbOfqLsrMKmXhQnUn2Wvmd9eOiA0K/eyQqIqyu3GzKpmdVLZydUgIr+CHi1PEJ0Lwh3cRHA18MSbI7IQ==",
+      "requires": {
+        "claygl": "^1.1.0",
+        "zrender": "^4.0.2"
+      }
+    },
+    "echarts-liquidfill": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmmirror.com/echarts-liquidfill/-/echarts-liquidfill-2.0.6.tgz",
+      "integrity": "sha512-p+AH0O9/BtwXMQQyhjJbMZo+GwRAgWG/DCyK5r27PQzpS0UWrgXu57MyEFc0A8Ub3sRuqEu08BuxwHICBkSWSQ==",
+      "requires": {}
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/ee-first/-/ee-first-1.1.1.tgz",
@@ -16585,6 +16674,11 @@
       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
       "dev": true
     },
+    "particles.js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/particles.js/-/particles.js-2.0.0.tgz",
+      "integrity": "sha512-8e0JIqkRbMMPlFBnF9f+92hX1s07jdkd3tqB8uHE9L+cwGGjIYjQM7QLgt0FQ5MZp6SFFYYDm/Y48pqK3ZvJOQ=="
+    },
     "pascal-case": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/pascal-case/-/pascal-case-3.1.2.tgz",
@@ -18287,6 +18381,11 @@
         }
       }
     },
+    "vue-count-to": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmmirror.com/vue-count-to/-/vue-count-to-1.0.13.tgz",
+      "integrity": "sha512-6R4OVBVNtQTlcbXu6SJ8ENR35M2/CdWt3Jmv57jOUM+1ojiFmjVGvZPH8DfHpMDSA+ITs+EW5V6qthADxeyYOQ=="
+    },
     "vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmmirror.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
@@ -18355,11 +18454,28 @@
         }
       }
     },
+    "vue-particles": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmmirror.com/vue-particles/-/vue-particles-1.0.9.tgz",
+      "integrity": "sha512-9MUkX6Sq1x7guUHoN4Br4Dwtb+gY1t+uJMg0wxJtKKOURe/zS+8PsKwMhspCfl4ch3EM5nrwhASVX2UizKb41w==",
+      "requires": {
+        "particles.js": "^2.0.0",
+        "vue": "^2.2.6"
+      }
+    },
     "vue-router": {
       "version": "3.6.5",
       "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz",
       "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ=="
     },
+    "vue-seamless-scroll": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmmirror.com/vue-seamless-scroll/-/vue-seamless-scroll-1.1.21.tgz",
+      "integrity": "sha512-O6n1Ly4Jw8sKaDuibLUX/QEjXRrMX2uHoqqIBBEM/Nyn8pQZpn2VdJDObBtnAS9F0cD8ExDq0mbZgZX6MXzXqQ==",
+      "requires": {
+        "comutils": "^1.1.9"
+      }
+    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",

package.json

@@ -10,11 +10,16 @@
     "@jiaminghi/data-view": "^2.10.0",
     "core-js": "^3.8.3",
     "echarts": "^4.9.0",
+    "echarts-gl": "^1.1.0",
+    "echarts-liquidfill": "^2.0.6",
     "iview": "^3.1.3",
     "jquery": "^3.3.1",
     "less": "^3.8.1",
     "vue": "^2.6.14",
+    "vue-count-to": "^1.0.13",
+    "vue-particles": "^1.0.9",
     "vue-router": "^3.5.1",
+    "vue-seamless-scroll": "^1.1.21",
     "vuex": "^3.6.2"
   },
   "devDependencies": {

src/main.js

@@ -7,17 +7,26 @@ import dataV from '@jiaminghi/data-view'
 import echarts from 'echarts'
 import img from '@/views/04/lib/img'
 import '@/views/04/assets/less/index.scss'
-import 'iview/dist/styles/iview.css';
+import 'iview/dist/styles/iview.css'; 
+import Vcomp from '@/views/05/components/index'
+import vueParticles from 'vue-particles'
 import utils from "@/views/04/lib/utils"
-Vue.prototype.$echarts = function (el) {
-  return echarts.init(el, null, {renderer: 'svg'})
-}
+import Toast from '@/views/05/components/toast/index.js'
+import '@/views/05/assets/iconfont/iconfont.css'
+import '@/views/05/assets/styles/common.scss'
+Vue.prototype.$echarts = echarts
+// Vue.prototype.$echarts = function (el) {
+//   return echarts.init(el, null, {renderer: 'svg'})
+// }
 Vue.prototype.$images = img
 import iView from 'iview';
 Vue.config.productionTip = false
 Vue.use(dataV)
 Vue.use(iView)
 Vue.use(utils)
+Vue.use(vueParticles)
+Vue.use(Vcomp)
+Vue.prototype.$Toast = Toast
 new Vue({
   router,
   store,

src/router/index.js

@@ -26,23 +26,27 @@ const routes = [
     path: '/04',
     name: 'about',
     component: () => import('../views/04/home'),
-    redirect:"/page1",
+    redirect:"/04/page1",
     children:[
       {
-        path: '/page1',
+        path: '/04/page1',
         name: 'about',
         component: () => import('../views/04/page1'),
       },
       {
-        path: '/page2',
+        path: '/04/page2',
         name: 'about',
         component: () => import('../views/04/page2'),
       },{
-        path: '/page3',
+        path: '/04/page3',
         name: 'about',
         component: () => import('../views/04/page3'),
       }
     ]
+  },{
+    path: '/05',
+    name: 'about',
+    component: () => import('../views/05/index')
   }
 ]
 

src/views/04/components/areaChart.vue

@@ -213,7 +213,7 @@ export default {
                 option.xAxis.axisLabel.showMaxLabel = false;
                 option.xAxis.axisLabel.align = 'left';
             }
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize(

src/views/04/components/page1/colorsBar.vue

@@ -128,7 +128,7 @@ export default {
                 ]
             };
 
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page1/doubleArea.vue

@@ -6,10 +6,7 @@
 export default {
     name: '',
     props: {
-        selectRangeDate: Array,
-        default:()=>{
-            []
-        }
+        selectRangeDate: Array
     },
     data() {
         return {}
@@ -478,7 +475,7 @@ export default {
                 option.xAxis[2].axisLabel.showMaxLabel = false;
 
             }
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
             myChart.clear();
             myChart.resize()
             myChart.setOption(option);

src/views/04/components/page1/funnel.vue

@@ -124,7 +124,7 @@ export default {
                 ]
             };
 
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page1/lineBar.vue

@@ -428,7 +428,7 @@ export default {
                 ],
                 series: this.setOptionData()
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page1/lines.vue

@@ -374,7 +374,7 @@ export default {
                 ],
                 series: this.seriesData
             };
-            let myChart = this.$echarts(document.getElementById('bottom_1'));
+            let myChart = this.$echarts.init(document.getElementById('bottom_1'));
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page1/pieRing.vue

@@ -87,7 +87,7 @@ export default {
                     }
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page1/popularBar.vue

@@ -351,7 +351,7 @@ export default {
                     }
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
             myChart.clear();
             myChart.resize()
             myChart.setOption(option);

src/views/04/components/page1/ring.vue

@@ -62,7 +62,7 @@ export default {
                     }
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
             myChart.clear();
             myChart.resize()
             myChart.setOption(option);

src/views/04/components/page1/webBar.vue

@@ -126,7 +126,7 @@ export default {
                     },
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
             myChart.clear();
             myChart.resize();
 

src/views/04/components/page1/worldMap.vue

@@ -609,7 +609,7 @@ export default {
 
                 ]
             }
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page2/barChart.vue

@@ -119,7 +119,7 @@ export default {
                     },
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page2/doubleBarChart.vue

@@ -134,7 +134,7 @@ export default {
 
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
             myChart.clear();
             myChart.resize()
             myChart.setOption(option);

src/views/04/components/page2/doubleBars.vue

@@ -165,7 +165,7 @@ export default {
                 }]
             };
 
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page2/doubleLine.vue

@@ -143,7 +143,7 @@ export default {
                     },
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page2/pieChart.vue

@@ -169,7 +169,7 @@ export default {
                     },
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page2/singleAreaChart.vue

@@ -164,7 +164,7 @@ export default {
                 },
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page2/threeBarChart.vue

@@ -222,7 +222,7 @@ export default {
                     }
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page3/channelBar.vue

@@ -122,7 +122,7 @@ export default {
                     data: this.setTrenchData('d')
                 }]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize();

src/views/04/components/page3/chinaMap.vue

@@ -828,7 +828,7 @@ export default {
                     }
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page3/deviceSafeRisk.vue

@@ -237,7 +237,7 @@ export default {
 
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page3/distributionSolider.vue

@@ -126,7 +126,7 @@ export default {
                 yAxis: this.setSoliderData('y'),
                 series: this.setSoliderData('s')
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page3/doubleBar.vue

@@ -125,7 +125,7 @@ export default {
                 ]
 
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize()

src/views/04/components/page3/hotWords.vue

@@ -610,7 +610,7 @@ export default {
                 ]
 
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
             myChart.clear();
             myChart.resize();
             myChart.setOption(option);

src/views/04/components/page3/redPocket.vue

@@ -128,7 +128,7 @@ export default {
                         ],
                     }]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize();

src/views/04/components/page3/webcastsRisk.vue

@@ -200,7 +200,7 @@ export default {
                     }
                 ]
             };
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize();

src/views/04/components/pie.vue

@@ -56,7 +56,7 @@ export default {
                     }
                 ]
             };
-            let myChart = this.$echarts(document.getElementById(this.id));
+            let myChart = this.$echarts.init(document.getElementById(this.id));
 
             myChart.clear();
             myChart.resize(

src/views/04/components/radar.vue

@@ -121,7 +121,7 @@ export default {
             if (this.id == 'bottom_1_2') {
                 option.legend.left = '5%';
             }
-            let myChart = this.$echarts(this.$el);
+            let myChart = this.$echarts.init(this.$el);
 
             myChart.clear();
             myChart.resize(

src/views/05/assets/iconfont/iconfont.css

@@ -0,0 +1,45 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1587564247382'); /* IE9 */
+  src: url('iconfont.eot?t=1587564247382#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASYAAsAAAAACbAAAARLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDbAqFaIUaATYCJAMgCxIABCAFhG0HZBuICBEVnM3JfhbYzRfR06xnIqVricL+W7/GTzkHwfP03ue5mVkJ7S/gl62AFBRjwDXvvsv+6a1ikWLjFGvCkY0233dqXYO1gAgVZsHS3uCTu853suUn6cZOgIC6vz9UzQaLz2fJdvk/a29cg8LhUDBgo3tbr2QtSAGnoNUidt0kHyK2nrwbAnAnIxMpWbpiTVyRSA4SgLRr3bIxri0b0kyzoEGUkTM1nIgTmjHKOMuECfnHyxsKcQUGsiK5V9UWpZpR9Ll+PlxZtoV66o21Pw9gnQcUIBPQQEaO+gajylwmCiPYrDkA3mgIKPtCcr+Wz9s97/F8uG2jTWvbyemCQ/T+xQOFhIAKkVGAOJPoPDVqs7wLeK4lFwo8d9bS17eEBQP6tpBR9e1gQaDvAQtO0A+HnjtMdt3fF/AHLjOR0oxasKAgIt8uePmIp6fW/v6+nmHFdTx921675rhxI+/6dfPq1ZqNz46unGWsML850jtGbjUdVc2a1fPMGo68voNK2tZ67qKHuItHX3cuWRWJw100PPUVa83fP3pvpLUuCWvVmDUiKzY0NT5XS3r/r8erJTfK+Pyutd3H82rOmLFiWdC0WYGhNa3QqYnLg6fPFjN8usyuPXVrcLZizZhVobMOSiRB4Q7WEdQmnlXfnD56pRXkmDYmpOWM+dsDw+sZx4FWYznK21Lqo3nlRsbJeFlGo3ZPt8/aPihz0S2Z5EtdfE1UoWYF5F/c4V0yY48ShlTGVv3xo1ZvNTFUdcWoLxPTwY8m93JU14yMAgMbOV2d5yPiM/wymTB+WV8BSp8oEw40Y03xNYQUD6vj54h1+NUJK55/y2gpWpxwlEnKNmx7iXjjhoJ6iY6hqv/uJye1+DmxLWeWcWu8VkVMaViUhhVKe+rLgw0P57zDd61/dqj0IP2Bdj1PmYXQHquK7tN//+p9HKVYqerXH3Zo0mR3TIvoNQMGrI5d7ez8fvXq9/wDYO8XN6jiACrdWA32NbVGZeQWS+QRAEwyZj6oNEPRP97nYMC6Lpsb+my+aR4aALePd7yhx2xLYnveFQGQ5X8zOXFCh8rE7qr9weSeCMCVEQW+JwvufA78vUL+3N+nIYicAUFryS0wUElBoZETNbUEJ0xGcEZjD+4UlDnfg5AuKKjdAOkMY0A8NoCAwxdEPM4RJeo9kEl4BwqeKBDuvHS84t6pZncROENJ109qPI9BOG1XND+geu2dNJU54wWiTZLyJOsW7zFC9nGMvlWFWaAgPNAdux/6nikKt/CW1GbxnKZh7I0Sz8Nk50KAY6BErj6RhsdGIV1sdr33fwCVVz1HZnoGki9AqGZ9kktkBOK9biT1PJfN6k2lYEzQ9wsEG5A7eKDnOUbi+K4WeCZRb8hEZ6k2K1B1yfENwyu9xGSykzxlk0CREmUqVKlRx2KFLH3PmWXRPIiXb6JTfWcp1+9OxmaslhBhWeur91CdTAAA') format('woff2'),
+  url('iconfont.woff?t=1587564247382') format('woff'),
+  url('iconfont.ttf?t=1587564247382') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1587564247382#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-user:before {
+  content: "\e66c";
+}
+
+.icon-close:before {
+  content: "\e667";
+}
+
+.icon-info:before {
+  content: "\e604";
+}
+
+.icon-password:before {
+  content: "\e606";
+}
+
+.icon-warning:before {
+  content: "\e676";
+}
+
+.icon-error:before {
+  content: "\e686";
+}
+
+.icon-success:before {
+  content: "\e66b";
+}
+

src/views/05/assets/iconfont/iconfont.svg

@@ -0,0 +1,47 @@
+<?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="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="user" unicode="&#58988;" d="M283.083845 605.200938c0-126.207423 102.313224-228.5186 228.511437-228.5186 126.2064 0 228.514507 102.311177 228.514507 228.5186 0 126.202307-102.308107 228.51553-228.514507 228.51553C385.390929 833.716468 283.083845 731.403245 283.083845 605.200938L283.083845 605.200938zM647.796314 376.145102c-39.302121-25.200962-86.044702-39.814798-136.202055-39.814798-50.154283 0-96.894817 14.613836-136.197962 39.814798-171.106006-56.998155-294.485011-218.435964-294.485011-408.697239 0-11.157107 0.422625-22.218024 1.254573-33.164331l858.852706 0c0.831948 10.946306 1.255597 22.007223 1.255597 33.164331 0 190.261275-123.372865 351.698061-294.483988 408.697239L647.796314 376.145102zM647.796314 376.145102"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="close" unicode="&#58983;" d="M810 622l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="info" unicode="&#58884;" d="M512 810.56A426.56 426.56 0 1 1 938.56 384 426.88 426.88 0 0 1 512 810.56z m42.56-640h-85.12v256h85.44v-256z m0 341.44h-85.12V597.44h85.44V512z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="password" unicode="&#58886;" d="M780.8 541.42H665.6v42.89c0 72.31-19.85 193.3-153.6 193.3-138.87 0-153.6-135.05-153.6-193.3v-42.89H243.2v42.89C243.2 773.75 348.79 896 512 896s268.8-122.25 268.8-311.69v-42.89z m-192-314.84c0 43.52-34.58 78.65-76.8 78.65s-76.8-35.13-76.8-78.65c0-29.46 15.4-54.47 38.44-67.82v-89.64c0-21.74 17.25-39.7 38.4-39.7s38.4 17.96 38.4 39.7v89.64c23 13.35 38.36 38.36 38.36 67.82zM896 384v-393.61c0-65.26-51.87-118.39-115.2-118.39H243.2c-63.291 0-115.2 53.13-115.2 118.39V384c0 65.22 51.87 118.39 115.2 118.39h537.6c63.33 0 115.2-53.17 115.2-118.39z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="warning" unicode="&#58998;" d="M512 768c-213.589333 0-384-170.410667-384-384s170.410667-384 384-384 384 170.410667 384 384-170.410667 384-384 384z m-36.949333-150.229333c10.069333 10.069333 18.688 16.768 35.029333 16.768 18.261333 1.450667 35.029333-7.168 41.770667-20.138667 7.68-9.130667 11.989333-29.269333 10.069333-41.301333 0-3.328-2.389333-25.898667-3.370667-32.128l-13.44-170.410667c0-16.810667-3.370667-33.578667-10.069333-46.549333-3.370667-10.069333-13.44-16.810667-26.88-16.810667a25.258667 25.258667 0 0 0-23.509333 16.810667c-6.741333 16.810667-10.069333 30.250667-10.069334 46.549333L465.450667 537.6c-3.370667 30.250667-3.370667 20.181333-3.370667 36.949333 0 16.341333 3.370667 29.781333 12.970667 43.221334z m73.898666-470.912a48.128 48.128 0 0 0-33.578666-13.397334c-13.44 0-26.88 3.328-36.992 13.397334a55.338667 55.338667 0 0 0-16.768 39.850666c0 13.44 3.370667 26.88 13.44 36.949334 10.069333 10.112 23.509333 16.810667 36.949333 16.810666 13.44 0 26.88-6.698667 36.949333-16.768 10.069333-10.112 13.44-23.552 13.44-36.992-0.469333-16.298667-3.84-29.738667-13.44-39.850666z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="error" unicode="&#59014;" d="M512 810.666667C276.48 810.666667 85.333333 619.733333 85.333333 384s191.146667-426.666667 426.666667-426.666667 426.666667 190.933333 426.666667 426.666667S747.52 810.666667 512 810.666667z m42.666667-640h-85.333334v85.333333h85.333334v-85.333333z m0 170.666666h-85.333334V597.333333h85.333334v-256z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="success" unicode="&#58987;" d="M512 832q190.016-4.992 316.512-131.488T960 384q-4.992-190.016-131.488-316.512T512-64q-190.016 4.992-316.512 131.488T64 384q4.992 190.016 131.488 316.512T512 832z m-56-536l-99.008 99.008q-12 11.008-27.488 11.008t-27.008-11.488-11.488-26.496 11.008-27.008l127.008-127.008q11.008-11.008 27.008-11.008t27.008 11.008l263.008 263.008q15.008 15.008 9.504 36.512t-27.008 27.008-36.512-9.504z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>