<template>
	<view class="app">
		<image class="image" :src="imageurl" mode=""></image>
		<image class="images" :src="imageurls" mode=""></image>
		<image class="yuyue" src="../../static/pagesB/yuyue.png" mode="" @tap="godetal"></image>
	</view>
</template>
<script>
	import baseurl from '../../api/baseurl';
	export default {
		data() {
			return {
				imageurl: null,
				imageurls: null,
				goto: '',
			};
		},
		onShow() {
			this.imageurl = baseurl + '/profile/appletPicture/healthyOne.png'
			this.imageurls = baseurl + '/profile/appletPicture/healthyDetails.png'
		},
		onLoad(options) {
			this.goto = options.goto
		},
		methods: {
			godetal() {
				if (this.goto == 'homepage') {
					uni.navigateTo({
						url: '/pagesB/medicine/medicine'
					})
				} else {
					uni.navigateBack({
						delta: 1
					})
				}
			}
		}
	}
</script>
<style lang="scss">
	.app {
		padding: 0;
		margin: 0;
		position: relative;
		height: 3750rpx;
	}

	.yuyue {
		position: absolute;
		bottom: 80rpx;
		width: 80%;
		height: 94rpx;
		left: 10%;
		z-index: 999;
	}

	.images {
		margin-top: -60rpx;
		margin-left: 3%;
		width: 94%;
		height: 3350rpx;
	}

	.image {
		z-index: -1;
		width: 100%;
		height: 460rpx;
	}
</style>
