<template>
	<view class="container">
		<!-- 条形码 -->
		<view class="barcode-container">
			<text>条形码:</text>
		</view>

		<!-- 二维码 -->
		<view class="qrcode-container">
			<text>二维码:</text>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';

	// 条形码和二维码的值
	const barcodeValue = ref('1234567890');
	const qrcodeValue = ref('https://www.example.com');
</script>

<style scoped>
	.container {
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.barcode-container,
	.qrcode-container {
		margin-bottom: 20px;
		text-align: center;
	}
</style>