news-detial.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>咨询详情</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="../css/mui.min.css">
  10. <style>
  11. html,body {
  12. background-color: #efeff4;
  13. }
  14. .title{
  15. margin: 20px 15px 10px;
  16. color: #6d6d72;
  17. font-size: 15px;
  18. }
  19. .oa-contact-cell.mui-table .mui-table-cell {
  20. padding: 11px 0;
  21. vertical-align: middle;
  22. }
  23. .oa-contact-cell {
  24. position: relative;
  25. margin: -11px 0;
  26. }
  27. .oa-contact-avatar {
  28. width: 75px;
  29. }
  30. .oa-contact-avatar img {
  31. border-radius: 50%;
  32. }
  33. .oa-contact-content {
  34. width: 100%;
  35. }
  36. .oa-contact-name {
  37. margin-right: 20px;
  38. }
  39. .oa-contact-name, oa-contact-position {
  40. float: left;
  41. }
  42. span{
  43. color: grey;
  44. font-size: 0.7em;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <header class="mui-bar mui-bar-nav">
  50. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  51. <h1 id="title1" class="mui-title">详情</h1>
  52. </header>
  53. <div class="mui-content" style="padding-left:10px;padding-right: 10px;">
  54. <div class="title" style="text-align: center;">
  55. <b id="title"></b>
  56. </div>
  57. <span>2015/09/20</span>
  58. <hr/>
  59. <p id="html" style="text-indent: 2em;">
  60. </p>
  61. <span>阅读数:46</span>
  62. </div>
  63. </body>
  64. <script src="../js/mui.min.js"></script>
  65. <script>
  66. mui.init({
  67. swipeBack:true //启用右滑关闭功能
  68. });
  69. mui.plusReady(function(){
  70. var self = plus.webview.currentWebview();
  71. var title = self.title;
  72. var html= self.html;
  73. document.getElementById("title").innerHTML = title;
  74. document.getElementById("html").innerHTML = html;
  75. });
  76. </script>
  77. </html>