TSYWXT-CLOUD-APP/pages/check-order/photoView.vue

<!--
 * @Title: 
 * @Description: 照片预览
 * @Author: swp
 * @Date: 2022-08-24 10:49:21
 * @LastEditors: 
 * @LastEditTime: 2022-08-24 10:49:21
-->
<template>
	<view class="container">
		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
			@clickLeft="toBack">
			<view style="width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;">
				<text style="color: white;font-size: 1rem;">{{title}}</text>
			</view>
		</uni-nav-bar>
		<uni-group>
			<view class="view-flex-block-center">
				<image mode="widthFix" style="margin-top: 0px;" :src="photoPath">
				</image>
			</view>
		</uni-group>
	</view>
</template>

<script>
	import http from '@/http/api.js';
	import {
		oss,
		devUrl,
		prodUrl
	} from '@/common/setting';
	export default {
		components: {},
		data() {
			return {
				title: '照片预览',
				desc: '',
				show: false,
				photoPath: '',
				baseURL: '',
			}
		},
		computed: {

		},
		onLoad(options) {
			this.photoPath = oss + options.url;
			console.log(this.photoPath)
		},
		onReady() {
			console.log("onReady++++++++++++++")
		},
		onShow() {

		},
		methods: {
			toBack() {
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		padding: 0 0 100rpx;
	}
</style>