detail.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. {extend name="layout/base" /}
  2. {block name="header"}
  3. <link rel="stylesheet" href="__STATIC__/css/mobile/game-info.css">
  4. <style>
  5. .weui-loadmore{
  6. background: #F9F9F9;
  7. }
  8. .weui-loadmore {
  9. display: none;
  10. width: 100%;
  11. margin: 0;
  12. padding: 1.5em 0 0;
  13. }
  14. </style>
  15. {/block}
  16. {block name="content"}
  17. <!-- header start -->
  18. <header class="top">
  19. <div class="header">
  20. <a href="javascript:history.back(-1)"><img src="__STATIC__/images/mobile/icon/left.png" class="back"></a>
  21. <h1>资讯详情</h1>
  22. <div>
  23. <div class="search-icon"><a href="{:getMobileSearchUrl()}"><img src="__STATIC__/images/mobile/icon/search.png"></a></div>
  24. <div class="menu"><img src="__STATIC__/images/mobile/icon/menu-bar.png"></div>
  25. </div>
  26. </div>
  27. </header>
  28. <!-- header end -->
  29. <div class="news-details top-half">
  30. <h1>{$detail.title}</h1>
  31. <div>
  32. <p>来源:麻花网络整理</p>
  33. <p>发布时间:{$detail.createdate} {$detail.createtime}</p>
  34. </div>
  35. {$detail.content}
  36. </div>
  37. {notempty name="relNewsList"}
  38. <div class="rela-news">
  39. <div class="title">
  40. <h4><span></span>相关资讯</h4>
  41. </div>
  42. <ul>
  43. {volist name="relNewsList" id="vo"}
  44. <li>
  45. <a href="{$vo.url}">
  46. <p> {$vo.title}</p>
  47. <span>{$vo.create_date}</span>
  48. </a>
  49. </li>
  50. {/volist}
  51. </ul>
  52. {/notempty}
  53. </div>
  54. <!-- 相关游戏 -->
  55. {notempty name="relGameInfo"}
  56. <div class="relate-game" style=" display: flex;left: 0;">
  57. <a href="{:getMobileGameUrl($relGameInfo['id'])}">
  58. <img src="{$relGameInfo.icon}" />
  59. <div class="content">
  60. <h4>{$relGameInfo.nickname}</h4>
  61. <p>{$relGameInfo.typename}<span>|</span>{$relGameInfo.subjectname}<span>|</span>{$relGameInfo.size}</p>
  62. </div>
  63. </a>
  64. <div class="download">
  65. <a href="javascript:;">下载</a>
  66. <p class="android_down_url">{$relGameInfo.download}</p>
  67. <p class="ios_down_url">{$relGameInfo.ios_download}</p>
  68. </div>
  69. <img src="__STATIC__/images/mobile/icon/close-white.png" class="close" style="margin-top: -0.25rem;" />
  70. </div>
  71. {/notempty}
  72. {include file="layout/footer" /}
  73. {/block}
  74. {block name="detail_js"}
  75. <script>
  76. $(".close").click(function(){
  77. $(".relate-game").fadeOut(500);
  78. })
  79. </script>
  80. {/block}