project_file.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. .filelist{
  9. width: 100%;
  10. overflow: scroll;
  11. height: auto;
  12. justify-content:flex-start;
  13. align-content: space-between;
  14. /* flex-direction: column-reverse; */
  15. flex-wrap: wrap;
  16. display: flex;
  17. }
  18. .filelist li{
  19. padding: 0.5vw 0.7vw 0.5vw 0.7vw;
  20. white-space: nowrap;
  21. overflow: hidden;
  22. text-overflow: ellipsis;
  23. display: inline-block;
  24. border-right: 1px solid #e2e2e2;
  25. }
  26. .filelist p{
  27. margin: 3px 0 5px 0;
  28. width: 5vw;
  29. text-align: center;
  30. }
  31. .forleft{
  32. padding-left: 1.5vw;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <table id="tabniubi" cellpadding="1" cellspacing="1">
  38. <tr>
  39. <th colspan="9" class="forleft">相关附件
  40. </th>
  41. </tr>
  42. <tr>
  43. <th colspan="9" class="forleft fujianimg">
  44. <div class="filelist">
  45. {:fileCard($file_array)}
  46. </div>
  47. {empty name="$file_array" }
  48. <div class="layui-data-none">暂无附件</div>
  49. {/empty}
  50. </th>
  51. </tr>
  52. </table>
  53. </body>
  54. </html>