add welcome block

2026-03-22 01:33:21 +07:00
parent e8158eb746
commit 9e6ee6e7c3
2 changed files with 51 additions and 28 deletions
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import VueQrcode from '@chenfengyuan/vue-qrcode';
+
+interface QROptions {
+  width?: number;
+  margin?: number;
+  color?: {
+    dark: string;
+    light: string;
+  };
+}
+const qrOptions = ref<QROptions>({
+  width: 200,
+  margin: 1,
+  color: {
+    dark: '#303030',
+    light: 'f0f0f0'
+  }
+});
+
+interface Props {
+  qrurl: string
+  team: string
+}
+const props = withDefaults(defineProps<Props>(), {})
+
+</script>
+
+<template>
+  <div>
+    <div class="qr">
+      <div>
+        {{ team }}
+      </div>
+      <VueQrcode :value="props.qrurl" :options="qrOptions" tag="svg" class="qr-code" />
+      <div>
+        Пора решать загадку
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.qr {
+  text-align: center;
+  width: 200px;
+}
+</style>