+import {NLayout,NLayoutContent,NAlert,NButton,NSpace,NCard,NModal, NTimeline, NTimelineItem,NIcon,useMessage} from 'naive-ui';
+import HbAdminPageLayout from "@/components/HbAdminPageLayout.vue"
+import HbAdminIconSelect from "@/components/HbAdminIconSelect.vue"
+import {ref} from "vue";
+const message = useMessage()
+const showModal = ref(false)
+
+const selectedIcon = ref('')
+function getSelectedIcon(icon) {
+ selectedIcon.value = icon
+}
+function handleSelectIcon() {
+ message.success('选中的图标: ' + selectedIcon.value)
+ showModal.value = false
+}
+
+
+
+
+
+
+
+
+ Remixicon选择组件
+
+
+
+ 在弹出面板中使用
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showModal=false}">
+
+
+
+
+
+
+
+ {showModal=false}">取消
+ 确定
+
+
+
+
+
+
+