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