Compare commits

...

2 Commits

  1. 7
      CHANGELOG.md
  2. 4
      package-lock.json
  3. 2
      package.json
  4. 18
      public/static/qm/MainMap_QM.js
  5. 8
      public/static/qm/three.js
  6. 9
      src/assets/images/guide/brand_mask.svg
  7. 3
      src/components/HomeDialog/HomeDialog.vue
  8. 6
      src/components/Map/Map.vue
  9. 8
      src/views/Guide/Guide.vue

7
CHANGELOG.md

@ -2,6 +2,13 @@
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
## [1.1.0-B.2](https://git.1000my.com/project-shenyangk11/sy_k11_H_base_daoshi_vue_ts/compare/v1.1.0-B.1...v1.1.0-B.2) (2023-05-31)
### Bug Fixes
* 🧩 修改遗漏问题 ([2bf87a9](https://git.1000my.com/project-shenyangk11/sy_k11_H_base_daoshi_vue_ts/commit/2bf87a96c4551e79f6f21ac252ec8a59b0c1ea65))
## [1.1.0-B.1](https://company/project-shenyangk11/sy_k11_H_base_daoshi_vue_ts/compare/v1.1.0-B.0...v1.1.0-B.1) (2023-05-31)

4
package-lock.json

@ -1,12 +1,12 @@
{
"name": "vue_cli_ts",
"version": "1.1.0-B.1",
"version": "1.1.0-B.2",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "vue_cli_ts",
"version": "1.1.0-B.1",
"version": "1.1.0-B.2",
"dependencies": {
"@better-scroll/core": "^2.5.0",
"@better-scroll/observe-image": "^2.5.0",

2
package.json

@ -1,6 +1,6 @@
{
"name": "vue_cli_ts",
"version": "1.1.0-B.1",
"version": "1.1.0-B.2",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",

18
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 () {
}
}

8
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 () {

9
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>

After

Width:  |  Height:  |  Size: 419 B

3
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;

6
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')
}

8
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;

Loading…
Cancel
Save