| 提交 | 用户 | 时间 | ||
| 820397 | 1 | <template> |
| H | 2 | <div class="min-h-42px flex flex-col"> |
| 3 | <div | |
| 4 | v-for="(item, index) in property.list" | |
| 5 | :key="index" | |
| 6 | class="item h-42px flex flex-row items-center justify-between gap-4px p-x-12px" | |
| 7 | > | |
| 8 | <div class="flex flex-1 flex-row items-center gap-8px"> | |
| 9 | <el-image v-if="item.iconUrl" class="h-16px w-16px" :src="item.iconUrl" /> | |
| 10 | <span class="text-16px" :style="{ color: item.titleColor }">{{ item.title }}</span> | |
| 11 | </div> | |
| 12 | <div class="item-center flex flex-row justify-center gap-4px"> | |
| 13 | <span class="text-12px" :style="{ color: item.subtitleColor }">{{ item.subtitle }}</span> | |
| 14 | <Icon icon="ep-arrow-right" color="#000" :size="16" /> | |
| 15 | </div> | |
| 16 | </div> | |
| 17 | </div> | |
| 18 | </template> | |
| 19 | ||
| 20 | <script setup lang="ts"> | |
| 21 | import { MenuListProperty } from './config' | |
| 22 | /** 列表导航 */ | |
| 23 | defineOptions({ name: 'MenuList' }) | |
| 24 | defineProps<{ property: MenuListProperty }>() | |
| 25 | </script> | |
| 26 | ||
| 27 | <style scoped lang="scss"> | |
| 28 | .item + .item { | |
| 29 | border-top: 1px solid #eee; | |
| 30 | } | |
| 31 | </style> | |
