修正按钮、上传页面

src/App.css

@@ -3,13 +3,14 @@ a.btn {
 }
 .btn {
   color: white !important;
-  border-radius: .3rem;
+  border-radius: .3em;
-  padding: .375rem 0;
+  padding: .375em 0;
-  font-size: 1.1rem;
+  font-size: 1.1em;
   cursor: pointer;
   transition: filter .3s ease-out;
   width: 5em;
   text-align: center;
+  font-size: 18px;
 }
 .btn:disabled {
   cursor: not-allowed;

src/upload/upload.css

@@ -1,20 +1,27 @@
 .banner {
-  height: 60px;
+  height: 80px;
   width: 100%;
   display: flex;
   justify-content: space-between;
+  padding: 10px 80px;
+  box-sizing: border-box;
+  background-color: #9D0004;
 }
 
 .sdu,
 .user {
   height: 100%;
   display: flex;
+  align-items: center;
 }
 .sdu-logo,
 .user-logo {
   height: 100%;
 }
-.sdu-name,
+.sdu-name {
+  height: 40px;
+  margin-left: 10px;
+}
 .user-name {
   height: 100%;
   line-height: 60px;

src/upload/upload.js

@@ -5,6 +5,7 @@ import UploadUnit from '../components/UploadUnit/UploadUnit';
 import { post } from '../helper/axios';
 import { apis } from '../helper/apis';
 import { alert } from '../helper/alert';
+import { images } from '../resources.json';
 
 import './upload.css';
 
@@ -56,8 +57,8 @@ export class UploadContainer extends Component {
       <div className="upload-container">
         <div className="banner">
           <div className="sdu">
-            <img src="" className="sdu-logo" alt="logo" />
+            <img src={images.icon} className="sdu-logo" alt="logo" />
-            <div className="sdu-name">山东大学</div>
+            <img src={images.name} className="sdu-name" alt="" />
           </div>
           <div className="user">
             <img src="" className="user-avatar" alt="avatar" />