医废处置公司小程序

mwims-disposal-app/packagePage/pages/boot4/boot4.vue

@@ -0,0 +1,71 @@
+<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>