style-up-全景

code/src/components/KrpanoCom/index.module.scss

@@ -8,32 +8,39 @@
       flex-direction: column;
       align-items: center;
       justify-content: center;
+      position: relative;
     }
 
     .hotspotLabel {
-      width: 316px;
-      height: 68px;
+      position: absolute;
+      top: -60px;
+      left: 50%;
+      transform: translateX(-50%);
+      opacity: 0;
       text-align: center;
       line-height: 68px;
       font-size: 32px;
-      color: #fce9ac;
-      background: url("../../assets/img/btn_normal@2x.png") no-repeat center / contain;
+      color: #fff;
+      pointer-events: none;
+      text-shadow: 2px 2px black;
     }
 
     .hotspotPointer {
-      margin-top: 15px;
-      width: 122px;
-      height: 124px;
-      background: url("../../assets/img/icon_address_normal@2x.png") no-repeat center / contain;
+      opacity: 0.8;
+      width: 60px;
+      height: 100px;
+      background-image: url('../../assets/img/Vector.png');
+      background-size: 100% 100%;
     }
 
     .hotspotActive .hotspotLabel {
-      color: #5c4b32;
-      background-image: url("../../assets/img/btn_active@2x.png");
+      opacity: 0.8;
+      color: #fce9ac;
+      // background-image: url("../../assets/img/btn_active@2x.png");
     }
 
     .hotspotActive .hotspotPointer {
-      background-image: url("../../assets/img/icon_address_active@2x.png");
+      background-image: url("../../assets/img/Vector-1.png");
     }
   }
 }

code/src/pages/B1Village/index.module.scss

