医废处置公司小程序

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

@@ -0,0 +1,71 @@
+<template>
+	<view class="content">
+		<view class="jump" @tap="jumpAuth">跳过</view>
+		<image :style="imgStyle" :src="apiHost+'/miniapp/static/boot3.png'"></image>
+		<view class="desc-small">WS 507-2016</view>
+		<view class="desc-small">软式内镜清洗消毒</view>
+		<view class="desc">国家规范标准</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-bottom:180rpx;margin-top:340rpx'
+			}
+		},
+		onShow: function() {
+			let width = 750 * 0.6;
+			let height = 750 * 0.25;
+			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.redirectTo({
+					url: '/packagePage/pages/boot4/boot4'
+				})
+			}
+		}
+	}
+</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>