Skip to content

X
xiaomai-cloud-class-web
Commit 5f5c02cd by zhangleyuan
Options

feat:优化样式

parent 5fb21f04
Showing with 30 additions and 13 deletions
src/modules/home/Home.less
...@@ -51,9 +51,10 @@ ...@@ -51,9 +51,10 @@
} }
.header-word { .header-word {
display: inline-block; display: inline-block;
font-size: 12px; font-size: 14px;
line-height: 18px; line-height: 18px;
color: #999; color: #333;
font-weight:500;
} }
} }
.data-number { .data-number {
...@@ -137,7 +138,7 @@ ...@@ -137,7 +138,7 @@
width: ~'calc(50% - 8px)'; width: ~'calc(50% - 8px)';
padding: 16px; padding: 16px;
.study-title { .study-title {
font-size: 16px; font-size: 14px;
color: #333; color: #333;
font-weight: 500; font-weight: 500;
line-height: 22px; line-height: 22px;
...@@ -311,10 +312,9 @@ ...@@ -311,10 +312,9 @@
height: 432px; height: 432px;
background: #fff; background: #fff;
padding: 16px; padding: 16px;
margin-top: 16px;
padding-bottom: 32px; padding-bottom: 32px;
.study-title { .study-title {
font-size: 16px; font-size: 14px;
color: #333; color: #333;
font-weight: 500; font-weight: 500;
line-height: 22px; line-height: 22px;
......
src/modules/root/Header.jsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: 吴文洁 * @Author: 吴文洁
* @Date: 2019-09-10 18:26:03 * @Date: 2019-09-10 18:26:03
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @LastEditTime: 2021-05-26 16:18:00 * @LastEditTime: 2021-05-27 19:44:42
* @Description: * @Description:
*/ */
import React, { useRef, useContext, useEffect, useState } from "react"; import React, { useRef, useContext, useEffect, useState } from "react";
...@@ -303,8 +303,10 @@ function Header(props) { ...@@ -303,8 +303,10 @@ function Header(props) {
</div> </div>
<div className="link-to-store"> <div className="link-to-store">
<div className="link"> <div className="link">
<span className="link-btn">
<span className="icon iconfont tool-tip-right">&#xe85d;</span> <span className="icon iconfont tool-tip-right">&#xe85d;</span>
<div className="text">前往学院</div> <span className="text">前往学院</span>
</span>
<div className="store-popover"> <div className="store-popover">
<div className="pc-url"> <div className="pc-url">
<div className="name">网页端学院</div> <div className="name">网页端学院</div>
...@@ -325,8 +327,10 @@ function Header(props) { ...@@ -325,8 +327,10 @@ function Header(props) {
</div> </div>
</div> </div>
<div className="share" onClick={handleCopy}> <div className="share" onClick={handleCopy}>
<span className="share-btn">
<span className="icon iconfont tool-tip-right">&#xe85e;</span> <span className="icon iconfont tool-tip-right">&#xe85e;</span>
<div className="text">分享学院</div> <span className="text">分享学院</span>
</span>
</div> </div>
</div> </div>
<Dropdown overlay={userMenu()} arrow> <Dropdown overlay={userMenu()} arrow>
......
src/modules/root/Header.less
...@@ -321,14 +321,19 @@ ...@@ -321,14 +321,19 @@
} }
.iconfont { .iconfont {
color: #FFF; color: #FFF;
&:hover {
color: #555;
}
} }
.link { .link {
display: flex;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
.link-btn{
padding:6px 12px;
opacity: 0.5;
border: 2px solid #FFFFFF;
border-radius: 4px;
&:hover{
opacity: 1;
}
}
.store-popover { .store-popover {
display: none; display: none;
} }
...@@ -389,8 +394,16 @@ ...@@ -389,8 +394,16 @@
} }
.share { .share {
cursor: pointer; cursor: pointer;
display: flex;
margin-left: 16px; margin-left: 16px;
.share-btn{
padding:6px 12px;
opacity: 0.5;
border: 2px solid #FFFFFF;
border-radius: 4px;
&:hover{
opacity: 1;
}
}
} }
} }
.drop-menu { .drop-menu {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment