index.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,initial-scale=1">
  6. <meta name="apple-mobile-web-app-capable" content="yes"/>
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  8. <meta name="applicable-device" content="mobile">
  9. <title>{$title}</title>
  10. <script type="text/javascript" src="__PUBLIC__/js/do.js" charset="utf-8"></script>
  11. <script type="text/javascript" src="__PUBLIC__/js/moble.js" charset="utf-8"></script>
  12. <link rel="stylesheet" href="__STATIC__/allwin/unmarket/style.css" />
  13. </head>
  14. <body ontouchstart>
  15. <style>
  16. body,html{font-size:16px;color:#333;line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif;background-color:#FDA651;}
  17. .title{text-align: center;font-size:22px;color: #FDA651;font-weight:500}
  18. .sub-title{text-align: center;font-size:20px;font-weight:500}
  19. .card{position: relative;margin:10px;padding:10px;background-color: #FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;-webkit-box-shadow: rgba(0,0,0,.1) 0 0.05rem 0.1rem;-moz-box-shadow: rgba(0,0,0,.1) 0 .05rem .1rem;box-shadow: rgba(0,0,0,.1) 0 0.05px 0.1px;}
  20. .card img{width: 100%;}
  21. .stores{clear: both;-webkit-column-count:2;column-count:2;-moz-column-gap:10px;-webkit-column-gap: 10px;column-gap: 5px;}
  22. .store{min-width: 45%;border-radius: 5px;background-color: rgb(255, 255, 255);overflow: hidden;background: #FDF7EC;padding: 5px;-webkit-column-break-inside: avoid;break-inside: avoid; margin-bottom:10px;}
  23. .store:nth-child(odd){float:left;margin-right:5px;}
  24. .store:nth-child(2){float:right;margin-left:5px;}
  25. .store .name{font-size: 14px;}
  26. .store .address{font-size: 12px;color: rgba(0, 0, 0, 0.36);}
  27. .store .img img{width: 100%;}
  28. </style>
  29. <div class="wrapper">
  30. <div class="card title">{$gift.title}</div>
  31. <div class="card">{$gift.note|dehtml|raw}</div>
  32. <div class="sub-title">合作好店</div>
  33. <div class="card stores fn-clear">
  34. {foreach $store as $vo}
  35. <div class="store">
  36. <div class="img"><img src="{$vo.store.img}?x-oss-process=style/w100" /></div>
  37. <div class="name">{$vo.store.name}</div>
  38. <div class="address">{$vo.store.address}</div>
  39. </div>
  40. {/foreach}
  41. </div>
  42. </div>
  43. <script type="text/javascript">
  44. Do('weui', 'fastclick', 'jweixin', 'tpl', function () {
  45. $(function () {
  46. FastClick.attach(document.body);
  47. });
  48. wx.config({$weconfig|raw});
  49. wx.ready(function (){
  50. wx.onMenuShareTimeline({title:'{$gift.title}',link:'{$share_url|raw}',imgUrl: '{$gift.share_img}',success:function(){}});
  51. wx.onMenuShareAppMessage({title:'{$gift.title}',desc:'{$gift.share_text}',link:'{$share_url|raw}',imgUrl:'{$gift.share_img}',type:'',dataUrl:'',success: function(){}});
  52. })
  53. });
  54. </script>
  55. </body>
  56. </html>