提交

src/components/ZmageImg/ZmageImg.jsx

@@ -0,0 +1,36 @@
+import React from 'react'
+import Zmage from 'react-zmage'
+
+function body(props) {
+  return (
+    <>
+      <Zmage
+        style={props.style}
+        src={props.src}
+        // alt="0"
+        backdrop="linear-gradient(90deg, rgba(86,81,81,0.7) 0%, rgba(86,81,81, 0.7) 100%)"
+        radius={5}
+        edge={20}
+        animate={{
+          flip: 'fade',
+        }}
+        controller={{
+          // 关闭按钮
+          close: false,
+          // 缩放按钮
+          zoom: false,
+          // 下载按钮
+          download: false,
+          // 旋转按钮
+          rotate: false,
+          // 翻页按钮
+          flip: true,
+          // 多页指示
+          pagination: true,
+        }}
+      />
+    </>
+  )
+}
+
+export default body

src/pages/system/document/audit.jsx

@@ -1,35 +1,22 @@
 import React from 'react'
-import { Button } from 'antd'
-import Zmage from 'react-zmage'
+import { Col, Row, Button } from 'antd'
+import ZmageImg from '../../../components/ZmageImg/ZmageImg'
 
 function body(props) {
   return (
     <>
-      <Zmage
-        style={{ width: '300px', height: '400px' }}
-        src={props.src}
-        // alt="0"
-        backdrop="linear-gradient(90deg, rgba(86,81,81,0.7) 0%, rgba(86,81,81, 0.7) 100%)"
-        radius={5}
-        edge={20}
-        animate={{
-          flip: 'fade',
-        }}
-        controller={{
-          // 关闭按钮
-          close: false,
-          // 缩放按钮
-          zoom: false,
-          // 下载按钮
-          download: false,
-          // 旋转按钮
-          rotate: false,
-          // 翻页按钮
-          flip: true,
-          // 多页指示
-          pagination: true,
-        }}
-      />
+      <div style={{ background: '#ECECEC', padding: '30px' }}>
+        <Row gutter={16}>
+          <Col span={6}>
+            <ZmageImg style={{ width: '300px', height: '400px' }} src="https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1571303731819-1.jpg" />
+          </Col>
+        </Row>
+      </div>
+      <div style={{ marginTop: '10px', display: 'flex', justifyContent: 'center' }}>
+        <Button type="primary">通过</Button>
+        &nbsp;&nbsp;&nbsp;&nbsp;
+        <Button>不通过</Button>
+      </div>
     </>
   )
 }