Explorar o código

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

任一存 %!s(int64=3) %!d(string=hai) anos
pai
achega
0f894bc1fc
Modificáronse 1 ficheiros con 5 adicións e 0 borrados
  1. 5 0
      src/views/ExhibitionDetail.vue

+ 5 - 0
src/views/ExhibitionDetail.vue

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