38 lines
643 B
Vue
38 lines
643 B
Vue
<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> |