fix qrcode download

src/pages/org/org/Edit/components/QRCode.jsx

@@ -5,7 +5,9 @@ import QRCode from '@/components/QRCode'
 
 const style = {
   display: 'flex',
-  alignItem: 'center'
+  alignItem: 'center',
+  justifyContent: 'center',
+  flexDirection: 'column',
 }
 
 export default (props) => {
@@ -25,17 +27,17 @@ export default (props) => {
   }
 
   const content = (
-    <QRCode ref={qrcodeRef} border content={text} title={title} />
+    <div style={style}>
+      <QRCode ref={qrcodeRef} border content={text} title={title} />
+      <div style={{ textAlign: 'center' }}>
+        <Button  onClick={download} type='primary'>下载</Button>
+      </div>
+    </div>
   )
 
   return (
-    <div style={style}>
-      {/* 这个 div 主要用于下载 */}
-      <div style={{ zIndex: -1, position: 'fixed', top: '-500vh' }}>{content}</div>
-      <Popover content={content} placement="right">
-        <QrcodeOutlined style={{ fontSize: '32px' }} />
-      </Popover>
-      <Button style={{ marginLeft: '16px' }} onClick={download} type='link'>下载</Button>
-    </div>
+    <Popover content={content} placement="right">
+      <QrcodeOutlined style={{ fontSize: '32px' }} />
+    </Popover>
   )
 }