diff --git a/src/forge/Head/Header.js b/src/forge/Head/Header.js index 27470ca4..fa3a5216 100644 --- a/src/forge/Head/Header.js +++ b/src/forge/Head/Header.js @@ -448,7 +448,7 @@ class NewHeader extends Component { visible={visible} onVisibleChange={this.handleVisibleChange} > - + diff --git a/src/forge/Head/NoticeContent.jsx b/src/forge/Head/NoticeContent.jsx index ff715ad4..0ff7f785 100644 --- a/src/forge/Head/NoticeContent.jsx +++ b/src/forge/Head/NoticeContent.jsx @@ -163,16 +163,15 @@ function NoticeContent({ visible, showNotification, resetUserInfo, current_user: > { noticeUnreadList.map(item => { - let contentStr = item.content.endsWith("") && item.content.length >= 50 && item.content.replace("", "").substr(0, 40) + "..."; return (
{ readItem(item) }}> -
30 && item.content.length <= 34 ? '65px' : "" }}> +
- = 48 ? item.content.substr(0, 48) + "..." : item.content }}> + {item.time_ago}
@@ -194,12 +193,12 @@ function NoticeContent({ visible, showNotification, resetUserInfo, current_user: {atUnreadList.map(item => { return (
{ readItem(item) }}> -
30 && item.content.length <= 42 ? '65px' : "" }}> +
- = 50 ? item.content.substr(0, 50) + "...@我" : item.content }}> + {item.time_ago}
@@ -226,7 +225,7 @@ function NoticeContent({ visible, showNotification, resetUserInfo, current_user: ) }) : "暂无数据" : ""} */}
- 全部消息 + 全部消息 所有{noticeType === "notification" ? "系统消息" : noticeType === "letter" ? "私信" : "@我"}一键已读
diff --git a/src/forge/Head/header.scss b/src/forge/Head/header.scss index d870a5f5..5c332b43 100644 --- a/src/forge/Head/header.scss +++ b/src/forge/Head/header.scss @@ -224,17 +224,30 @@ } .noticeCont-text{ - flex: auto; - position: relative; - max-height: 48px; + display: flex; color:#333333; + & .content-span{ + word-break: break-all; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; /* 这里是超出几行省略 */ + overflow: hidden; + } + + & .atme-cont-span{ + width: 275px; + } + + & .notice-cont-span{ + width: 255px; + } + .timeSpan{ - position: absolute; - right: 3px; - bottom: 0px; font-size: 12px; color: #666666; + margin-left: 5px; } .at-name{ diff --git a/src/forge/SecuritySetting/Index.jsx b/src/forge/SecuritySetting/Index.jsx index 4a9430c0..7330040b 100644 --- a/src/forge/SecuritySetting/Index.jsx +++ b/src/forge/SecuritySetting/Index.jsx @@ -61,7 +61,7 @@ function Index(props){
  • 消息通知
  • -
  • -1 || pathname.indexOf("/settings/notice/privateLetter")>-1 ?"active":""}>我的通知
  • +
  • -1 || pathname.indexOf("/settings/notice/privateLetter")>-1 ?"active":""}>我的通知
  • {/*
  • -1 ?"active":""}>通知管理
  • */}
    @@ -73,7 +73,7 @@ function Index(props){ ( )} diff --git a/src/forge/SecuritySetting/notice/myNotice/Index.scss b/src/forge/SecuritySetting/notice/myNotice/Index.scss index 1805021b..42d77d3a 100644 --- a/src/forge/SecuritySetting/notice/myNotice/Index.scss +++ b/src/forge/SecuritySetting/notice/myNotice/Index.scss @@ -1,5 +1,7 @@ +.whiteBack .boies .sshHead{ + padding:0 10px 0px 0px; +} .sshHead{ - padding:0 10px 0px 0px !important; .ant-badge{ font-size: 16px; color: #333333; @@ -14,16 +16,16 @@ position: relative; } - #item-private{ - margin: 0 24px 0 34px !important; - } + // #item-private{ + // margin: 0 24px 0 34px !important; + // } li.ant-menu-item, .ant-menu-horizontal > .ant-menu-item { border-bottom: 0px; } - .ant-menu-item-selected{ - color: #333333 !important; + & .ant-menu-item-selected{ + color: #333333; font-weight: 400; text-shadow: 0.5px 0 #333; border-bottom: 2px solid #2A61FF !important; @@ -86,6 +88,11 @@ button:active { background: #F3F4F6; } + & b{ + font-weight: 400; + text-shadow: 0.5px 0 #333; + } + & .invisable-read{ display: none; }