Zgna
/
forgeplus-react
forked from Gitlink/forgeplus-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CCF改版第二遍

This commit is contained in:
龚云瀚 2023-08-07 11:14:31 +08:00
parent 813d740481
commit 404c5cb602
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/forge/Information/Pages/headerPagebyCCF.jsx
View File

@ -113,7 +113,7 @@ function HeaderPageCCF(props) {
newsList.map((i, k) => {
return (
<div className="regform" key={k}>
<img src={i.headImg || img1} alt="" height="400px" style={{ width: "100%", objectFit: "cover" }} className="mb30" />
<img src={i.headImg || img1} alt="" height="500px" style={{ width: "100%", objectFit: "cover" }} className="mb30" />
<div className="detail">
<Link to={`/zone/${deptId}/newdetail/${i.id}`} className="color-blue flexCenter zone_btn line" >点击图片了解更多</Link>
</div>
@ -153,7 +153,7 @@ function HeaderPageCCF(props) {
if (i.name === "开源业内资讯" || i.name === "开源战略工作组" || i.name === "开源活动")
return (
<ul className="mainlist radius4">
<p><i className="icon-tuijian icon-youhua font-12 lg lh26 icontianjiadaohangcolors color-blue "></i> {i.name}<i className="iconfont icon-youhua font-12 lg lh26 icontianjiadaohangcolors you "></i></p>
<p><i className="iconfont icon-tuijian font-12 lg lh26 icontianjiadaohangcolors color-blue "></i> {i.name}<i className="iconfont icon-youhua font-12 lg lh26 icontianjiadaohangcolors you "></i></p>
{
i.cmsDocList && i.cmsDocList.length > 0 ?
i.cmsDocList.map((j, k) => {
@ -192,7 +192,7 @@ function HeaderPageCCF(props) {
<div className="z_p_language">
{
i.projectProperties.topics &&
<ul className="tag" key={k}>
<ul className="tag task-hide" key={k}>
{
i.projectProperties.topics.split(",").map(t => {
return (

29
src/forge/Information/indexZonebyCCF.scss
View File

@ -2,7 +2,7 @@
.zone_news{
margin-top: -10px !important;
.zone_new_first{
background-color: #fff;
background: transparent !important;
padding:0px !important;
flex:1;
border-radius: 4px;
@ -77,7 +77,7 @@
text-align: left;
left: 50%;
margin-left: -115px;
bottom: 15%;
bottom: 10%;
position: absolute;
display: flex!important;
z-index: 2;
@ -122,6 +122,9 @@
margin-left: 30px;
display: flex;
flex-direction: column;
margin-bottom: 100px !important;
top: 50px;
position: relative;
.zone_n_value{
margin-top: 50px;
.photo{
@ -142,20 +145,22 @@
width: 385px;
padding: 10px !important;
border-radius: 4px;
margin-bottom: 30px;
margin-bottom: 15px !important;
position: relative;
&:last-child{
margin-bottom: 0px;
}
}
}
.List{
margin-bottom: 20px;
margin-bottom: 30px;
display: block;
.mainlist{
display: inline-block;
width: 360px;
width: 387px;
background-color: #fff;
overflow: hidden;
margin: 30px 40px 0px 10px;
margin: -30px 10px 0px 10px;
word-break: break-all;
padding: 10px;
p{
@ -176,17 +181,18 @@
.zone_projects{
.zone_p_lists{
li{
padding: 25px 30px !important;
height: 170px;
height: 200px;
.z_p_language{
.tag{
display: flex;
align-items: center;
margin-bottom: 15px!important;
width: 100%;
}
.tag_li{
float: left;
white-space: nowrap;
position: relative;
margin-right: 10px !important;
margin-bottom: 10px !important;
top: 10px !important;
border: 0px solid;
width: auto;
@ -195,10 +201,9 @@
line-height:21px;
background-color:var(--tag-back);
border-radius:2px;
margin-right: 12px;
color: var(--primary-color);
font-size:13px;
padding:0px 7px !important;
padding:0px 3px !important;
}
}
}