diff --git a/src/App.vue b/src/App.vue
index 0e3c6ac..f6de4d9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,9 @@
 <template>
   <TopNav />
+  <QRCode />
   <router-view />
 </template>
 <script setup>
 import TopNav from 'cpns/TopNav'
+import QRCode from 'cpns/QRCode'
 </script>
diff --git a/src/assets/img/contact.png b/src/assets/img/contact.png
new file mode 100644
index 0000000..6396e01
Binary files /dev/null and b/src/assets/img/contact.png differ
diff --git a/src/components/QRCode/index.vue b/src/components/QRCode/index.vue
new file mode 100644
index 0000000..eff5fc7
--- /dev/null
+++ b/src/components/QRCode/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="qr_code_container"></div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.qr_code_container {
+  position: fixed;
+  right: 80px;
+  bottom: 60px;
+  width: 185px;
+  height: 392px;
+  background: url(../../assets/img/contact.png) no-repeat;
+  background-size: 100% 100%;
+  z-index: 999;
+}
+</style>