@@ -266,6 +266,7 @@
             }
             
             .B1imgMoveTitTxt{
+              pointer-events: none;
               width: 100%;
               height: 100%;
               display: flex;

code/src/pages/B1VillageM/index.module.scss

@@ -74,6 +74,7 @@
           }
 
           .B1imgMoveTitTxt {
+            pointer-events: none;
             width: 100%;
             height: 100%;
             display: flex;

静态资源/web/staticData/dataTemp.js

@@ -240,13 +240,13 @@ const staticDataTemp = {
           id: 1,
           label: '升峰楼',
           // pc端标签大小,默认0.3
-          sizePc:0.3,
+          sizePc:0.4,
           // 移动端标签大小,默认0.5
           sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 5,
           // 水平方向
-          ath: 40,
+          ath: 0,
           txt: '  位于蚬冈镇长乐村委会锦江里，建于中华民国八年（1919）。坐西北向东南，高6层，钢筋混凝土结构。首层面阔9.06米，进深7.57米，占地面积116.25平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_1',
@@ -265,10 +265,14 @@ const staticDataTemp = {
         {
           id: 2,
           label: '瑞石楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 6,
           // 水平方向
-          ath: 20,
+          ath: 18,
           txt: '  位于蚬冈镇长乐村委会锦江里，建于中华民国十二年（1923）。坐西北向东南，高9层，钢筋混凝土结构。首层面阔9.58米，进深8.9米，占地面积227.8平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_2',
@@ -287,10 +291,14 @@ const staticDataTemp = {
         {
           id: 3,
           label: '锦江楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 20,
+          atv: 8,
           // 水平方向
-          ath: 40,
+          ath: 9,
           txt: '  位于蚬冈镇长乐村委会锦江里，建于中华民国七年（1918）。坐西北向东南，高5层，钢筋混凝土结构。首层面阔6.3 米，进深4.93 米，占地面积31.06平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_3',
@@ -319,10 +327,14 @@ const staticDataTemp = {
         {
           id: 4,
           label: '筦庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.2,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -5,
           // 水平方向
-          ath: 40,
+          ath: 0,
           txt: '  位于百合镇马降龙村委会南安村，建于中华民国十七年（1928）。由主楼、附楼和庭院组成，总占地面积369.34平方米。坐东向西，高5层，钢筋混凝土结构，首层面阔11.6米、进深8.1米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_4',
@@ -341,10 +353,14 @@ const staticDataTemp = {
         {
           id: 5,
           label: '祯庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.2,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 0,
           // 水平方向
-          ath: 40,
+          ath: 11,
           txt: '  位于百合镇马降龙村委会南安村，建于中华民国十七年（1928）。由碉楼和庭院组成，总占地面积292.27平方米。坐东向西，高3层，钢筋混凝土结构，首层面阔6.87米、进深10.16米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_5',
@@ -363,10 +379,14 @@ const staticDataTemp = {
         {
           id: 6,
           label: '耀庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.3,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -3,
           // 水平方向
-          ath: 40,
+          ath: 6,
           txt: '  位于百合镇马降龙村委会南安村，建于中华民国十七年（1928）。坐东向西，高3层，钢筋混凝土结构。首层面阔11.62米，进深6.34米，占地面积368.12平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_6',
@@ -385,10 +405,14 @@ const staticDataTemp = {
         {
           id: 7,
           label: '昌庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.3,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -1,
           // 水平方向
-          ath: 40,
+          ath: 31,
           txt: '  位于百合镇马降龙村委会庆临村，建于中华民国二十五年（1936）。坐西向东，高3层，钢筋混凝土结构。首层面阔11.55米，进深9.73米，占地面积112.38平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_7',
@@ -407,10 +431,14 @@ const staticDataTemp = {
         {
           id: 8,
           label: '骏庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.3,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 2,
           // 水平方向
-          ath: 40,
+          ath: 34,
           txt: '  1269．位于百合镇马降龙村委会庆临村，建于中华民国二十五年（1936）。坐东向西，高3层，钢筋混凝土结构。首层面阔11.63米，进深9.8米，占地面积113.97平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_8',
@@ -430,10 +458,14 @@ const staticDataTemp = {
         {
           id: 9,
           label: '林庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.25,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -5,
           // 水平方向
-          ath: 40,
+          ath: 36,
           txt: '  1271．位于百合镇马降龙村委会庆临村，建于中华民国二十五年（1936）。坐东向西，高3层，钢筋混凝土结构。首层面阔11.5米，进深9.7 2米，占地面积348.31平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_9',
@@ -453,10 +485,14 @@ const staticDataTemp = {
         {
           id: 10,
           label: '惠安楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.3,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 2,
           // 水平方向
-          ath: 40,
+          ath: 42,
           txt: '  位于百合镇马降龙村委会龙江村。，建于中华民国九年（1920）。坐东向西，高4层，钢筋混凝土结构。首层面阔4.76米，进深5.66米，占地面积26.94平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_10',
@@ -475,10 +511,14 @@ const staticDataTemp = {
         {
           id: 11,
           label: '永安村天禄楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
           atv: 10,
           // 水平方向
-          ath: 40,
+          ath: -20,
           txt: '  位于百合镇马降龙村委会永安村，建于中华民国十四年（1925）。坐东南向西北，高8层，钢筋混凝土结构。首层面阔9.11米，进深7.46米，占地面积105.5平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_11',
@@ -497,10 +537,14 @@ const staticDataTemp = {
         {
           id: 12,
           label: '保安楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 6,
           // 水平方向
-          ath: 40,
+          ath: -42,
           txt: '  1276．位于百合镇马降龙村委会永安村，建于中华民国十三年（1924）。坐东南向西北，高7层，钢筋混凝土结构。首层面阔7.73米，进深5.68米，占地面积52.1平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_12',
@@ -530,10 +574,14 @@ const staticDataTemp = {
         {
           id: 13,
           label: '官生居庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.5,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 12,
+          atv: 8,
           // 水平方向
-          ath: -14,
+          ath: -13,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国时期。由主楼、附楼和庭院组成，总占地面积222.76平方米。主楼坐西北向东南，高3层，砖混结构，首层面阔11.62米、进深7.71米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_13',
@@ -552,8 +600,12 @@ const staticDataTemp = {
         {
           id: 14,
           label: '澜生居庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 8,
+          atv: 0,
           // 水平方向
           ath: -9,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国二十五年（1936）。由主楼、附楼和庭院组成，总占地面积332.81平方米。主楼坐西北向东南，高3层，砖混结构，首层面阔11.69米、进深9.96米。',
@@ -575,10 +627,14 @@ const staticDataTemp = {
         {
           id: 15,
           label: '耀光别墅',
+          // pc端标签大小,默认0.3
+          sizePc:0.3,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
           atv: -5,
           // 水平方向
-          ath: -12,
+          ath: -15,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国十二年（1923）。坐西北向东南，高3层，钢筋混凝土结构。首层面阔8.43米，进深7.04米，占地面积59.35平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_15',
@@ -597,10 +653,14 @@ const staticDataTemp = {
         {
           id: 16,
           label: '养闲别墅',
+          // pc端标签大小,默认0.3
+          sizePc:0.3,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 0,
+          atv: -10,
           // 水平方向
-          ath: -9,
+          ath: -8,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国八年（1919）。该楼周边有台基，总占地面积124.57平方米。坐西北向东南，高5层，钢筋混凝土结构。首层面阔6.39米，进深7.42米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_16',
@@ -619,10 +679,14 @@ const staticDataTemp = {
         {
           id: 17,
           label: '龙胜楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.3,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -10,
           // 水平方向
-          ath: 40,
+          ath: -1,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国六年（1917）。坐西北向东南，高3层，钢筋混凝土结构。首层面阔7.29米，进深6.18米，占地面积45.05平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_17',
@@ -641,10 +705,14 @@ const staticDataTemp = {
         {
           id: 18,
           label: '安庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.2,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -8,
           // 水平方向
-          ath: 40,
+          ath: 7,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国十五年（1926）。坐西北向东南，高4层，钢筋混凝土结构。首层面阔7.2米，进深10.06米，占地面积72.43平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_18',
@@ -663,10 +731,14 @@ const staticDataTemp = {
         {
           id: 19,
           label: '铭石楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -2,
           // 水平方向
-          ath: 40,
+          ath: 7,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国十四年（1925）。由主楼、附楼和庭院组成，总占地面积600平方米。主楼坐西北向东南，高5层22.74米，钢筋混凝土结构，首层面阔10.66米、进深10.53米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_19',
@@ -686,10 +758,14 @@ const staticDataTemp = {
         {
           id: 20,
           label: '叶生居庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 2,
           // 水平方向
-          ath: 40,
+          ath: 0,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国十九年（1930）。由主楼、附楼和庭院组成，总占地面积221.39平方米。主楼坐西北向东南，高4层，钢筋混凝土结构，首层面阔11.72米、进深9.72米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_20',
@@ -708,10 +784,14 @@ const staticDataTemp = {
         {
           id: 21,
           label: '振安楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.45,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 5,
           // 水平方向
-          ath: 40,
+          ath: 10,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国十四年（1925）。由碉楼和庭院组成，总占地面积115.80平方米。坐西北向东南，高4层，钢筋混凝土结构，首层面阔6.33米、进深4.92米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_21',
@@ -730,10 +810,14 @@ const staticDataTemp = {
         {
           id: 22,
           label: '逸农庐',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 0,
           // 水平方向
-          ath: 40,
+          ath: 12,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国十七年（1928）。由碉楼和庭院组成，总占地面积517.8平方米。坐西北向东南，高4层，钢筋混凝土结构，首层面阔9.06米、进深7.38米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_22',
@@ -752,10 +836,14 @@ const staticDataTemp = {
         {
           id: 23,
           label: '云幻楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.35,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: -5,
           // 水平方向
-          ath: 40,
+          ath: 2,
           txt: '  位于塘口镇强亚村委会自力村，建于中华民国十年（1921）。由碉楼和庭院组成，总占地面积998.4平方米。坐西北向东南，高5层18.88米，钢筋混凝土结构，首层面阔8.02米、进深8.55米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_23',
@@ -774,10 +862,14 @@ const staticDataTemp = {
         {
           id: 24,
           label: '竹林楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.45,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 2,
           // 水平方向
-          ath: 40,
+          ath: 16,
           txt: '',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_24',
@@ -806,10 +898,14 @@ const staticDataTemp = {
         {
           id: 25,
           label: '宝济楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 0,
           // 水平方向
-          ath: 40,
+          ath: 0,
           txt: '  位于广东省开平市赤坎镇上埠中华西路 166 号。光绪十七年(1891)，坐西向东，楼高 6 层，平面呈长方形，首层面阔 8 米，进深 7 米， 占地面积为 56 平方米。',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_25',
@@ -1234,10 +1330,14 @@ const staticDataTemp = {
         {
           id: 44,
           label: '迎龙楼',
+          // pc端标签大小,默认0.3
+          sizePc:0.4,
+          // 移动端标签大小,默认0.5
+          sizeM:0.5,
           // 垂直方向
-          atv: 10,
+          atv: 8,
           // 水平方向
-          ath: 40,
+          ath: -9,
           txt: '  位于赤坎镇芦阳村委会三门里，始建于明嘉靖年间（1522～1566）。坐西北向东南，高3层，砖木结构。首层面阔15.71米，进深9.72米，占地面积152.7平方米',
           // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
           architecId: '3_44',