|
@@ -2,29 +2,29 @@
|
|
import { onMounted } from 'vue'
|
|
import { onMounted } from 'vue'
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
- const __win = window as any
|
|
|
|
- const __sdk = (__win.__sdk = new __win.KanKan({
|
|
|
|
- num: 'KK-ljOlkLRg',
|
|
|
|
- // server: 'https://test.4dkankan.com',
|
|
|
|
- server: '/demoServer',
|
|
|
|
- }))
|
|
|
|
- __sdk.mount('#scene').render()
|
|
|
|
|
|
+ const __win = window as any
|
|
|
|
+ const __sdk = (__win.__sdk = new __win.KanKan({
|
|
|
|
+ num: 'KK-ljOlkLRg',
|
|
|
|
+ // server: 'https://test.4dkankan.com',
|
|
|
|
+ server: '/demoServer',
|
|
|
|
+ }))
|
|
|
|
+ __sdk.mount('#scene').render()
|
|
})
|
|
})
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
- <div id="scene"></div>
|
|
|
|
|
|
+ <div id="scene"></div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
#scene {
|
|
#scene {
|
|
- width: 100vw;
|
|
|
|
- height: 100vh;
|
|
|
|
|
|
+ width: 100vw;
|
|
|
|
+ height: 100vh;
|
|
}
|
|
}
|
|
#scene-front {
|
|
#scene-front {
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 0;
|
|
|
|
- z-index: 2;
|
|
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ z-index: 2;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|