Просмотр исходного кода

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

任一存 3 лет назад
Родитель
Сommit
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)',
           bgImg: require(`@/assets/images/oblique/西烈士殉难处.png`),
           idx: 4,
+          width: '10.5rem',
+          height: '5.83rem',
         },
         {
           posX: '0.33rem',
           posY: 'calc(50% - 15.5rem)',
           bgImg: require(`@/assets/images/oblique/红领巾广场.png`),
           idx: 5,
+          width: '9.17rem',
+          height: '5.83rem',
         },
         {
           posX: '32.42rem',
           posY: 'calc(50% - 18rem)',
           bgImg: require(`@/assets/images/oblique/东烈士殉难处.png`),
           idx: 1,
+          width: '10.5rem',
+          height: '5.83rem',
         },
         {
           posX: '26.71rem',
           posY: 'calc(50% - 12rem)',
           bgImg: require(`@/assets/images/oblique/知名烈士墓.png`),
           idx: 3,
+          width: '9.17rem',
+          height: '5.83rem',
         },
         {
           posX: '17.96rem',
           posY: 'calc(50% - 4rem)',
           bgImg: require(`@/assets/images/oblique/雨花台烈士纪念馆.png`),
           idx: 11,
+          width: '13.33rem',
+          height: '5.83rem',
         },
         {
           posX: '24.63rem',
           posY: 'calc(50% + 5.5rem)',
           bgImg: require(`@/assets/images/oblique/忠魂亭.png`),
           idx: 7,
+          width: '9.17rem',
+          height: '5.83rem',
         },
       ],
     }
@@ -237,7 +249,6 @@ export default {
   }
   > button.flag {
     position: absolute;
-    height: 5.83rem;
     > img {
       width: 100%;
       height: 100%;