index.vue 549 B

12345678910111213141516171819202122232425
  1. <template>
  2. <n-button v-if="collapsed" ghost type="primary" size="small">
  3. <template #icon>
  4. <n-icon>
  5. <DuplicateIcon />
  6. </n-icon>
  7. </template>
  8. </n-button>
  9. <n-button v-else ghost type="primary" size="large">
  10. <template #icon>
  11. <n-icon>
  12. <DuplicateIcon />
  13. </n-icon>
  14. </template>
  15. <span>
  16. 新建项目
  17. </span>
  18. </n-button>
  19. </template>
  20. <script setup lang="ts">
  21. import { Duplicate as DuplicateIcon } from '@vicons/ionicons5'
  22. const props = defineProps({
  23. collapsed: Boolean
  24. })
  25. </script>