|
@@ -15,16 +15,17 @@
|
|
|
<h2>{{ group.name }}</h2>
|
|
<h2>{{ group.name }}</h2>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
- <div class="type-children" v-for="typeChildren in group.children">
|
|
|
|
|
- <h3 v-if="typeChildren.name">{{ typeChildren.name }}</h3>
|
|
|
|
|
- <div class="icon-items">
|
|
|
|
|
- <div
|
|
|
|
|
- v-for="item in typeChildren.children"
|
|
|
|
|
- @click="drawIcon(item)"
|
|
|
|
|
- :class="{ active: activeName === item.name }"
|
|
|
|
|
- >
|
|
|
|
|
- <Icon :name="item.icon" size="32px" :percentage="2.5" :color="item.color" />
|
|
|
|
|
- <span>{{ item.name }}</span>
|
|
|
|
|
|
|
+ <div class="type-children" v-for="typeChildren in group.children">
|
|
|
|
|
+ <h3 v-if="typeChildren.name">{{ typeChildren.name }}</h3>
|
|
|
|
|
+ <div class="icon-items">
|
|
|
|
|
+ <div
|
|
|
|
|
+ v-for="item in typeChildren.children"
|
|
|
|
|
+ @click="drawIcon(item)"
|
|
|
|
|
+ :class="{ active: activeName === item.name }"
|
|
|
|
|
+ >
|
|
|
|
|
+ <Icon :name="item.icon" size="32px" :percentage="2.5" :color="item.color" />
|
|
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</ElCollapseItem>
|
|
</ElCollapseItem>
|
