zhdt-miniapp/pages/quick-task/index.vue

<template>
	<view class="quick-task" style="padding-bottom: 150upx">
		<cu-custom class="home-custom" bgColor=".bg-sancolor"
		           bgImage="https://ahwgh.oss-cn-hangzhou.aliyuncs.com/enterprise/6525f808df760.png" :isBack="true">
		    <block slot="content">胶体金检测</block>
		</cu-custom>
		<view class="content">
			<view v-if="step === 'first'" class="first-step">
				<image src="../../static/icons/reagent.png" mode="aspectFit"></image>
				<button class="cu-btn bg-green lg margin-top-sm shadow-blur" type="" @tap="startCheck">
				    开始检测
				</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
		    return {
		       step: 'first',
		    };
		},
		created() {
		   
		},
		methods: {
			startCheck() {
				uni.navigateTo({
				  url: "/pages/quick-task/camera"
				});
			}
		}
	}
</script>

<style scoped>
.quick-task{
	background: #fff;
	height: 100%;
	width: 100%;
}
.content{
	height: 80vh;
}
.first-step{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 20vh;
}
.first-step button {
	width: 90%;
	margin-top: 20vh;
}
.first-step image {
	width: 60vw;
	margin-left: 10vw;
}
</style>