.

src/components/Upload/UploadImage.jsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';
 import Upload from './Upload';
+import './style.less'
 
 function beforeUpload(file) {
   const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'||file.type==='image/gif';
@@ -16,9 +17,9 @@ function beforeUpload(file) {
 }
 
 const UploadButton = (props) => (
-  <div>
+  <div style={{margin:'8px 0'}}>
     {props.loading ? <LoadingOutlined /> : <PlusOutlined />}
-    <div style={{ marginTop: 8 }}>上传</div>
+    <div>上传</div>
   </div>
 );
 
@@ -51,7 +52,7 @@ export default (props) => {
       beforeUpload={beforeUpload}
       onChange={handleChange}
     >
-      {value ? <img src={value} alt="avatar" style={{ width: '100%', height: '100%' }} /> : <UploadButton loading={loading} />}
+      {value ? <img src={value} alt="avatar" style={{ width: '100%', height: '60%' }} /> : <UploadButton loading={loading} />}
     </Upload>
   );
 }

src/components/Upload/style.less

@@ -1,7 +1,3 @@
-.video-uploader {
-  video {
-    margin-top: 2em;
-    width: 100%;
-    max-height: 360px;
-  }
-}
+.image-uploader>div {
+  height: 60% !important;
+}