1、patch-package了 3.7版本的 @tresjs/core ，资源加载的bug，已经提交了PR 待tres.js的新版本的融合

2、优化了 loading组件，待样式的优化 组件

README.md

@@ -120,7 +120,7 @@
 
 # 📖 文档
 
-## 使用说明：[🌏docs.icegl.cn](http://docs.icegl.cn/)
+## 使用说明：[🌏docs.icegl.cn](https://docs.icegl.cn/)
 
 # ❓ 问题反馈
 

src/global.less

@@ -1,4 +1,6 @@
 body, html {
     margin: 0;
-    background-color: --f-body-bg-color;
+    background-color: var(--f-black);
+    width: 100%;
+    height: 100vh;
 }

src/plugins/UIdemo/pages/scrollPartical.vue

@@ -4,9 +4,10 @@
  * @Autor: 地虎降天龙
  * @Date: 2024-03-08 15:06:29
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-03-12 09:45:43
+ * @LastEditTime: 2024-03-12 19:04:54
 -->
 <script setup lang="ts">
+import loading from 'PLS/UIdemo/components/loading.vue'
 import { ref, watchEffect, reactive } from 'vue'
 import { TresCanvas } from '@tresjs/core'
 import { ScrollControls } from '@tresjs/cientos'
@@ -49,6 +50,7 @@ paneControl.addBinding(paneState, 'color', {
 </script>
 
 <template>
+  <loading />
   <TresCanvas v-bind="gl">
     <TresPerspectiveCamera :position="[0, 0, -4]" :fov="45" :near="0.1" :far="1000" :look-at="[0, 0, 0]" />
 

src/plugins/digitalCity/pages/fireA.vue

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-11-28 10:04:13
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-28 16:48:12
+ * @LastEditTime: 2024-03-12 19:03:17
 -->
 <template>
 	<loading></loading>
@@ -19,10 +19,10 @@
 
 <script setup lang="ts">
 import { Pane } from 'tweakpane';
-import { ref, reactive, watchEffect } from 'vue';
-import loading from '../components/loading.vue'
+import { ref, reactive, watchEffect } from 'vue'
+import loading from 'PLS/UIdemo/components/loading.vue'
 import pagesShow from '../components/pagesShow.vue'
-import fireA from '../components/fire/fireA.vue';
+import fireA from '../components/fire/fireA.vue'
 
 const paneControl = new Pane({
 	title: '火-参数',

src/plugins/digitalCity/pages/heatmap.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Description: 
+ * @Version: 1.668
+ * @Autor: 地虎降天龙
+ * @Date: 2023-11-29 16:29:32
+ * @LastEditors: 地虎降天龙
+ * @LastEditTime: 2024-03-12 19:03:12
+-->
 <template>
 	<loading></loading>
 	<pagesShow>
@@ -11,7 +19,7 @@
 import { reactive } from 'vue';
 import { Pane } from 'tweakpane';
 import heatmapJS from 'PLS/heatMap/components/heatmapJS.vue'
-import loading from '../components/loading.vue'
+import loading from 'PLS/UIdemo/components/loading.vue'
 import pagesShow from '../components/pagesShow.vue'
 
 const typeState = reactive({

src/plugins/digitalCity/pages/radars.vue

@@ -4,14 +4,14 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-17 08:30:49
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-12-20 11:10:22
+ * @LastEditTime: 2024-03-12 19:03:08
 -->
 <template>
 	<loading></loading>
 	<pagesShow>
 		<template v-slot:ability>
-			<radraA v-if="typeAradarState.show" ref="radraARef" :color="typeAradarState.color" :radius="typeAradarState.radius"
-				:size="300" :position="[10, 60, 0]" />
+			<radraA v-if="typeAradarState.show" ref="radraARef" :color="typeAradarState.color"
+				:radius="typeAradarState.radius" :size="300" :position="[10, 60, 0]" />
 			<radraB v-if="typeBradarState.show" :position="[600, 30, 0]" :color="typeBradarState.color" :height="80"
 				:maxRadius="typeBradarState.maxRadius" />
 		</template>
@@ -21,7 +21,7 @@
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
 import { Pane } from 'tweakpane';
-import loading from '../components/loading.vue'
+import loading from 'PLS/UIdemo/components/loading.vue'
 import pagesShow from '../components/pagesShow.vue'
 import radraA from '../components/radras/radraA.vue'
 import radraB from '../components/radras/radraB.vue'

src/plugins/digitalCity/pages/weather.vue

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-17 08:30:49
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-01 12:59:58
+ * @LastEditTime: 2024-03-12 19:03:01
 -->
 <template>
 	<loading></loading>
@@ -20,8 +20,8 @@
 <script setup lang="ts">
 import { ref, watchEffect, reactive, toRefs } from 'vue';
 import { Pane } from 'tweakpane';
+import loading from 'PLS/UIdemo/components/loading.vue'
 import pagesShow from '../components/pagesShow.vue'
-import loading from '../components/loading.vue'
 import precipitation from '../components/weather/precipitation.vue';
 // import smokes from '../components/weather/smokes.vue';
 

src/plugins/earthSample/components/earthA/earthmap.vue

@@ -4,22 +4,16 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-11-01 09:57:06
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-01-05 16:18:39
+ * @LastEditTime: 2024-03-12 15:44:53
 -->
 <script setup lang="ts">
-import { onMounted } from 'vue'
-import { useRenderLoop, useTexture } from '@tresjs/core'
+import { useTexture } from '@tresjs/core'
 import { AdditiveBlending } from 'three';
 
 const pTexture = await useTexture(
 	['./plugins/earthSample/image/earthA/map.jpg', './plugins/earthSample/image/earthA/earth.jpg', './plugins/earthSample/image/earthA/glow.png', './plugins/earthSample/image/earthA/innerGlow.png']
 )
-const { onLoop } = useRenderLoop()
-onLoop(({ delta }) => {
-})
 
-onMounted(() => {
-})
 </script>
 
 <template>
@@ -29,7 +23,8 @@ onMounted(() => {
 	</TresMesh>
 	<TresMesh>
 		<TresSphereGeometry :args="[53, 32, 32]" />
-		<TresMeshBasicMaterial :map="pTexture[1]" :alphaMap="pTexture[1]" :blending="AdditiveBlending" :transparent="true" />
+		<TresMeshBasicMaterial :map="pTexture[1]" :alphaMap="pTexture[1]" :blending="AdditiveBlending"
+			:transparent="true" />
 	</TresMesh>
 	<TresSprite :scale="[155, 155, 0]">
 		<TresSpriteMaterial color="#4d76cf" :map="pTexture[2]" :blending="AdditiveBlending" :depthWrite="false"

src/plugins/earthSample/components/earthA/lightlinepoint.vue

@@ -8,7 +8,7 @@
 -->
 <script setup lang="ts">
 import { onMounted, getCurrentInstance } from 'vue'
-import { useRenderLoop, useTexture } from '@tresjs/core'
+import { useTexture } from '@tresjs/core'
 import { AdditiveBlending, DoubleSide, Vector3 } from 'three';
 import { gsap } from "gsap";
 
@@ -16,9 +16,6 @@ const pTexture = await useTexture(
 	['./plugins/earthSample/image/earthA/light_column.png', './plugins/earthSample/image/earthA/label.png']
 )
 
-const { onLoop } = useRenderLoop()
-onLoop(({ delta }) => {
-})
 const GZNUM = 30
 const gspList = []
 let proxy = null

src/plugins/earthSample/pages/LowpolyPlanet.vue

@@ -4,7 +4,7 @@
  * @Autor: Hawk
  * @Date: 2023-10-13 09:04:49
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-03 12:25:01
+ * @LastEditTime: 2024-03-12 19:07:50
 -->
 <script setup lang="ts">
 import { TresCanvas, useRenderLoop } from '@tresjs/core'

src/plugins/earthSample/pages/earthA.vue

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-11-01 09:49:13
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-29 09:56:08
+ * @LastEditTime: 2024-03-12 19:02:55
 -->
 <script setup lang="ts">
 import { ref } from 'vue';
@@ -12,7 +12,7 @@ import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { OrbitControls } from '@tresjs/cientos'
 import { PCFSoftShadowMap, SRGBColorSpace } from 'three'
 
-// import loading from 'PLS/digitalCity/components/loading.vue'
+import loading from 'PLS/UIdemo/components/loading.vue'
 
 import starts from '../components/earthA/starts.vue'
 import earthmap from '../components/earthA/earthmap.vue'
@@ -34,7 +34,7 @@ useRenderLoop().onLoop(({ delta }) => {
 </script>
 
 <template>
-	<!-- <loading /> -->
+	<loading />
 	<TresCanvas v-bind="gl" window-size>
 		<TresPerspectiveCamera :position="[0, 50, 300]" :fov="45" :near="0.1" :far="100000" />
 		<OrbitControls :autoRotate="true" :autoRotateSpeed="2" />

src/plugins/earthSample/pages/lowpolyPlanet.vue

@@ -4,7 +4,7 @@
  * @Autor: Hawk
  * @Date: 2023-10-13 09:04:49
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-03 12:25:01
+ * @LastEditTime: 2024-03-12 19:07:50
 -->
 <script setup lang="ts">
 import { TresCanvas, useRenderLoop } from '@tresjs/core'