预览图片兼容性问题

src/components/photo/preview.vue

 <template>
 	<view>
+		<view class="topView" :style="{'height':navHeight/2 + 'px'}"></view>
 		<view class="contentView">
 			<!-- <u-image class="pic" :src="files[0]" bg-color="transparent"  @click="showPreviewFn"></u-image> -->
 			<image class="pic" :src="files[0]" v-lazy mode="aspectFit" @click="showPreviewFn"></image>
@@ -29,12 +30,13 @@
 				keys: [],
 				token: '',
 				product: '',
-				allImages: []
+				allImages: [],
+				navHeight: 130
 			}
 		},
 		created(e) {
 			// 获取照片选项对象
-			console.log(getApp().globalData.photo.currentItem)
+			this.navHeight = getApp().globalData.navHeight
 			const product = app.globalData.photo.product
 			this.product = `?brandId=${product.brandId}&brand=${product.brandName}&classifyId=${product.classifyId}&systemId=${product.systemId}`
 			if(app.globalData.photo.currentItem) {
@@ -146,6 +148,12 @@
 </script>
 
 <style lang="scss">
+	.topView {
+		background: #000;
+		width: 100%;
+		position: fixed;
+		top: 0;
+	}
 	.contentView {
 		background-color: #333333;
 		/* padding-top: 120rpx; */
@@ -155,7 +163,7 @@
 		flex-direction: column;
 	}
 	/deep/ .u-image{
-		height:100vh !important;
+		height:100% !important;
 	}
 	/deep/ .u-image__loading{
 		background-color: transparent!important;