命名规范

src/views/gis/layout/tools/example.vue

@@ -30,27 +30,27 @@ import {
 import {useStore} from 'vuex'
 import {useRouter, useRoute} from 'vue-router'
 import {ElMessage, ElMessageBox} from "element-plus";
-import iconHAJC from '@/assets/images/gis-layout/gis-layout-tools_hajc.png'
-import iconJSJ from '@/assets/images/gis-layout/gis-layout-tools_jsj.png'
-import iconWGY from '@/assets/images/gis-layout/gis-layout-tools_wgy.png'
-import iconWXCL from '@/assets/images/gis-layout/gis-layout-tools_wxcl.png'
-import iconGALSB from '@/assets/images/gis-layout/gis-layout-tools_galsb.png'
-import iconSHLSB from '@/assets/images/gis-layout/gis-layout-tools_shlsb.png'
-import iconMYLSB from '@/assets/images/gis-layout/gis-layout-tools_mylsb.png'
-import iconLGSZYJKSCSB from '@/assets/images/gis-layout/gis-layout-tools_lgszyjcscsb.png'
-import iconJGZZMGS from '@/assets/images/gis-layout/gis-layout-tools_jgzzmgs.png'
-import iconLGSJKYFL from '@/assets/images/gis-layout/gis-layout-tools_lgsjkyfl.png'
-import iconJQ from '@/assets/images/gis-layout/gis-layout-tools_jq.png'
-import iconLG from '@/assets/images/gis-layout/gis-layout-tools_lg.png'
-import iconCZW from '@/assets/images/gis-layout/gis-layout-tools_czw.png'
-import iconHCZ from '@/assets/images/gis-layout/gis-layout-tools_hcz.png'
-import iconFZS from '@/assets/images/gis-layout/gis-layout-tools_fzs.png'
-import iconAXCBYPYJ from '@/assets/images/gis-layout/gis-layout-tools_axcbypyj.png'
-import iconGGCSFXYF from '@/assets/images/gis-layout/gis-layout-tools_ggcsfxyf.png'
-import iconXFJY from '@/assets/images/gis-layout/gis-layout-tools_xfjy.png'
-import iconQYFXFK from '@/assets/images/gis-layout/gis-layout-tools_qyfxfk.png'
-import iconSHZLFXFK from '@/assets/images/gis-layout/gis-layout-tools_shzlfxfk.png'
-import iconAJ from '@/assets/images/gis-layout/gis-layout-tools_aj.png'
+import iconHAJC from '@/assets/images/gis-layout/gis-layout-tools_example-hajc.png'
+import iconJSJ from '@/assets/images/gis-layout/gis-layout-tools_example-jsj.png'
+import iconWGY from '@/assets/images/gis-layout/gis-layout-tools_example-wgy.png'
+import iconWXCL from '@/assets/images/gis-layout/gis-layout-tools_example-wxcl.png'
+import iconGALSB from '@/assets/images/gis-layout/gis-layout-tools_example-galsb.png'
+import iconSHLSB from '@/assets/images/gis-layout/gis-layout-tools_example-shlsb.png'
+import iconMYLSB from '@/assets/images/gis-layout/gis-layout-tools_example-mylsb.png'
+import iconLGSZYJKSCSB from '@/assets/images/gis-layout/gis-layout-tools_example-lgszyjcscsb.png'
+import iconJGZZMGS from '@/assets/images/gis-layout/gis-layout-tools_example-jgzzmgs.png'
+import iconLGSJKYFL from '@/assets/images/gis-layout/gis-layout-tools_example-lgsjkyfl.png'
+import iconJQ from '@/assets/images/gis-layout/gis-layout-tools_example-jq.png'
+import iconLG from '@/assets/images/gis-layout/gis-layout-tools_example-lg.png'
+import iconCZW from '@/assets/images/gis-layout/gis-layout-tools_example-czw.png'
+import iconHCZ from '@/assets/images/gis-layout/gis-layout-tools_example-hcz.png'
+import iconFZS from '@/assets/images/gis-layout/gis-layout-tools_example-fzs.png'
+import iconAXCBYPYJ from '@/assets/images/gis-layout/gis-layout-tools_example-axcbypyj.png'
+import iconGGCSFXYF from '@/assets/images/gis-layout/gis-layout-tools_example-ggcsfxyf.png'
+import iconXFJY from '@/assets/images/gis-layout/gis-layout-tools_example-xfjy.png'
+import iconQYFXFK from '@/assets/images/gis-layout/gis-layout-tools_example-qyfxfk.png'
+import iconSHZLFXFK from '@/assets/images/gis-layout/gis-layout-tools_example-shzlfxfk.png'
+import iconAJ from '@/assets/images/gis-layout/gis-layout-tools_example-aj.png'
 
 export default defineComponent({
   name: '',
@@ -173,7 +173,7 @@ export default defineComponent({
     gap: 10px;
     .son-item {
       height: 119px;
-      background-image: url("@/assets/images/gis-layout/gis-layout-tools_bg.png");
+      background-image: url("@/assets/images/gis-layout/gis-layout-tools_example-bg.png");
       background-size: 100% 100%;
       background-repeat: no-repeat;
       display: flex;

src/views/gis/layout/tools/tool.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="tool-com">
-    工具
+    <div class="item">
+
+    </div>
   </div>
 </template>