diff --git a/subpkg/role/role.vue b/subpkg/role/role.vue
new file mode 100644
index 0000000..9000a82
--- /dev/null
+++ b/subpkg/role/role.vue
@@ -0,0 +1,49 @@
+<template>
+	<view>
+		<view class="video-wrapper" id="video-container">
+		</view>
+		<sVideo jsonId="6215c8757e8947c8aae0fd0b3d2d503b"></sVideo>
+
+		<tabbar :page="page"></tabbar>
+	</view>
+</template>
+
+<script>
+	import tabbar from "@/components/tabbar/tabbar.vue";
+	import sVideo from "@/components/s-video/s-video.vue";
+	export default {
+
+		data() {
+			return {
+				page: "",
+			};
+		},
+		onReady() {
+			this.QR();
+		},
+		onShow() {
+			this.page = "scan"
+		},
+		methods: {
+			QR() {
+				// uni.scanCode({
+				// 	onlyFromCamera: true,
+				// 	success: (res) => {
+				// 		console.log('扫描二维码成功,结果:' + res.result);
+				// 	},
+				// 	error: (res) => {
+				// 		console.log('扫描二维码出现错误')
+				// 	}
+				// })
+			},
+		},
+		components: {
+			tabbar,
+			sVideo
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file