diff --git a/src/forge/Issues/Img/biaoji.png b/src/forge/Issues/Img/biaoji.png new file mode 100644 index 00000000..e4037745 Binary files /dev/null and b/src/forge/Issues/Img/biaoji.png differ diff --git a/src/forge/Issues/Img/create.png b/src/forge/Issues/Img/create.png new file mode 100644 index 00000000..63b4cc29 Binary files /dev/null and b/src/forge/Issues/Img/create.png differ diff --git a/src/forge/Issues/index.scss b/src/forge/Issues/index.scss index ff284add..6d9adac4 100644 --- a/src/forge/Issues/index.scss +++ b/src/forge/Issues/index.scss @@ -3,10 +3,12 @@ margin:0px auto; } // 可公用样式(在issue的页面中) -// 有向下箭头且点击出现下拉框的按钮样式 +// 可点击(有向下箭头且点击出现下拉框,移入灰色背景加深)的灰色按钮样式 .dorpdownButton{ - padding:0px 17px 0px 16px; + padding:0px 15px; height:32px; + color: #333333!important; + cursor: pointer; line-height: 32px; background-color:#fafbfc; border:1px solid #d0d0d0; @@ -16,8 +18,24 @@ background-color: #f3f4f6; } } +// 操作按钮-蓝色 +.operateButton{ + padding:0px 15px; + height:32px; + color: #fff!important; + cursor: pointer; + line-height: 32px; + background-color:rgba(70, 106, 255, 1); + border:1px solid rgba(70, 106, 255, 1); + border-radius: 4px; + display: block; + &:hover{ + background-color:#708cff; + border-color:#708cff; + } +} // 列表页面样式 -.listheader{ +.pageheader{ display: flex; justify-content: space-between; padding:30px 0px; @@ -26,4 +44,59 @@ display: flex; align-items: center; } +} +.listheader{ + display: flex; + justify-content: space-between; + align-items: center; + height:50px; + background-color:#fafcff; + border:1px solid; + border-color:rgba(42, 97, 255, 0.23); + border-radius:4px 4px 0px 0px; + padding-left: 18px; + ul{ + display: flex; + align-items: center; + &:first-child{ + li{ + width: 106px; + &>span{ + height:19px; + line-height: 19px; + color: #666; + background-color:rgba(70, 106, 255, 0.09); + border-radius:10px; + margin-left: 5px; + padding:0px 6px; + font-size: 13px; + display: block; + } + } + } + li{ + color: #898d9d; + display: flex; + align-items: center; + cursor: pointer; + &.active{ + color: #333; + } + } + } + .dropboxul{ + padding-right: 20px; + li{ + min-width: 106px; + display: flex; + align-items: center; + justify-content: flex-end; + &>span{ + width: 80px; + display: block; + text-align: right; + } + } + } + } \ No newline at end of file diff --git a/src/forge/Issues/list.jsx b/src/forge/Issues/list.jsx index 54dd6639..9143c041 100644 --- a/src/forge/Issues/list.jsx +++ b/src/forge/Issues/list.jsx @@ -1,5 +1,11 @@ import React from 'react'; -import { Dropdown , Menu , Icon } from 'antd'; +import { Dropdown , Menu , Icon , Input , Checkbox } from 'antd'; +import bj from './Img/biaoji.png'; +import create from './Img/create.png'; +import { Link } from 'react-router-dom'; +import ListDrop from './listDrop'; +const { Search } = Input; + function List(props){ @@ -12,16 +18,37 @@ function List(props){ @我的 ) + return(
-
+
与我相关 + console.log(value)} + style={{ width: 354 , height : 32 , marginLeft: 20 }} + /> + 清除筛选条件 +
+
+ 标记管理 + 创建疑修 +
+
+
+
+
    + +
  • 全部111
  • +
  • 开启中111
  • +
  • 已关闭111
  • +
+
-
) diff --git a/src/forge/Issues/listDrop.jsx b/src/forge/Issues/listDrop.jsx new file mode 100644 index 00000000..6fb2bcb3 --- /dev/null +++ b/src/forge/Issues/listDrop.jsx @@ -0,0 +1,62 @@ +import React from 'react'; +import { Dropdown , Icon , Menu } from 'antd'; + +function ListDrop(){ + const dropmenu=[ + { + name:"发布人", + menu:["caishi","he","xiao","jiang"] + }, + { + name:"标记", + menu:["caishi","he","xiao","jiang"] + }, + { + name:"里程碑", + menu:["caishi","he","xiao","jiang"] + }, + { + name:"负责人", + menu:["caishi","he","xiao","jiang"] + }, + { + name:"状态", + menu:["caishi","he","xiao","jiang"] + }, + { + name:"排序", + menu:["caishi","he","xiao","jiang"] + } + ] + + function menu(menu){ + if(menu && menu.length>0){ + return + { + menu.map((i,j)=>{ + return {i} + }) + } + + } + else{ + return ""; + } + } + return( + dropmenu && dropmenu.length >0 ? + + :
+ ) +} +export default ListDrop; \ No newline at end of file