From 4b39ba4b5bcd7fce3f167fc6014985dd72fc7d13 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期四, 09 七月 2020 14:39:41 +0800 Subject: [PATCH] # --- src/main/webapp/views/pdaCe/index.html | 76 ++++++++++++++++++++----------------- 1 files changed, 41 insertions(+), 35 deletions(-) diff --git a/src/main/webapp/views/pdaCe/index.html b/src/main/webapp/views/pdaCe/index.html index 0cc5fa4..a1ac873 100644 --- a/src/main/webapp/views/pdaCe/index.html +++ b/src/main/webapp/views/pdaCe/index.html @@ -12,36 +12,44 @@ } .mat-msg { - overflow: auto; + overflow-y: scroll; margin-top: 10px; height: 115px; background-color: #fff; border-radius: 5px; border: 1px solid #c2c2c2; } - /* 鍫嗗灈鏈虹姸鎬佷俊鎭〃 */ #mat-msg-table { font-size: 12px; border-collapse: collapse; margin: 0 auto; text-align: center; } - #mat-msg-table td, #mat-msg-table th { - border: 1px solid #f1f1f1; - color: #666; - height: 15px; - line-height: 15px; + #tthead { + padding-top: 4px; + background-color: #ececec; + height: 18px; } - #mat-msg-table thead th { - background-color: #fff; - width: 400px; - font-weight: normal; + #tthead span { + border-right: 1px solid #b3b3b3; + float: left; + width: 24%; } - #mat-msg-table tr:nth-child(odd) { - background: #fff; + #ttbody { + padding-top: 4px; } - #mat-msg-table tr:nth-child(even) { - background: #fff; + #ttbody div { + content: ""; + clear: both; + display: table; + } + #ttbody span { + border-right: 1px solid #b3b3b3; + float: left; + width: 22%; + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; } #btn-con { @@ -78,18 +86,16 @@ <!-- 鍫嗗灈鏈虹姸鎬� --> <div class="mat-msg" id="mat-msg-id"> - <table id="mat-msg-table"> - <thead id="tthead"> - <tr> - <th>缂栫爜</th> - <th>鍚嶇О</th> - <th>鍗曚綅</th> - <th>鏁伴噺</th> - </tr> - </thead> - <tbody id="ttbody"> - </tbody> - </table> + <div id="mat-msg-table"> + <div id="tthead"> + <span>缂栫爜</span> + <span>鍚嶇О</span> + <span>鍗曚綅</span> + <span>鏁伴噺</span> + </div> + <div id="ttbody"> + </div> + </div> </div> <div id="btn-con"> @@ -139,7 +145,7 @@ function initCrnMsgTable(row) { var line; if (row === undefined){ - var one = tthead.offsetHeight; + var one = 15; var total = matMsg.offsetHeight; var count = total / one; count = parseInt(count) - 1; @@ -148,16 +154,16 @@ } else { line = row; } + var html = ""; for (var i = 0; i < line; i ++){ - html += " <tr>\n" + - " <td>1</td>\n" + - " <td>2</td>\n" + - " <td>3</td>\n" + - " <td>4</td>\n" + - " </tr>\n"; + html += " <div>\n" + + " <span></span>\n" + + " <span></span>\n" + + " <span></span>\n" + + " <span></span>\n" + + " </div>\n"; } - alert(html) ttbody.innerHTML = html; } -- Gitblit v1.9.1