修改组件名称

src/components/Icon.vue

@@ -1,10 +1,10 @@
 <template>
-    <i class="fn-icon bg-center-contain" :style="iconStyle"></i>
+    <i class="icon-element bg-center-contain" :style="iconStyle"></i>
 </template>
 
 <script>
 export default {
-    name: 'Icon',
+    name: 'IconElement',
     props: {
         // 来源（inner、outer）
         from: {
@@ -59,7 +59,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.fn-icon {
+.icon-element {
     display: inline-block;
     vertical-align: middle;
     font-style: normal;

src/views/About.vue

@@ -42,7 +42,7 @@
 
 <script>
 export default {
-    name: 'About',
+    name: 'AboutView',
     beforeRouteEnter(to, from, next) {
         next(vm => {
             vm.utils.changeTitle('关于');

src/views/Home.vue

@@ -226,7 +226,7 @@
 import Icon from '@/components/Icon.vue';
 
 export default {
-    name: 'Home',
+    name: 'HomeView',
     components: {
         Icon
     },

src/views/Settings.vue

@@ -48,7 +48,7 @@
 
 <script>
 export default {
-    name: 'Settings',
+    name: 'SettingsView',
     beforeRouteEnter(to, from, next) {
         next(vm => {
             vm.utils.changeTitle('设置');

src/views/Tools.vue

@@ -60,7 +60,7 @@
 import navTools from '@/assets/js/navTools.js';
 
 export default {
-  name: 'Tools',
+  name: 'ToolsView',
   data() {
     return {
       utils: this.$root.utils,