4dkankan-components/playground/src/App.vue

<script setup lang="ts">
import { onMounted, inject } from 'vue'
import { UIAudio, UIButton, UIIcon, UIInput } from '@kankan-components/components'
import Tags from './components/tag/Tags.vue'
// import { buildProps } from '@kankan-components/utils';
// import { h } from 'vue';
// import * as KanKanSDK from '@kankan/sdk';
// console.log('UI', UIAudio, UIIcon)

onMounted(async () => {
    const __sdk: any = inject('__sdk')
    __sdk.mount('#scene').render()
})
</script>

<template>
    <div id="scene">
        <Tags />
    </div>
    <div id="scene-front">
        <UIAudio src="http://samplelib.com/lib/preview/mp3/sample-3s.mp3" />
        <UIButton>djdjddd</UIButton>
        <UIIcon type="checkbox" :size="129" />
        <UIInput type="radio" />
    </div>
</template>

<style scoped>
#scene {
    width: 100vw;
    height: 100vh;
}
#scene-front {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
</style>