侧滑菜单细节调整

src/components/app-mob-menu-sideslip-view/app-mob-menu-sideslip-view.less

@@ -45,9 +45,10 @@
       color:#727272;
       font-size: 18px;
     }
-    padding: 15px 15px 0 15px;
+    padding: 15px;
     border-bottom:1px solid #E8E8E8;
     .list{
+      padding: 10px 10px 10px 0;
       ion-icon{
         font-size: 25px;
         margin-right: 35px;
@@ -55,7 +56,7 @@
       display: flex;
       align-items: center;
       font-size: 16px;
-      margin: 25px 0;
+      margin: 10px 0;
       color: #333;
       &:active{
         background-color: #DBDBDB;

src/components/app-mob-menu-sideslip-view/app-mob-menu-sideslip-view.vue

@@ -13,14 +13,18 @@
               </div>
               <div class="top">
                 <div class="title">Menu</div>
-                <div class="list" v-for="item in items" :key="item.index" @click="active(item)">
-                  <ion-icon :name=" item.iconcls ? item.iconcls : 'home' "></ion-icon>
-                  <div class="text">
-                    <ion-label v-if="item.appfunctag != 'settings'">{{$t(`app.menus.${menuName}.${item.name}`)}}</ion-label>
-                    <ion-label v-else>{{item.text}}</ion-label>
-                    <ion-badge color="danger" v-if="counterServide && counterServide.counterData && counterServide.counterData[item.counterid]"><ion-label>{{counterServide.counterData[item.counterid]}}</ion-label></ion-badge>
-                  </div>
-                </div>
+                <template v-for="item in items"  >
+                  <template v-if="!item.hidden">
+                    <div class="list" :key="item.index" @click="active(item)">
+                      <ion-icon :name=" item.iconcls ? item.iconcls : 'home' "></ion-icon>
+                      <div class="text">
+                        <ion-label v-if="item.appfunctag != 'settings'">{{$t(`app.menus.${menuName}.${item.name}`)}}</ion-label>
+                        <ion-label v-else>{{item.text}}</ion-label>
+                        <ion-badge color="danger" v-if="counterServide && counterServide.counterData && counterServide.counterData[item.counterid]"><ion-label>{{counterServide.counterData[item.counterid]}}</ion-label></ion-badge>
+                      </div>
+                    </div>
+                  </template>
+                </template>
               </div>
             </div>    
         </van-popup>
@@ -220,6 +224,7 @@ export default class AppMobMenuSideslipView extends Vue {
         const index :number = this.items.findIndex((item: any) => Object.is(item.id, val.id));
         this.activeId = this.items[index].id; 
         sessionStorage.setItem("currId",this.items[index].id)
+        this.showPopup = false;
     }
 
     /**