page

src/forge/Issues/Component/datas.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Checkbox } from 'antd';
+
+// issue列表显示
+function Datas(){
+  return(
+    <div className="listdatas">
+      <div>
+        <div className="issuedetail">
+          <Checkbox style={{marginRight: "16px"}} value="0"></Checkbox>
+          <div>
+            <div>
+              <span>正常</span>
+              <p>如何参与到项目的开发，提升技术能力？</p>
+              <span>invalid</span>
+            </div>
+          </div>
+        </div>
+        <div className="issuecondition"></div>
+      </div>
+      <div>
+        <div></div>
+        <div></div>
+      </div>
+      <div>
+        <div></div>
+        <div></div>
+      </div>
+    </div>
+  )
+}
+export default Datas;

src/forge/Issues/Component/menus.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Dropdown , Icon , Menu } from 'antd';
 
-function ListDrop(){
+function Menus(){
   const dropmenu=[
     {
       name:"发布人",
@@ -59,4 +59,4 @@ function ListDrop(){
     :<div></div>
   )
 }
-export default ListDrop;
+export default Menus;

src/forge/Issues/Pages/list.jsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import { Dropdown , Menu , Icon , Input , Checkbox } from 'antd';
-import bj from './Img/biaoji.png';
-import create from './Img/create.png';
+import bj from '../Img/biaoji.png';
+import create from '../Img/create.png';
 import { Link } from 'react-router-dom';
-import ListDrop from './listDrop';
+import Menus from '../Component/menus';
+import Datas from '../Component/datas';
 const { Search } = Input;
 
 
@@ -42,13 +43,14 @@ function List(props){
       <div className="lists">
         <div className="listheader">
           <ul>
-            <Checkbox style={{marginRight: "16px"}}></Checkbox>
+            <Checkbox value="all" style={{marginRight: "16px"}}></Checkbox>
             <li className="active">全部<span>111</span></li>
             <li>开启中<span>111</span></li>
             <li>已关闭<span>111</span></li>
           </ul>
-          <ListDrop />
+          <Menus />
         </div>
+        <Datas />
       </div>
     </div>
   )

src/forge/Issues/index.jsx

@@ -5,7 +5,7 @@ import Loading from "../../Loading";
 import './index.scss';
 
 const List = Loadable({
-  loader: () => import("./list"),
+  loader: () => import("./Pages/list"),
   loading: Loading,
 });
 

src/forge/Issues/index.scss

@@ -99,4 +99,27 @@
     }
   }
   
+}
+// issue列表
+.listdatas{
+  border:1px solid #d0d0d0;
+  border-radius:0px 0px 4px 4px ;
+  border-top: none;
+  &>div{
+    padding:20px 18px;
+    border-bottom: 1px solid #eee;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    &:hover{
+      background-color:rgba(231, 233, 242, 0.26);
+    }
+    &:last-child{
+      border-bottom: none;
+    }
+    .issuedetail{
+      display: flex;
+      align-items: flex-start;
+    }
+  }
 }