qsy-zdh/pages/data/electron/summary-picture/summary-picture.vue

<template>
	<view class="page-body">
		<page-header :name="'供电总图'" :bg="'#1560e0'" :showLeft="true" @goBack="goBack()"></page-header>
		<view class="scroll-wrap">
			<view class="basic-info-wrap">
				<image mode="widthFix" src="@/static/electron-picture/summary.png"/>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {},
		methods: {
			goBack() { // 返回上一頁面
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	.page-body {
		.scroll-wrap {
			height: calc(100vh - 85rpx);

			.basic-info-wrap {
				position: relative;
				overflow: scroll;
				padding: 64rpx 35rpx;
				height: 100%;
				background: url(../../../../static/page_bg.png);
				background-size: 100vw 100vh;
				
				image {
					width: 100%;
				}
			}
		}
	}
</style>