yb5.3

pages-report/previewImage.vue

@@ -0,0 +1,63 @@
+<template>
+    <view class="preview-image-page">
+        <swiper 
+            class="swiper" 
+            circular 
+            :indicator-dots="false" 
+            :autoplay="false"
+		>
+            <swiper-item>
+                <movable-area style="width:100%;height:100%">
+                    <movable-view 
+                        class="max" 
+                        scale
+                        style="width:100%;height:100%"
+                    >
+                        <image 
+                            class="img-item" 
+                            src="https://rddptest.hzinsights.com/static/img/bg3.cf68268.jpg" mode="heightFix"
+                        />
+                    </movable-view>
+                </movable-area>
+                
+            </swiper-item>
+        </swiper>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            
+        }
+    },
+    onLoad(){
+        uni.setPageOrientation({orientation : "landscape"})
+    },
+    onUnLoad(){
+        uni.setPageOrientation({orientation : "portrait"})
+    }
+}
+</script>
+
+<style>
+page{
+    padding-bottom: 0;
+}
+</style>
+<style lang="scss" scoped>
+.preview-image-page{
+    background: #333333;
+    width: 100vw;
+    height: 100vh;
+    .swiper{
+        height: 100%;
+    }
+    .img-item{
+        height: 100%;
+        display: block;
+        margin: auto;
+    }
+}
+</style>

pages.json

@@ -238,6 +238,13 @@
 				//ficc介绍页面
 				{
 					"path": "ficcService"
+				},
+				//预览图片
+				{
+					"path":"previewImage",
+					"style":{
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		},