瀏覽代碼

倾斜摄影页面 兼容处理:微信中图片必须同时指定宽高。

任一存 3 年之前
父節點
當前提交
9e6b275ebe
共有 1 個文件被更改,包括 12 次插入1 次删除
  1. 12 1
      src/views/ObliqueView.vue

+ 12 - 1
src/views/ObliqueView.vue

@@ -60,36 +60,48 @@ export default {
           posY: 'calc(50% - 21rem)',
           posY: 'calc(50% - 21rem)',
           bgImg: require(`@/assets/images/oblique/西烈士殉难处.png`),
           bgImg: require(`@/assets/images/oblique/西烈士殉难处.png`),
           idx: 4,
           idx: 4,
+          width: '10.5rem',
+          height: '5.83rem',
         },
         },
         {
         {
           posX: '0.33rem',
           posX: '0.33rem',
           posY: 'calc(50% - 15.5rem)',
           posY: 'calc(50% - 15.5rem)',
           bgImg: require(`@/assets/images/oblique/红领巾广场.png`),
           bgImg: require(`@/assets/images/oblique/红领巾广场.png`),
           idx: 5,
           idx: 5,
+          width: '9.17rem',
+          height: '5.83rem',
         },
         },
         {
         {
           posX: '32.42rem',
           posX: '32.42rem',
           posY: 'calc(50% - 18rem)',
           posY: 'calc(50% - 18rem)',
           bgImg: require(`@/assets/images/oblique/东烈士殉难处.png`),
           bgImg: require(`@/assets/images/oblique/东烈士殉难处.png`),
           idx: 1,
           idx: 1,
+          width: '10.5rem',
+          height: '5.83rem',
         },
         },
         {
         {
           posX: '26.71rem',
           posX: '26.71rem',
           posY: 'calc(50% - 12rem)',
           posY: 'calc(50% - 12rem)',
           bgImg: require(`@/assets/images/oblique/知名烈士墓.png`),
           bgImg: require(`@/assets/images/oblique/知名烈士墓.png`),
           idx: 3,
           idx: 3,
+          width: '9.17rem',
+          height: '5.83rem',
         },
         },
         {
         {
           posX: '17.96rem',
           posX: '17.96rem',
           posY: 'calc(50% - 4rem)',
           posY: 'calc(50% - 4rem)',
           bgImg: require(`@/assets/images/oblique/雨花台烈士纪念馆.png`),
           bgImg: require(`@/assets/images/oblique/雨花台烈士纪念馆.png`),
           idx: 11,
           idx: 11,
+          width: '13.33rem',
+          height: '5.83rem',
         },
         },
         {
         {
           posX: '24.63rem',
           posX: '24.63rem',
           posY: 'calc(50% + 5.5rem)',
           posY: 'calc(50% + 5.5rem)',
           bgImg: require(`@/assets/images/oblique/忠魂亭.png`),
           bgImg: require(`@/assets/images/oblique/忠魂亭.png`),
           idx: 7,
           idx: 7,
+          width: '9.17rem',
+          height: '5.83rem',
         },
         },
       ],
       ],
     }
     }
@@ -237,7 +249,6 @@ export default {
   }
   }
   > button.flag {
   > button.flag {
     position: absolute;
     position: absolute;
-    height: 5.83rem;
     > img {
     > img {
       width: 100%;
       width: 100%;
       height: 100%;
       height: 100%;