feat:消息
Showing
3 changed files
with
42 additions
and
4 deletions
| ... | @@ -236,7 +236,7 @@ div.navigation { | ... | @@ -236,7 +236,7 @@ div.navigation { |
| 236 | } | 236 | } |
| 237 | /* 消息模块 */ | 237 | /* 消息模块 */ |
| 238 | .sysNews { | 238 | .sysNews { |
| 239 | margin-right: 30px; | 239 | margin-right: 15px; |
| 240 | cursor: pointer; | 240 | cursor: pointer; |
| 241 | height: auto!important; | 241 | height: auto!important; |
| 242 | line-height: auto!important; | 242 | line-height: auto!important; |
| ... | @@ -247,7 +247,7 @@ div.navigation { | ... | @@ -247,7 +247,7 @@ div.navigation { |
| 247 | position: relative; | 247 | position: relative; |
| 248 | } | 248 | } |
| 249 | .sysNewsList { | 249 | .sysNewsList { |
| 250 | top: 39px!important; | 250 | top: 30px!important; |
| 251 | border-radius: 5px!important; | 251 | border-radius: 5px!important; |
| 252 | width: 360px!important; | 252 | width: 360px!important; |
| 253 | } | 253 | } |
| ... | @@ -266,7 +266,13 @@ div.navigation { | ... | @@ -266,7 +266,13 @@ div.navigation { |
| 266 | text-align: center; | 266 | text-align: center; |
| 267 | } | 267 | } |
| 268 | .sysNews img { | 268 | .sysNews img { |
| 269 | width: 26px; | 269 | width: 17px; |
| 270 | } | ||
| 271 | .sysNewsList { | ||
| 272 | padding-top: 0!important; | ||
| 273 | } | ||
| 274 | .sysNewsList a { | ||
| 275 | opacity: 1!important; | ||
| 270 | } | 276 | } |
| 271 | .sysNewsList dd a { | 277 | .sysNewsList dd a { |
| 272 | display: block; | 278 | display: block; |
| ... | @@ -298,3 +304,34 @@ div.navigation { | ... | @@ -298,3 +304,34 @@ div.navigation { |
| 298 | .sysNewsList dd a p span:nth-child(2){ | 304 | .sysNewsList dd a p span:nth-child(2){ |
| 299 | float: right; | 305 | float: right; |
| 300 | } | 306 | } |
| 307 | .sysNewsTitle { | ||
| 308 | background-color: #dedede; | ||
| 309 | line-height: 36px; | ||
| 310 | padding-left: 20px; | ||
| 311 | position: relative; | ||
| 312 | top: -1px; | ||
| 313 | border-top-left-radius: 5px; | ||
| 314 | border-top-right-radius: 5px; | ||
| 315 | } | ||
| 316 | .sysNewsOperation { | ||
| 317 | height: 36px; | ||
| 318 | display: block; | ||
| 319 | } | ||
| 320 | .sysNewsOperation span{ | ||
| 321 | float: left; | ||
| 322 | cursor: pointer; | ||
| 323 | color: #006CFF; | ||
| 324 | font-size: 12px; | ||
| 325 | margin-left: 20px; | ||
| 326 | } | ||
| 327 | .sysNewsOperation a{ | ||
| 328 | float: right; | ||
| 329 | cursor: pointer; | ||
| 330 | color: #006CFF!important; | ||
| 331 | font-size: 12px; | ||
| 332 | } | ||
| 333 | .sysNewsOperation a:hover { | ||
| 334 | background-color: #ffffff!important; | ||
| 335 | color: #006CFF!important; | ||
| 336 | font-weight: 100!important; | ||
| 337 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -40,10 +40,11 @@ document.writeln(" <p class='loginButton register' id='regist | ... | @@ -40,10 +40,11 @@ document.writeln(" <p class='loginButton register' id='regist |
| 40 | document.writeln(" </li>"); | 40 | document.writeln(" </li>"); |
| 41 | document.writeln(" </ul>"); | 41 | document.writeln(" </ul>"); |
| 42 | document.writeln(" <ul class='login layui-nav login-con loginAfter'>"); | 42 | document.writeln(" <ul class='login layui-nav login-con loginAfter'>"); |
| 43 | |||
| 44 | document.writeln(" <li class='layui-nav-item sysNews'>"); | 43 | document.writeln(" <li class='layui-nav-item sysNews'>"); |
| 45 | document.writeln(" <p class='sysNewsItem'><img class='userImage' src=\'" + localhostPaht + "/staticImages/xiaoxi.png\'><span class='sysNewsNum'>12</span></p>"); | 44 | document.writeln(" <p class='sysNewsItem'><img class='userImage' src=\'" + localhostPaht + "/staticImages/xiaoxi.png\'><span class='sysNewsNum'>12</span></p>"); |
| 46 | document.writeln(" <dl class='layui-nav-child sysNewsList'>"); | 45 | document.writeln(" <dl class='layui-nav-child sysNewsList'>"); |
| 46 | document.writeln(" <div class='sysNewsTitle'>最新消息</div>"); | ||
| 47 | document.writeln(" <div class='sysNewsOperation'><span>全部标记为已阅</span><a>历史消息</a></div>"); | ||
| 47 | document.writeln(" <dd><a><p>您申请办理的XXX业务已成功提交</p><p><span>2020-12-32</span> <span>已读</span></p></a></dd>"); | 48 | document.writeln(" <dd><a><p>您申请办理的XXX业务已成功提交</p><p><span>2020-12-32</span> <span>已读</span></p></a></dd>"); |
| 48 | document.writeln(" <dd><a><p>您申请办理的XXX业务已成功提交</p><p><span>2020-12-32</span> <span>已读</span></p></a></dd>"); | 49 | document.writeln(" <dd><a><p>您申请办理的XXX业务已成功提交</p><p><span>2020-12-32</span> <span>已读</span></p></a></dd>"); |
| 49 | document.writeln(" </dl>"); | 50 | document.writeln(" </dl>"); | ... | ... |
-
Please register or sign in to post a comment