diff --git a/index.html b/index.html
index 6fcbdeef..e3158b2c 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2024-03-07 09:46:12
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2025-03-20 09:06:18
+ * @LastEditTime: 2025-04-01 16:14:04
 -->
 <!DOCTYPE html>
 <html lang="en">
@@ -21,11 +21,13 @@
     <script>
         var _hmt = _hmt || [];
         (function () {
-            const hm = document.createElement("script")
-    hm.src = "https://hm.baidu.com/hm.js?3c442b1ada04ec23771dfc94ea581c10"
-    const s = document.getElementsByTagName("script")[0]
-    s.parentNode.insertBefore(hm, s)
-})()
+            if (!window.__POWERED_BY_QIANKUN__) {
+                const hm = document.createElement("script")
+                hm.src = "https://hm.baidu.com/hm.js?3c442b1ada04ec23771dfc94ea581c10"
+                const s = document.getElementsByTagName("script")[0]
+                s.parentNode.insertBefore(hm, s)
+            }
+        })()
     </script>
 
     <script src="./lib/jweixin-1.6.0.js"></script>
diff --git a/src/components/forPreview/FPSGraph.vue b/src/components/forPreview/FPSGraph.vue
index 7d07cd52..7ff0dd75 100644
--- a/src/components/forPreview/FPSGraph.vue
+++ b/src/components/forPreview/FPSGraph.vue
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2024-02-27 08:47:58
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2025-03-13 11:56:25
+ * @LastEditTime: 2025-04-01 16:00:37
 -->
 <script lang="ts" setup>
 import { ref } from 'vue'
@@ -59,7 +59,7 @@ useRafFn(({ timestamp }) => {
 <style lang="less" scoped>
 .fpsStats {
 	z-index: 99999;
-	position: fixed;
+	position: absolute;
 	display: flex;
 	align-items: center;
 	background-color: white;
diff --git a/src/global.less b/src/global.less
index 28645805..1998a168 100644
--- a/src/global.less
+++ b/src/global.less
@@ -1,6 +1,10 @@
 body, html {
     margin: 0;
-    background-color: var(--f-black);
     width: 100%;
     height: 100vh;
+}
+#tvt-app{
+    background-color: var(--f-black);
+    // position: relative;
+    // min-height: 100vh;
 }
\ No newline at end of file
diff --git a/src/plugins/qiankunTvt/pages/theBasic.vue b/src/plugins/qiankunTvt/pages/theBasic.vue
new file mode 100644
index 00000000..97090669
--- /dev/null
+++ b/src/plugins/qiankunTvt/pages/theBasic.vue
@@ -0,0 +1,110 @@
+<template>
+    <TresCanvas v-bind="state" :style="{ height }">
+        <TresPerspectiveCamera :position="[15, 15, 15]" :fov="45" :near="0.1" :far="1000" :look-at="[0, 0, 0]" />
+        <OrbitControls v-bind="controlsState" />
+        <TresAmbientLight :intensity="0.5" />
+
+        <TresMesh ref="sphereRef" :position="[0, 4, 0]" cast-shadow @pointer-enter="onPointerEnter" @pointer-leave="onPointerLeave">
+            <TresSphereGeometry :args="[2, 32, 32]" />
+            <TresMeshToonMaterial color="#006060" />
+        </TresMesh>
+
+        <TresMesh ref="sphereRef2" :position="[4, 4, 0]" cast-shadow @pointer-enter="onPointerEnter" @pointer-leave="onPointerLeave">
+            <TresSphereGeometry :args="[2, 32, 32]" />
+            <TresMeshToonMaterial color="#006060" />
+        </TresMesh>
+
+        <TresMesh :rotation="[-Math.PI / 2, 0, 0]" receive-shadow>
+            <TresPlaneGeometry :args="[20, 20, 20, 20]" />
+            <TresMeshToonMaterial />
+        </TresMesh>
+
+        <TresDirectionalLight ref="TDirectionalLight" :position="[10, 8, 4]" :intensity="1" cast-shadow />
+        <TresDirectionalLight :position="[10, 2, 4]" :intensity="1" cast-shadow />
+
+        <TresGridHelper />
+    </TresCanvas>
+</template>
+
+<script setup lang="ts">
+import { SRGBColorSpace, BasicShadowMap, NoToneMapping } from 'three'
+import { reactive, ref, onMounted, shallowRef, watchEffect } from 'vue'
+import { TresCanvas, useRenderLoop } from '@tresjs/core'
+import { OrbitControls } from '@tresjs/cientos'
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
+
+const state = reactive({
+    clearColor: '#201919',
+    shadows: true,
+    alpha: false,
+    shadowMapType: BasicShadowMap,
+    outputColorSpace: SRGBColorSpace,
+    toneMapping: NoToneMapping,
+    windowSize: !qiankunWindow.__POWERED_BY_QIANKUN__,
+})
+const controlsState = reactive({
+    enableDamping: true,
+    dampingFactor: 0.05,
+    enableZoom: true,
+    autoRotate: false,
+    autoRotateSpeed: 2,
+    maxPolarAngle: Math.PI,
+    minPolarAngle: 0,
+    maxAzimuthAngle: Math.PI,
+    minAzimuthAngle: -Math.PI,
+    enablePan: true,
+    keyPanSpeed: 7,
+    maxDistance: 100,
+    minDistance: 0,
+    minZoom: 0,
+    maxZoom: 100,
+    zoomSpeed: 1,
+    enableRotate: true,
+    rotateSpeed: 1,
+})
+
+const sphereRef = ref()
+const sphereRef2 = ref()
+const TDirectionalLight = shallowRef()
+
+// const { onLoop, pause, resume } = useRenderLoop()
+const { onLoop } = useRenderLoop()
+
+onLoop(({ elapsed }) => {
+    if (!sphereRef.value) return
+    sphereRef.value.position.y += Math.sin(elapsed) * 0.01
+    sphereRef2.value.position.y += Math.sin(elapsed) * 0.01
+})
+
+function onPointerEnter(ev: any) {
+    if (ev) {
+        ev.object.material.color.set('#DFFF45')
+        // pause()
+    }
+}
+function onPointerLeave(ev: any) {
+    if (ev) {
+        ev.eventObject.material.color.set('#006060')
+    }
+}
+
+watchEffect(() => {
+    if (TDirectionalLight.value) {
+        TDirectionalLight.value.shadow.mapSize.set(1000, 1000)
+        TDirectionalLight.value.shadow.camera.near = 0.5 // default
+        TDirectionalLight.value.shadow.camera.far = 50000 // default
+        TDirectionalLight.value.shadow.camera.top = 20
+        TDirectionalLight.value.shadow.camera.right = 20
+        TDirectionalLight.value.shadow.camera.left = -20
+        TDirectionalLight.value.shadow.camera.bottom = -20
+    }
+})
+
+const height = ref('auto')
+onMounted(() => {
+    const parentElement = document.querySelector('.app-main')
+    if (parentElement) {
+        height.value = `${parentElement.clientHeight}px`
+    }
+})
+</script>
