| | |
| | | </el-row> |
| | | |
| | | <div class="center"> |
| | | <el-tabs v-if="typeList.length > 0" v-model="activeId" type="card"> |
| | | <el-tab-pane |
| | | v-for="item in typeList" |
| | | :key="item.typeId" |
| | | :label=" |
| | | item.typeName + ' (' + typeImgMap.get(item.typeId).length + ')' |
| | | " |
| | | :name="item.typeId" |
| | | <el-scrollbar class="scrollbar-flex-content"> |
| | | <el-tabs |
| | | v-if="typeList.length > 0" |
| | | v-model="activeId" |
| | | type="card" |
| | | stretch |
| | | > |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <el-tab-pane |
| | | v-for="item in typeList" |
| | | :key="item.typeId" |
| | | :label=" |
| | | item.typeName + ' (' + typeImgMap.get(item.typeId).length + ')' |
| | | " |
| | | :name="item.typeId" |
| | | > |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </el-scrollbar> |
| | | <el-scrollbar height="70vh"> |
| | | <div |
| | | v-if="typeImgMap.get(activeId) && typeImgMap.get(activeId).length > 0" |
| | |
| | | ); |
| | | </script> |
| | | <style scoped> |
| | | .scrollbar-flex-content { |
| | | display: flex; |
| | | width: 100%; |
| | | } |
| | | .center { |
| | | display: flex; |
| | | flex-direction: column; |