<template>
	<view class="content">
		<view class="jump" @tap="jumpAuth">跳过</view>
		<image :style="imgStyle" :src="apiHost+'/miniapp/static/boot4.png'"></image>
		<view class="desc">三种清洗模式</view>
		<view class="desc">过程追溯</view>
		<view class="desc-small">晨洗、手洗、机洗</view>
		<button class="nextpage" @tap="bootNext">进入</button>
	</view>
</template>

<script>
	import myapp from '@/common/js/myapp.js'
	export default {
		data() {
			return {
				apiHost: myapp.apiHost,
				imgStyle: 'margin-right:100rpx;margin-bottom:60rpx;margin-top:140rpx'
			}
		},
		onShow: function() {
			let width = 750 * 0.3;
			let height = 750 * 0.6;
			let setW = ';width:' + width + 'rpx';
			let setH = ';height:' + height + 'rpx';
			this.imgStyle = this.imgStyle + setW + setH;
		},
		methods: {
			jumpAuth: function() {
				uni.reLaunch({
					url:'/pages/index/index'
				})
			},
			bootNext: function() {
				uni.reLaunch({
					url: '/pages/index/index'
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #0065FF;
	}
	.content {
		text-align: center;padding-top: 30rpx
	}
	.desc {
		color: #FFF;
		font-size: 60rpx;
	}
	.desc-small {
		color: #FFF;
		font-weight: 100;
	}
	.nextpage {
		margin-left: 70rpx;
		margin-right: 70rpx;
		position: absolute;
		width: 610rpx;
		bottom: 150rpx;
	}
	.jump {
		color:#FFF;
		position: absolute;
		right:70rpx;
		font-weight: 100;
	}
</style>
