瀏覽代碼

倾斜摄影界面UI调整

任一存 2 年之前
父節點
當前提交
b2f15c7992

二進制
src/assets/images/oblique/bg.png


二進制
src/assets/images/oblique/东烈士殉难处.png


二進制
src/assets/images/oblique/西烈士殉难处.png


二進制
src/assets/images/oblique/雨花台烈士纪念碑.png


+ 26 - 16
src/views/ObliqueView.vue

@@ -25,6 +25,8 @@
       :style="{
         left: item.posX,
         top: item.posY,
+        width: item.width || '',
+        height: item.height || ''
       }"
       @click="$router.push({ name: 'PanoView', params: { scene: catalogTopology[0].children[0].children[item.idx] } })"
     >
@@ -46,38 +48,46 @@ export default {
     return {
       flagList: [
         {
-          posX: '17.96rem',
-          posY: 'calc(50% - 30rem)',
+          posX: '10.25rem',
+          posY: 'calc(50% - 26rem)',
           bgImg: require(`@/assets/images/oblique/雨花台烈士纪念碑.png`),
           idx: 13,
+          width: '13.33rem',
+          height: '9.54rem',
+        },
+        {
+          posX: '4.17rem',
+          posY: 'calc(50% - 21rem)',
+          bgImg: require(`@/assets/images/oblique/西烈士殉难处.png`),
+          idx: 4,
         },
         {
-          posX: '1.63rem',
-          posY: 'calc(50% - 24rem)',
+          posX: '0.33rem',
+          posY: 'calc(50% - 15.5rem)',
           bgImg: require(`@/assets/images/oblique/红领巾广场.png`),
           idx: 5,
         },
         {
-          posX: '37.21rem',
-          posY: 'calc(50% - 19rem)',
+          posX: '32.42rem',
+          posY: 'calc(50% - 18rem)',
+          bgImg: require(`@/assets/images/oblique/东烈士殉难处.png`),
+          idx: 1,
+        },
+        {
+          posX: '26.71rem',
+          posY: 'calc(50% - 12rem)',
           bgImg: require(`@/assets/images/oblique/知名烈士墓.png`),
           idx: 3,
         },
         {
-          posX: '22.92rem',
-          posY: 'calc(50% - 11rem)',
+          posX: '17.96rem',
+          posY: 'calc(50% - 4rem)',
           bgImg: require(`@/assets/images/oblique/雨花台烈士纪念馆.png`),
           idx: 11,
         },
         {
-          posX: '34.63rem',
-          posY: 'calc(50% - 5rem)',
-          bgImg: require(`@/assets/images/oblique/丁香园.png`),
-          idx: 6,
-        },
-        {
-          posX: '27.79rem',
-          posY: 'calc(50%)',
+          posX: '24.63rem',
+          posY: 'calc(50% + 5.5rem)',
           bgImg: require(`@/assets/images/oblique/忠魂亭.png`),
           idx: 7,
         },