重点位

src/pages/modules/home.vue

@@ -1,6 +1,6 @@
 <template>
   <el-row type="flex" class="navs_wraper" justify="center" align="middle">
-    <el-col :span="7" class="nav_item" v-for="(e, i) in visibleNav" :key="i" :class="'nav_item_' + (i + 1)">
+    <el-col :span="visibleNav.length === 4 ? 5 : 7" class="nav_item" v-for="(e, i) in visibleNav" :key="i" :class="'nav_item_' + (i + 1)">
       <div class="nav_item_i" @click="toPage(e)">
         <div class="nav_icon"></div>
         <p>{{ e[$langPre.computedProp('title')] }}</p>
@@ -24,7 +24,8 @@ export default {
       return [
         { title: '操作', zh_title: '操作', en_title: 'Operation', router: '/index/device', isVisible: true },
         { title: '建图', zh_title: '建图', en_title: 'Map building', router: '/index/building', isVisible: this.userRole === 1 },
-        { title: '地图', zh_title: '地图', en_title: 'Map', router: '/index/map', isVisible: true }
+        { title: '地图', zh_title: '地图', en_title: 'Map', router: '/index/map', isVisible: true },
+        { title: '重定位', zh_title: '重定位', en_title: 'Relocation', router: '/index/relocation', isVisible: true }
       ]
     },
     visibleNav () {
@@ -58,7 +59,7 @@ export default {
 @import '../../style/mixin'
 .navs_wraper
   width 100%
-  padding 0 12%
+  padding 0 2%
   flex-wrap wrap
   align-content center
 .nav_item