diff --git a/change/@zhishuyun-hub-cd6b22be-ceac-4d73-b7b1-113b27b05a44.json b/change/@zhishuyun-hub-cd6b22be-ceac-4d73-b7b1-113b27b05a44.json
new file mode 100644
index 0000000..d32f84f
--- /dev/null
+++ b/change/@zhishuyun-hub-cd6b22be-ceac-4d73-b7b1-113b27b05a44.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix qr show issue",
+  "packageName": "@zhishuyun/hub",
+  "email": "cqc@germey.cn",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/common/AuthPanel.vue b/src/components/common/AuthPanel.vue
index b7f6b84..3a47b70 100644
--- a/src/components/common/AuthPanel.vue
+++ b/src/components/common/AuthPanel.vue
@@ -8,6 +8,8 @@
     :close-on-click-modal="false"
   >
     <iframe width="360" height="560" :src="iframeUrl" frameborder="0" />
+  </el-dialog>
+  <el-dialog :model-value="!!qrLink" width="400px" :show-close="false">
     <qr-code
       v-if="qrLink"
       :value="qrLink"
@@ -96,10 +98,7 @@ export default defineComponent({
 .qrcode {
   width: 320px;
   height: 320px;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  opacity: 0.001;
+  display: block;
+  margin: 0 auto 20px auto;
 }
 </style>