|
@@ -1,23 +1,25 @@
|
|
|
<template>
|
|
|
<LeftPano>
|
|
|
- <div v-for="item in types" :key="item.id" class="types">
|
|
|
- <h2 @click="item.show.value = !item.show.value">
|
|
|
- {{item.title}}
|
|
|
- <ui-icon :type="`pull-${item.show.value ? 'up' : 'down'}`" class="icon" ctrl />
|
|
|
- </h2>
|
|
|
+ <template v-for="item in types">
|
|
|
+ <div :key="item.id" class="types" v-if="item.floders.length">
|
|
|
+ <h2 @click="item.show.value = !item.show.value">
|
|
|
+ {{item.title}}
|
|
|
+ <ui-icon :type="`pull-${item.show.value ? 'up' : 'down'}`" class="icon" ctrl />
|
|
|
+ </h2>
|
|
|
|
|
|
- <div class="floders" v-if="item.show.value">
|
|
|
- <div
|
|
|
- v-for="floder in item.floders"
|
|
|
- :key="floder.filesId"
|
|
|
- class="fun-ctrl"
|
|
|
- @click="preview(floder)"
|
|
|
- >
|
|
|
- <ui-icon :type="typeIcons[floder.metaType]" v-if="floder.metaType" />
|
|
|
- <p>{{ floder.filesTitle }}</p>
|
|
|
+ <div class="floders" v-if="item.show.value">
|
|
|
+ <div
|
|
|
+ v-for="floder in item.floders"
|
|
|
+ :key="floder.filesId"
|
|
|
+ class="fun-ctrl"
|
|
|
+ @click="preview(floder)"
|
|
|
+ >
|
|
|
+ <ui-icon :type="typeIcons[floder.metaType]" v-if="floder.metaType" />
|
|
|
+ <p>{{ floder.filesTitle }}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</LeftPano>
|
|
|
|
|
|
<Preview :items="[currentFile]" v-if="currentFile" @close="currentFile = null" />
|