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){