فهرست منبع

优化展览详情页在宽屏中的显示效果

任一存 3 سال پیش
والد
کامیت
0f894bc1fc
1فایلهای تغییر یافته به همراه5 افزوده شده و 0 حذف شده
  1. 5 0
      src/views/ExhibitionDetail.vue

+ 5 - 0
src/views/ExhibitionDetail.vue

@@ -60,6 +60,8 @@
         :imgs-arr="imageList"
         :imgs-arr="imageList"
         :mobile-gap="10"
         :mobile-gap="10"
         class="vwf"
         class="vwf"
+        :max-cols="2"
+        :img-width="waterfallImgWidth"
         @click="onClickExhibitionImage"
         @click="onClickExhibitionImage"
       >
       >
         <!-- 顶部item图片 -->
         <!-- 顶部item图片 -->
@@ -169,6 +171,9 @@ export default {
       }
       }
       ret.shift()
       ret.shift()
       return ret
       return ret
+    },
+    waterfallImgWidth() {
+      return (window.innerWidth - 2 * 0.5 * window.innerHeight * 0.025276 - 10 * 2) / 2
     }
     }
   },
   },
   mounted() {
   mounted() {