多数据视图快速分组组件样式调整 --fix6

src/components/app-quick-group-tab/app-quick-group-tab.less

@@ -44,7 +44,8 @@
 	left: 0;
 	right: 0;
 	width: 90%;
-	max-height: 400px;
+	max-height: 0;
+	transition: max-height 0.75s;
 	margin: auto;
 	background-color: white;
 	display: flex;
@@ -80,6 +81,9 @@
 		background-color: #b6b6b63d;
 	}
 }
+.open {
+	max-height: 300px;
+}
 .app-quick-group > .quick-group-tab:first-child {
 	border-top-left-radius: 5px;
 	border-bottom-left-radius: 5px;

src/components/app-quick-group-tab/app-quick-group-tab.vue

@@ -14,7 +14,7 @@
       <ion-badge class="badge" v-if="isSelectedItem(item) && pageTotal !== 0 && !item.children">{{pageTotal}}</ion-badge>
     </div>
   </div>
-  <div ref="child-list" v-if="subItems.length > 0" class="child-list">
+  <div ref="child-list" :class="{'child-list':true,'open':subItems.length > 0}">
     <div :class="{'child':true,'selected':item.selected}" v-for="(item,index) in subItems" :key="index" @click="handleClick(item)">
       <span>
         <ion-icon v-if=" item.iconcls && !Object.is(item.iconcls, '')" :name="item.iconcls"></ion-icon>
@@ -22,7 +22,7 @@
         <span>{{item.label}}</span>
       </span>
       <ion-badge class="badge" v-if="pageTotal !== 0 && item.selected">{{pageTotal}}</ion-badge>
-      <ion-icon v-if="item.selected" style="margin-left:auto" name="checkbox-outline"></ion-icon>
+      <ion-icon size="small" v-if="item.selected" style="margin-left:auto;color" name="checkmark-outline"></ion-icon>
     </div>
   </div>
   <ion-backdrop style="height:100vh;z-index:99" v-show="subItems.length > 0" visible="true" tappable="true" @ionBackdropTap="closeBackdrop"></ion-backdrop>