123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- .filelist{
- width: 100%;
- overflow: scroll;
- height: auto;
- justify-content:flex-start;
- align-content: space-between;
- /* flex-direction: column-reverse; */
- flex-wrap: wrap;
- display: flex;
- }
- .filelist li{
- padding: 0.5vw 0.7vw 0.5vw 0.7vw;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: inline-block;
- border-right: 1px solid #e2e2e2;
- }
- .filelist p{
- margin: 3px 0 5px 0;
- width: 5vw;
- text-align: center;
- }
- .forleft{
- padding-left: 1.5vw;
- }
- </style>
- </head>
- <body>
- <table id="tabniubi" cellpadding="1" cellspacing="1">
- <tr>
- <th colspan="9" class="forleft">相关附件
- </th>
- </tr>
- <tr>
- <th colspan="9" class="forleft fujianimg">
- <div class="filelist">
- {:fileCard($file_array)}
- </div>
- {empty name="$file_array" }
- <div class="layui-data-none">暂无附件</div>
- {/empty}
- </th>
- </tr>
- </table>
- </body>
- </html>
|