fix: 🧩 修改遗漏问题

public/static/qm/MainMap_QM.js

@@ -2702,7 +2702,6 @@ MainMap_QM.prototype = {
 	 */
 	startRender: function () {
 		Map_QM.cancelRender();
-		renderFrame = requestAnimationFrame(Map_QM.startRender);
 		let T = Map_QM.util._clock.getDelta();
 		Map_QM.util.timeObj.timeS = Map_QM.util.timeObj.timeS + T;
 		// requestAnimationFrame默认调用render函数60次，通过时间判断，降低renderer.render执行频率
@@ -2726,10 +2725,6 @@ MainMap_QM.prototype = {
 			Map_QM.controls.update();
 			Map_QM.renderer.render(Map_QM.scene, Map_QM.camera);
 			Map_QM.labelRenderer.render(Map_QM.scene, Map_QM.camera);
-			if(Map_QM.mapArr[Map_QM.util.selectBuild] && Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]){
-				Map_QM.labelRenderer.renderObject( Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj, Map_QM.camera );
-				Map_QM.labelRenderer.renderObject( Map_QM.CSSObject, Map_QM.camera );
-			}
 			for (let item of Map_QM.mixers) {
 				item.update(T);
 			}
@@ -2739,6 +2734,7 @@ MainMap_QM.prototype = {
 			//timeS置0
 			Map_QM.util.timeObj.timeS = 0;
 		}
+		renderFrame = requestAnimationFrame(Map_QM.startRender);
 	},
 	/**
 	 * @api {方法} cancelRender()   取消地图渲染
@@ -3002,7 +2998,7 @@ MainMap_QM.prototype = {
 				if (Map_QM.endModel && Map_QM.endModel.visible) {
 					Map_QM.endModel.visible = false;
 				}
-
+				
 				clickShop = true;
 				Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.clearPath();
 				Map_QM.setSelectShopMat(intersects[i].object);
@@ -3088,8 +3084,6 @@ MainMap_QM.prototype = {
 		Map_QM.controls.update();
 		Map_QM.renderer.render(Map_QM.scene, Map_QM.camera);
 		Map_QM.labelRenderer.render(Map_QM.scene, Map_QM.camera);
-		Map_QM.labelRenderer.renderObject( Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj, Map_QM.camera );
-		Map_QM.labelRenderer.zOrder( Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj );
 		if (Map_QM.callBackLoadOver) {
 			let floorData = [];
 			for (let i = 0; i < Map_QM.util.allMap.length; i++) {
@@ -4257,7 +4251,6 @@ MainMap_QM.prototype = {
 					span2.innerText = floorArr[i]
 					floorBox.appendChild(span2)
 				}
-				Map_QM.labelRenderer.renderObject( Map_QM.scene, Map_QM.camera );
 				TweenMax.fromTo('#moveFloor', 1.5, { bottom: zo },
 					{
 						bottom: tz,
@@ -4879,10 +4872,10 @@ FloorMap_QM.prototype = {
 								}
 								if (shopData[h].formatColor) {
 									entColor = parseInt(shopData[h].formatColor.replace("#", "0x"), 16);
-								}
+								} 
 								if (shopData[h].borderColor) {
 									borderColor = parseInt(shopData[h].borderColor.replace("#", "0x"), 16);
-								}
+								} 
 								break;
 							}
 						}
@@ -5615,7 +5608,7 @@ MyModel_QM.prototype.MyPlaneShape = function (areaArr, howllowArr, opObj, entity
 			color: entityColor,
 			transparent: true,
 			opacity: alphaModle,
-
+			
 			depthTest: true
 		});
 		Map_QM.util.meshMaterialArr.push(meshMaterial);
@@ -6038,4 +6031,3 @@ FindPath_QM.prototype.playMoveGuide = function () {
 	}
 }
 
-

public/static/qm/three.js

@@ -31629,7 +31629,7 @@ THREE.CSS2DRenderer = function () {
 		domElement.style.width = width + 'px';
 		domElement.style.height = height + 'px';
 	};
-	this.renderObject = function ( object, camera ) {
+	var renderObject = function ( object, camera ) {
 		if ( object instanceof THREE.CSS2DObject) {
 			vector.setFromMatrixPosition( object.matrixWorld );
 			vector.applyMatrix4( viewProjectionMatrix );
@@ -31649,7 +31649,7 @@ THREE.CSS2DRenderer = function () {
 			}
 		}
 		for ( var i = 0, l = object.children.length; i < l; i ++ ) {
-			this.renderObject( object.children[ i ], camera );
+			renderObject( object.children[ i ], camera );
 		}
 	};
 	var getDistanceToSquared = function () {
@@ -31668,7 +31668,7 @@ THREE.CSS2DRenderer = function () {
 		} );
 		return result;
 	};
-	this.zOrder = function ( scene ) {
+	var zOrder = function ( scene ) {
 		var sorted = filterAndFlatten( scene ).sort( function ( a, b ) {
 			var distanceA = cache.objects.get( a ).distanceToCameraSquared;
 			var distanceB = cache.objects.get( b ).distanceToCameraSquared;
@@ -31684,6 +31684,8 @@ THREE.CSS2DRenderer = function () {
 		if ( camera.parent === null ) camera.updateMatrixWorld();
 		viewMatrix.copy( camera.matrixWorldInverse );
 		viewProjectionMatrix.multiplyMatrices( camera.projectionMatrix, viewMatrix );
+		renderObject( scene, camera );
+		zOrder( scene );
 	};
 };
 THREE.GLTFLoader = ( function () {

src/assets/images/guide/brand_mask.svg

@@ -0,0 +1,9 @@
+<svg width="524" height="198" viewBox="0 0 524 198" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="524" height="198" fill="url(#paint0_linear_754_23272)"/>
+<defs>
+<linearGradient id="paint0_linear_754_23272" x1="350.669" y1="116.392" x2="350.669" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ECEBE9"/>
+<stop offset="1" stop-color="#E9E7E5" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

src/components/HomeDialog/HomeDialog.vue

@@ -89,6 +89,9 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
+.global-masker {
+  backdrop-filter: blur(0);
+}
 .dialog-wrapper {
   width: 1920px;
   height: 1080px;

src/components/Map/Map.vue

@@ -5,11 +5,8 @@
 
     <!-- 地图弹框 -->
     <div id="shopInfo" class="boxShop boxShop2">
-      <!-- <div id="shopNum">{{ switchLanguage(shop, 'shopName') }}</div> -->
       <div id="shopNum">
-        <marquees :speed="25" :delay="0.8" class="name" :content="switchLanguage(shop, 'shopName')"
-          >{{ switchLanguage(shop, 'shopName') }}
-        </marquees>
+        <marquees :speed="25" :delay="0.8" class="name" :content="shop.shopName">{{ shop.shopName }} </marquees>
       </div>
       <div class="map-flex">
         <div class="pop-bottom__detail" @click="handleDetail">{{ $t('detail') }}</div>
@@ -33,7 +30,6 @@ const store = useRootStore()
 const { shop } = storeToRefs(store)
 
 const emits = defineEmits(['handle-go', 'handle-Detail'])
-
 function handleGO() {
   emits('handle-go')
 }

src/views/Guide/Guide.vue

@@ -26,6 +26,8 @@
         </div>
       </ul>
     </scrollView>
+    <!-- 品牌遮罩 -->
+    <img class="shop-mask" src="@/assets/images/guide/brand_mask.svg" alt="" />
 
     <!-- 控制地图 -->
     <!-- 公共设施 -->
@@ -215,6 +217,12 @@ watch(mapStatus, newValue => {
     background-size: contain;
     background-image: url('@/assets/images/guide/bg_shop.svg');
   }
+  .shop-mask {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    z-index: 2;
+  }
   .shop-container-scroll {
     position: absolute;
     top: 188px;