+ {childrens.map((item, key) => {
+ return (
+
this.changeCategory(item.id, list, item.parent_id)}
+ className={
+ active_id && parseInt(active_id) === item.id
+ ? "active category-popver"
+ : "category-popver"
+ }
+ >
+ {item.name}
+
+ );
+ })}
+
+
+
+
-
-
- - 项目类别
- {categoryList}
-
+
+
+
+ -
+
+ 语言
+
+ {typeList}
+
+
+
+
+ -
+
+ 项目类别
+
+ {categoryList}
+
+
+
-
- )
+ );
}
}
export default Index;
diff --git a/src/forge/Main/list.css b/src/forge/Main/list.css
index 66146ccd..6f015cd0 100644
--- a/src/forge/Main/list.css
+++ b/src/forge/Main/list.css
@@ -1,9 +1,17 @@
.lineH2{line-height:2}
-.t_project_banner {
+/* .t_project_banner {
height: 260px;
background: url(../Images/banner_list.png) no-repeat center;
background-color: #050d34;
+} */
+.banner_list_img{
+ max-height: 260px;
+}
+.banner_list_img img{
+ width: 100%;
+ height: 100%;
+
}
.ProjectListIndex{
width: 1200px;
@@ -47,7 +55,7 @@
flex-wrap: wrap;
align-items: center;
padding:25px 30px;
- border-bottom: 1px solid #E0E0E0;
+ border-bottom: 1px solid #eeeeee;
}
.list-r-Search{
width: 400px;
diff --git a/src/forge/css/index.scss b/src/forge/css/index.scss
index e86c2e66..865d69d3 100644
--- a/src/forge/css/index.scss
+++ b/src/forge/css/index.scss
@@ -3,7 +3,7 @@ ul,ol,dl{
}
/* #EAEBEC */
.newMain{
- background-color: #EAEBEC;
+ background-color: #fafafa;
}
.main{
width: 1200px;
@@ -136,18 +136,41 @@ form{
vertical-align: middle;
}
.pd510{padding: 5px 10px;}
-
+.list-l-Menu::-webkit-scrollbar, .category-popver-content::-webkit-scrollbar { width: 0 !important }
+.category-popver{
+font-size: 14px;
+color: #333333;
+padding: 10px 16px;
+cursor: pointer;
+}
+.category-popver:hover, .category-popver.active{
+ background-color: #f8f8f8;
+}
+.category-popver-content{
+ -ms-overflow-style: none;
+ overflow: -moz-scrollbars-none;
+ max-height: 600px;
+ overflow-y: auto;
+}
.list-l-Menu{
+ -ms-overflow-style: none;
+ overflow: -moz-scrollbars-none;
margin-bottom: 12px;
border-radius:2px;
- border:1px solid rgba(221,221,221,1);
+ // border:1px solid rgba(221,221,221,1);
background-color: #fff;
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
+ border-radius: 5px;
+ min-height: 200px;
+ max-height: 40%;
+ overflow-y: auto;
&>li{
font-size: 1rem;
padding:0px 0px 0px 20px;
box-sizing: border-box;
color: #333;
position: relative;
+ border-radius: 5px;
& > p{
height: 62px;
line-height: 62px;
@@ -155,6 +178,7 @@ form{
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
+ color: #666666;
cursor: pointer;
padding-right: 20px;
a{
@@ -168,11 +192,11 @@ form{
border-bottom: none;
}
&:not(.MenuTitle):hover{
- background-color: #fafafa;
+ background-color: #f8f8f8;
}
}
& li.active{
- background-color: #fafafa;
+ background-color: #f8f8f8;
}
& li.active::before{
position: absolute;
@@ -189,7 +213,7 @@ form{
color: #333!important;
height: 62px;
line-height: 62px;
- border-bottom: 1px solid #E0E0E0;
+ border-bottom: 1px solid #eeeeee;
font-weight: 400;
}
.ant-menu-inline{
新建
+
+ 
+
+ 排序