From 3b29605321b4a28d4f72ac137fec088c39fa236b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E6=80=9D?= <2897217417@qq.com> Date: Tue, 7 Sep 2021 09:09:35 +0800 Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=91=8A=E4=BA=8C=E6=AC=A1=E6=94=B9?= =?UTF-8?q?=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/forge/Main/Index.js | 8 +- src/forge/css/index.scss | 19 +++- src/military/notice/noticeList/index.jsx | 77 +++++--------- src/military/notice/noticeList/index.scss | 120 +++++++++++++--------- 4 files changed, 119 insertions(+), 105 deletions(-) diff --git a/src/forge/Main/Index.js b/src/forge/Main/Index.js index ade074a0..080907f2 100644 --- a/src/forge/Main/Index.js +++ b/src/forge/Main/Index.js @@ -276,12 +276,14 @@ class Index extends Component {
diff --git a/src/forge/css/index.scss b/src/forge/css/index.scss index 913312ff..e91504ac 100644 --- a/src/forge/css/index.scss +++ b/src/forge/css/index.scss @@ -168,7 +168,7 @@ form{ background-color: #fff; .list-affix{ min-height: 20px; - max-height: 180px; + max-height: 240px; overflow-y: auto; } & li{ @@ -210,7 +210,7 @@ form{ width: 6px; content: ''; height: 33px; - background: #4CACFF; + background: #1484EF; } .MenuTitle{ font-size: 16px; @@ -220,6 +220,21 @@ form{ line-height: 62px; border-bottom: 1px solid #E0E0E0; font-weight: 400; + + span{ + display: block; + width: 50%; + height: 100%; + cursor: pointer; + } + + span:hover{ + color: #1484EF; + + .iconfont{ + color: #1484EF !important; + } + } } .ant-menu-inline{ border:none; diff --git a/src/military/notice/noticeList/index.jsx b/src/military/notice/noticeList/index.jsx index 19dea876..344dc1d0 100644 --- a/src/military/notice/noticeList/index.jsx +++ b/src/military/notice/noticeList/index.jsx @@ -1,21 +1,14 @@ import React, { useEffect, useState } from 'react'; import classNames from 'classnames'; -import { Menu, Pagination, Icon, Input } from 'antd'; -import { Link } from "react-router-dom"; +import { Pagination, Icon, Input } from 'antd'; import ItemList from '../components/itemList'; import Nodata from '../../../forge/Nodata'; import Loading from "../../../Loading"; -// import { AbandonSvg, AllSvg, ChangeSvg, CallSvg, CheckSvg } from '../svg'; import noticePng from '../image/banner.png'; import { getNoticeList } from '../api'; import './index.scss'; const Search = Input.Search; -// const { SubMenu } = Menu; - -// const defaultColor = '#848684'; -// const activeColor = '#ffffff'; -// const svgColor = '#1890ff'; export default (props) => { @@ -101,6 +94,7 @@ export default (props) => { function sortNav() { return
{
} - // function onOpenChange(e) { - // if(e.length===2){ - // if(e[1]==='sub1'){ - // setTab('0'); - // }else{ - // setTab('7'); - // } - // }else{ - // if(e[0]==='sub1'){ - // setTab('0'); - // } else if (e[0] == 'sub2') { - // setTab('7'); - // } else { - // setTab('8'); - // } - // } - // setCurPage(1); - // setTitle(''); - // setOrderBy('publishDateDesc'); - // } - function handleClick(e) { setTab(e.key); setCurPage(1); @@ -142,6 +115,15 @@ export default (props) => { setOrderBy('publishDateDesc'); } + function click(e){ + console.log("aa"); + console.log(e); + setTab(e); + setCurPage(1); + setTitle(''); + setOrderBy('publishDateDesc'); + } + function cont(param, titleStr, key, svgStr) { return
@@ -252,33 +234,24 @@ export default (props) => { 图片加载失败
-
+ {/*
首页 >  公告 -
+
*/}
- - 项目公告 - {/* 项目公告} > */} - 招标公告 - 更正公告 - 中标公告 - 废标公告 - {/* */} - 成果转化 - {/* 成果转化}> */} - 技术资产 - 成交公告 - {/* */} - +
    +
  • click('0')}>项目公告
    • +
  • click('4')}>招标公告
    • +
  • click('1')}>更正公告
    • +
  • click('2')}>中标公告
    • +
  • click('3')}>废标公告
    • +
+
    +
  • click('7')}>成果转化
    • +
  • click('5')}>技术资产
    • +
  • click('6')}>成交公告
    • +
{sortNav()} diff --git a/src/military/notice/noticeList/index.scss b/src/military/notice/noticeList/index.scss index a0a02574..c942d00e 100644 --- a/src/military/notice/noticeList/index.scss +++ b/src/military/notice/noticeList/index.scss @@ -39,8 +39,11 @@ .notice-sort-nav{ display: flex; justify-content: space-between; - padding: .625rem 1rem .5rem; - background: #f5f5f5; + padding: .3rem 2rem 1.5rem; + margin: 0px -1.25rem; + // border: 1px solid; + border-bottom: 1px solid #E0E0E0; + // background: #f5f5f5; } .notice-center-content{ @@ -68,7 +71,6 @@ } } - .ant-input-group-addon{ border: 0 !important; } @@ -100,10 +102,11 @@ .body{ display: flex; justify-content: space-between; + margin-top: -20px; .navigationMenu{ - margin-right: 24px; - width: 15.4em; + margin-right: 20px; + width: 20.8em; caret-color: rgba(0, 0, 0, 0); } @@ -112,50 +115,71 @@ } } -#menu-selected{ - background-color: #1890FF; - color: #fff; - .subMenuspan{ - color: #fff; +.menu-ul{ + background-color: white; + margin-bottom: 12px; + border-radius:2px; + + .MenuTitle{ + border-bottom: 1px solid #E0E0E0; + + span{ + display: block; + width: 50%; + height: 100%; + cursor: pointer; + border-bottom: 0px solid; + i{ + color: #afaaae; + } + } + + span:hover{ + color: #1484EF; + .iconfont{ + color: #1484EF !important; + } + } + } + + li{ + padding:0px 0px 0px 20px; + position: relative; + height: 62px; + line-height: 62px; + font-size: 16px; + color: #333; + span{ + display: block; + height: 62px; + cursor: pointer; + border-bottom: 1px solid #eee; + } + + &:last-child > span{ + border-bottom: none; + } + } + + li:hover{ + background: #fafafa; + } + + .active::before{ + position: absolute; + left: 0px; + top: 15px; + width: 6px; + content: ''; + height: 30px; + background: #1484EF; + } + + & i{ + margin-right: 5px; } } -// #menu-selected>div>.itemClass>.iconfont{ -// color: #fff; -// } - -#menu-selected>.itemClass>.iconfont{ - color: #fff; -} - -#menu-selected .ant-menu-submenu-arrow::after,#menu-selected .ant-menu-submenu-arrow::before,#menu-selected .ant-menu-submenu-arrow:after,#menu-selected .ant-menu-submenu-arrow:before{ - background: #fff; -} - -.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{ - background-color: #fff; - color: #595959; -} - -.ant-menu-item-active{ - color: #1890FF; -} - -.ant-menu-submenu-selected{ - color: #595959; -} - -.itemClass{ - display: flex; - align-items: center; - font-size: 18px; - .iconfont{ - margin-right:.75em; - color: #1890FF; - } -} - -.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title{ - margin-top: 0px; - margin-bottom: 0px; +.ant-input-group-addon .ant-btn-lg { + height: 40px; } \ No newline at end of file