feat:优化样式

src/modules/home/Home.less

@@ -51,9 +51,10 @@
           }
           .header-word {
             display: inline-block;
-            font-size: 12px;
+            font-size: 14px;
             line-height: 18px;
-            color: #999;
+            color: #333;
+            font-weight:500;
           }
         }
         .data-number {
@@ -137,7 +138,7 @@
         width: ~'calc(50% - 8px)';
         padding: 16px;
         .study-title {
-          font-size: 16px;
+          font-size: 14px;
           color: #333;
           font-weight: 500;
           line-height: 22px;
@@ -311,10 +312,9 @@
     height: 432px;
     background: #fff;
     padding: 16px;
-    margin-top: 16px;
     padding-bottom: 32px;
     .study-title {
-      font-size: 16px;
+      font-size: 14px;
       color: #333;
       font-weight: 500;
       line-height: 22px;

src/modules/root/Header.jsx

@@ -2,7 +2,7 @@
  * @Author: 吴文洁
  * @Date: 2019-09-10 18:26:03
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-05-26 16:18:00
+ * @LastEditTime: 2021-05-27 19:44:42
  * @Description:
  */
 import React, { useRef, useContext, useEffect, useState } from "react";
@@ -303,8 +303,10 @@ function Header(props) {
             </div>
             <div className="link-to-store">
               <div className="link">
+                <span className="link-btn">
                   <span className="icon iconfont tool-tip-right">&#xe85d;</span>
-                <div className="text">前往学院</div>
+                  <span className="text">前往学院</span>
+                </span>
                 <div className="store-popover">
                   <div className="pc-url">
                     <div className="name">网页端学院</div>
@@ -325,8 +327,10 @@ function Header(props) {
                 </div>
               </div>
               <div className="share" onClick={handleCopy}>
+                <span className="share-btn">
                   <span className="icon iconfont tool-tip-right">&#xe85e;</span>
-                <div className="text">分享学院</div>
+                  <span className="text">分享学院</span>
+                </span>
               </div>
             </div>
             <Dropdown overlay={userMenu()} arrow>

src/modules/root/Header.less

@@ -321,14 +321,19 @@
         }
         .iconfont {
           color: #FFF;
-          &:hover {
-            color: #555;
-          }
         }
         .link {
-          display: flex;
           cursor: pointer;
           position: relative;
+          .link-btn{
+            padding:6px 12px;
+            opacity: 0.5;
+            border: 2px solid #FFFFFF;
+            border-radius: 4px;
+            &:hover{
+              opacity: 1;
+            }
+          }
           .store-popover {
             display: none;
           }
@@ -389,8 +394,16 @@
         }
         .share {
           cursor: pointer;
-          display: flex;
           margin-left: 16px;
+          .share-btn{
+            padding:6px 12px;
+            opacity: 0.5;
+            border: 2px solid #FFFFFF;
+            border-radius: 4px;
+            &:hover{
+              opacity: 1;
+            }
+          }
         }
       }
       .drop-menu {