修改首页头部及第一部分

This commit is contained in:
何童崇 2021-11-10 16:55:17 +08:00
parent 6e7da0ef5b
commit c6bc26c5ae
5 changed files with 59 additions and 9 deletions

View File

@ -56,8 +56,8 @@ export function initAxiosInterceptors(props) {
// TODO 避免重复的请求 https://github.com/axios/axios#cancellation
var
proxy = "http://localhost:3000";
proxy = "https://forge.osredm.com";
// proxy = "http://117.50.100.12:49999";
// proxy = "https://forge.osredm.com";
proxy = "http://117.50.100.12:49999";
const requestMap = {};
window.setfalseInRequestMap = function (keyName) {

View File

@ -8,7 +8,8 @@ function HomePage(props) {
return (
<div className="homePage">
<div className="topEdition">
<div className="first-edition">
</div>
<div className="waves-header">

View File

@ -1,3 +1,19 @@
.homePage{
margin-top:-6px;
.first-edition{
height: 80vh;
background: linear-gradient(
// top,
#1A2358 0%,
#12277B 33%,
#0C2D8F 67%,
#002A89 100%
);
}
}
.hero-waves {
display: block;
width: 100%;
@ -6,6 +22,7 @@
}
.news-slide {
margin: 20px auto;
width: 600px;
@ -49,11 +66,12 @@
.waves-header {
position: relative;
text-align: center;
background: linear-gradient(
60deg,
rgba(84, 58, 183, 1) 0%,
rgba(0, 172, 193, 1) 100%
);
background: #002A89;
// background: linear-gradient(
// 60deg,
// rgba(84, 58, 183, 1) 0%,
// rgba(0, 172, 193, 1) 100%
// );
color: white;
}
.waves {

View File

@ -724,7 +724,15 @@ class NewHeader extends Component {
<a href={mygetHelmetapi2 && mygetHelmetapi2.new_course.default_url} className={"fl mr30"} style={{minWidth:"45px"}}>
{
mygetHelmetapi2 && mygetHelmetapi2.nav_logo_url ?
<img alt="可控开源社区" className="logoimg" style={{ heigth: "40px" }} src={getLogoImageUrl(mygetHelmetapi2.nav_logo_url)}></img>
<div className="logoDiv">
<img alt="可控开源社区" className="logoimg" style={{ heigth: "40px" }} src={getLogoImageUrl(mygetHelmetapi2.nav_logo_url)}></img>
{
activeIndex&&<div className="logo-text">
<p>红山开源</p>
<p className="logo-English">OSRedM</p>
</div>
}
</div>
:
""
}

View File

@ -13,8 +13,31 @@
.newHeaders.homePage{
background-color: #1A2358;
/* height: 64px; */
}
.newHeaders.homePage .head-nav ul#header-nav li a{
font-size: 15px;
color: #fff;
}
.logoDiv{
display: flex;
align-items: center;
color: #fff;
}
.homePage .logoDiv img{
min-width: 45px;
height: 45px;
}
.logo-text{
margin-left: .2em;
text-align: center;
}
.logo-text p{
line-height: 1.1;
}
.logo-English{
font-size: .8em;
}