museum-H5-V2/pages/scan/index.vue

<template>
	<view class="content">
		<view class="text-area">
			<mumuGetQrcode @success="qrcodeSucess" @error="qrcodeError"></mumuGetQrcode>
		</view>
	</view>
</template>

<script>
import mumuGetQrcode from "../../components/mumu-getQrcode/mumu-getQrcode.vue";

export default {
	components: {
		mumuGetQrcode
	},
	methods: {
		qrcodeSucess(res) {
			uni.navigateTo({ url: '/pages/persomInfo/index?qrcode=' + res })
		},
		qrcodeError(err) {
			console.log(err);
			uni.showModal({
				title: "摄像头授权失败",
				content: "摄像头授权失败，请检测当前浏览器是否有摄像头权限。",
				success: () => {
					uni.navigateBack({});
				},
			});
		}
	}
}
</script>

<style>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>