click.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>江苏港口智能监管信息平台</title>
  5. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  6. <meta http-equiv="description" content="this is my page">
  7. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <link>
  10. <link href="../css/base.min.css" rel="stylesheet">
  11. <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
  12. <script type="text/javascript" src="../js/zepto.min.js"></script>
  13. <style type="text/css">
  14. *{padding: 0px;margin: 0px;}
  15. .header {
  16. width:100%;
  17. height:45px;
  18. line-height:45px;
  19. padding:0;
  20. color:#eee;
  21. font-size:22px;
  22. text-align:center;
  23. color:white;
  24. background: #2196f3;
  25. }
  26. #header {
  27. position:fixed; z-index:2;
  28. top:0; left:0;
  29. width:100%;
  30. height:45px;
  31. line-height:45px;
  32. text-align:center;
  33. padding:0;
  34. font-size:22px;
  35. color:white;
  36. background: #2196f3;
  37. color: white;
  38. }
  39. #header a{
  40. color:white;
  41. }
  42. body,button,input,div{margin: 0px;padding: 0px}
  43. .mui-input-group:after {
  44. position: absolute;
  45. right: 0;
  46. bottom: 0;
  47. left: 0;
  48. height: 0px;
  49. content: '';
  50. background-color: #c8c7cc;
  51. -webkit-transform: scaleY(.5);
  52. transform: scaleY(.5);
  53. }
  54. input::-webkit-outer-spin-button,
  55. input::-webkit-inner-spin-button{
  56. -webkit-appearance: none !important;
  57. margin: 0;
  58. }
  59. .load-bar-content, .modal-content, .modal-dialog, .modal-heading, .nav, .nav .a, .nav a, .nav li, .progress {
  60. position: fixed;
  61. }
  62. .mui-card{margin: 0px}
  63. </style>
  64. </head>
  65. <body>
  66. <header class="header">
  67. <ul class="nav nav-list pull-left">
  68. <li><a href="javascript:void(0);" id="goback" onclick="history.back()" ><span class="icon icon-arrow-back icback"></span>
  69. </a></li>
  70. </ul>
  71. <a href="#">文档管理</a>
  72. </header>
  73. <div class="mui-content" style="margin-top: 45px;background: white;padding-right: 10px">
  74. <ul class="mui-table-view mui-table-view-chevron">
  75. <li class="mui-table-view-cell">
  76. <span class="mui-navigate-right">
  77. <img alt="" src="../images/wjtubiao/wenjianjia.png" style="width:40px;height: 40px;"/>
  78. 目录下
  79. </span>
  80. </li>
  81. <li class="mui-table-view-cell">
  82. <span >
  83. <img alt="" src="../images/wjtubiao/wenjian.png" style="width:40px;height: 40px;float: left;margin-right: 10px"/>
  84. <div class="mui-media-body">
  85. 周报.xlsx
  86. <p class="mui-ellipsis">2015-09-09 09:04:09</p>
  87. </div>
  88. </span>
  89. </li>
  90. <li class="mui-table-view-cell">
  91. <span >
  92. <img alt="" src="../images/wjtubiao/wenjian.png" style="width:40px;height: 40px;float: left;margin-right: 10px"/>
  93. <div class="mui-media-body">
  94. 关于计划统计.doc
  95. <p class="mui-ellipsis">2015-09-09 09:04:09</p>
  96. </div>
  97. </span>
  98. </li>
  99. <li class="mui-table-view-cell">
  100. <span >
  101. <img alt="" src="../images/wjtubiao/wenjian.png" style="width:40px;height: 40px;float: left;margin-right: 10px"/>
  102. <div class="mui-media-body">
  103. 活动计划.txt
  104. <p class="mui-ellipsis">2015-09-09 09:04:09</p>
  105. </div>
  106. </span>
  107. </li>
  108. </ul>
  109. </div>
  110. </body>
  111. </html>