From 12e626ead3a070e76c55216dbe4ca05d24585230 Mon Sep 17 00:00:00 2001
From: shikong <919411476@qq.com>
Date: Wed, 16 Oct 2024 23:54:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8C=E7=BB=B4=E7=A0=81=E6=89=AB=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                      |  6 ++++++
 src/pages/my-info/my-info.vue       |  4 ++++
 src/pages/test-page/test-camera.vue | 29 +++++++++++++++++++++++++++++
 3 files changed, 39 insertions(+)
 create mode 100644 src/pages/test-page/test-camera.vue

diff --git a/src/pages.json b/src/pages.json
index 2d2bb21..02bafe8 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -31,6 +31,12 @@
 			"style": {
 				"navigationBarTitleText": "测试页面"
 			}
+		},
+		{
+			"path": "pages/test-page/test-camera",
+			"style": {
+				"navigationBarTitleText": "摄像头测试"
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/src/pages/my-info/my-info.vue b/src/pages/my-info/my-info.vue
index 48d4175..2401b77 100644
--- a/src/pages/my-info/my-info.vue
+++ b/src/pages/my-info/my-info.vue
@@ -5,6 +5,10 @@
   <view class="warp">
     <button type="warn" @click="toTestPage">进入测试页面</button>
     <button class="button" type="primary" @click="getLocation">获取位置</button>
+
+    <navigator url="/pages/test-page/test-camera">
+      <button>打开相机测试页面</button>
+    </navigator>
   </view>
 </template>
 
diff --git a/src/pages/test-page/test-camera.vue b/src/pages/test-page/test-camera.vue
new file mode 100644
index 0000000..e7900d4
--- /dev/null
+++ b/src/pages/test-page/test-camera.vue
@@ -0,0 +1,29 @@
+<template>
+  <view style="background-color: #000;">
+    <camera mode="scanCode" device-position="back" flash="off" @error="error" style="width: 100%; height: 300px;" @scancode="handleScanCode"></camera>
+  </view>
+
+  <view>
+    {{ctx.detail}}
+  </view>
+</template>
+
+<script setup>
+import { reactive } from 'vue'
+const ctx = reactive({
+  detail: ""
+})
+function error(e) {
+  console.log('Camera error:', e)
+}
+
+function handleScanCode(event) {
+  console.log('Scan code:', event.detail)
+  ctx.detail = JSON.stringify(event.detail)
+}
+</script>
+
+
+<style scoped lang="scss">
+
+</style>