icon-select.vue 699 B

12345678910111213141516171819202122232425262728
  1. <script setup lang="ts">
  2. import { ref } from "vue";
  3. import { IconSelect } from "@/components/ReIcon";
  4. defineOptions({
  5. name: "IconSelect"
  6. });
  7. const icon = ref("ep:add-location");
  8. </script>
  9. <template>
  10. <el-card shadow="never">
  11. <template #header>
  12. <div class="card-header">
  13. <span class="font-medium">图标选择器</span>
  14. </div>
  15. <el-link
  16. class="mt-2"
  17. href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/icon-select.vue"
  18. target="_blank"
  19. >
  20. 代码位置 src/views/components/icon-select.vue
  21. </el-link>
  22. </template>
  23. <IconSelect v-model="icon" class="w-[200px]" />
  24. </el-card>
  25. </template>