h5_activeList.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>活动中心</title>
  7. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="format-detection" content="telephone=no" />
  10. <meta name="description" content="">
  11. <meta name="keywords" content="">
  12. <link href="{$resourcePath}/css/reset.css" rel="stylesheet">
  13. <link href="{$resourcePath}/css/style.css" rel="stylesheet">
  14. <script type="text/javascript" src="{$resourcePath}/js/width-conversion.js"></script>
  15. <script type="text/javascript" src="{$resourcePath}/js/zepto.min.js"></script>
  16. <script type="text/javascript" src="{$resourcePath}/js/touch.js"></script>
  17. </head>
  18. <body>
  19. <div id="active">
  20. <ul>
  21. {volist name="activeList" id="vo"}
  22. <li data-url="bj://h5url?url={$vo['linkApp']}?params=1" data-uios="{$vo['linkApp']}?params=1" data-title="{$vo['title']}" data-img="https://wxapp.dahengdian.com/mTQD8RLMI5.png" data-desc="{$vo['title']}">
  23. <div class="pic">
  24. <!--<img src="http://slb.dahengdian.com/jiaqiancaifu/2018/01/11/duddeijKYT.png" alt="">-->
  25. <img src="{$vo['thumbApp']}" alt="">
  26. <!-- <img src="{$vo['thumbApp']}" alt="">--><!-- <img src="{$resourcePath}/images/active.png" alt="">-->
  27. </div>
  28. <div class="info">
  29. <div class="left">
  30. <div class="name">{$vo['title']}</div>
  31. <div class="date">{$vo['addTime']}</div>
  32. </div>
  33. <a href="javascript:;" class="right">查看详情</a>
  34. </div>
  35. </li>
  36. {/volist}
  37. </ul>
  38. </div>
  39. <script>
  40. window.onload=function(){
  41. var u=window.navigator.userAgent;
  42. var btn=document.getElementsByTagName('li');
  43. var aUrl="",
  44. aTitle="",
  45. aImg="",
  46. aDesc="";
  47. for(var i=0;i<btn.length;i++){
  48. btn[i].index=i;
  49. btn[i].onclick=function(){
  50. if(u.indexOf('iPhone')>-1||u.indexOf('iPad')>-1){
  51. aUrl=btn[this.index].getAttribute('data-uios');
  52. aTitle=btn[this.index].getAttribute('data-title');
  53. aImg=btn[this.index].getAttribute('data-img');
  54. aDesc=btn[this.index].getAttribute('data-desc');
  55. submit(aTitle,aUrl,aImg,aDesc);
  56. }
  57. if(u.indexOf('Android')>-1){
  58. aUrl=btn[this.index].getAttribute('data-url');
  59. //window.bj.call('showShareButton', '{"show" : "true","imgUrl":"http://zhidao.dahengdian.com/static/images/user_litpic.png","shareUrl":"http://www.qq.com","title":"这是腾讯的一个网站","content":"腾讯是个好网站,你值得观看"}', 0);
  60. }
  61. window.location.href=aUrl;
  62. }
  63. }
  64. }
  65. function jump(url) {
  66. //bj://h5url?url=https://www.baidu.com&params=1
  67. }
  68. </script>
  69. </body>
  70. </html>