优化移动端楼层装修

pages/tabbar/home/template/tpl_menu.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="layout">
     <div class="menu-list">
-      <div class="menu-item" @click="modelNavigateTo(item)" v-for="(item, index) in res.list" :key="index">
+      <div
+        class="menu-item"
+        @click="modelNavigateTo(item)"
+        v-for="(item, index) in res.list"
+        :key="index"
+      >
         <div>
           <u-image
             width="88rpx"
@@ -9,7 +14,7 @@
             class="menu-img"
             :src="item.img"
           >
-           <u-loading slot="loading"></u-loading>
+            <u-loading slot="loading"></u-loading>
           </u-image>
         </div>
         <div class="menu-title">{{ item.title }}</div>
@@ -18,15 +23,15 @@
   </div>
 </template>
 <script>
-import {modelNavigateTo} from './tpl'
+import { modelNavigateTo } from "./tpl";
 export default {
-  title:"五列菜单",
+  title: "五列菜单",
   props: ["res"],
-  data () {
+  data() {
     return {
       modelNavigateTo,
-    }
-  }
+    };
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -34,6 +39,7 @@ export default {
 .menu-list {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   flex-wrap: wrap;
 
   > .menu-item {