news_body.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title>title</title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  9. <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
  10. <link rel="stylesheet" type="text/css" href="../../css/html.css"/>
  11. <style>
  12. body{
  13. }
  14. .aui-card-list {
  15. padding-bottom : 1rem;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <section class="aui-content" id="app" v-cloak>
  21. <div class="aui-card-list aui-border-t aui-border-b">
  22. <div class="aui-info aui-padded-l-15 aui-padded-r-15">
  23. <div class="aui-info-item aui-font-size-12">
  24. <span class="aui-margin-l-5">金宇轮胎 发表的热门文章</span>
  25. </div>
  26. <div class="aui-info-item">
  27. <span class="aui-margin-l-5">{{info.createTime}}</span>
  28. </div>
  29. </div>
  30. <!--<div class="aui-card-list-content" v-show="info.imagePath != null">
  31. <img v-bind:src="info.imagePath" />
  32. </div>-->
  33. <div class="aui-card-list-header aui-padded-t-5 aui-padded-b-5">
  34. {{info.title}}
  35. </div>
  36. <div class="aui-card-list-content zmq-width-90 zmq-margin-vertical-5">
  37. <img src="../../image/banner1.png" />
  38. </div>
  39. <div class="aui-card-list-content-padded aui-padded-t-0 aui-padded-b-0" style="color:#7b7b7b;">
  40. {{info.content}}
  41. </div>
  42. <div class="aui-card-list-content zmq-width-90 zmq-margin-vertical-5">
  43. <img src="../../image/banner3.png" />
  44. </div>
  45. <div class="aui-card-list-content-padded aui-padded-t-0 aui-padded-b-0" style="color:#7b7b7b;">
  46. {{content2}}
  47. </div>
  48. <div class="aui-card-list-content zmq-width-90 zmq-margin-vertical-5">
  49. <img src="../../image/banner2.png" />
  50. </div>
  51. <!-- <div class="aui-card-list-footer aui-font-size-12" style="color:#999;">
  52. <div>
  53. <span>2048 赞</span> - <span>295 评论</span> - <span>去往栏目</span>
  54. </div>
  55. </div>-->
  56. </div>
  57. </section>
  58. </body>
  59. <script type="text/javascript" src="../../script/api.js"></script>
  60. <script type="text/javascript" src="../../script/vue.js"></script>
  61. <script type="text/javascript">
  62. apiready = function(){
  63. var info = JSON.parse(api.pageParam.n);
  64. new Vue({
  65. el : '#app',
  66. data : {
  67. info : info,
  68. content1 : '',
  69. content2 : '',
  70. },
  71. methods : {
  72. init : function(){
  73. }
  74. },
  75. mounted : function(){
  76. this.init();
  77. }
  78. })
  79. };
  80. </script>
  81. </html>