<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="applicable-device" content="mobile">
    <title>{$title}</title>
    <script type="text/javascript" src="__PUBLIC__/js/do.js" charset="utf-8"></script>
    <script type="text/javascript" src="__PUBLIC__/js/moble.js" charset="utf-8"></script>
    <link rel="stylesheet" href="__STATIC__/allwin/unmarket/style.css" />
</head>
<body ontouchstart>
<style>
    body,html{font-size:16px;color:#333;line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif;background-color:#FDA651;}
    .title{text-align: center;font-size:22px;color: #FDA651;font-weight:500}
    .sub-title{text-align: center;font-size:20px;font-weight:500}    
    .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;}
    .card img{width: 100%;}
    .stores{clear: both;-webkit-column-count:2;column-count:2;-moz-column-gap:10px;-webkit-column-gap: 10px;column-gap: 5px;}
    .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;}
    .store:nth-child(odd){float:left;margin-right:5px;}
    .store:nth-child(2){float:right;margin-left:5px;}
    .store .name{font-size: 14px;}
    .store .address{font-size: 12px;color: rgba(0, 0, 0, 0.36);}
    .store .img img{width: 100%;}
</style>
<div class="wrapper">
    <div class="card title">{$gift.title}</div>
    <div class="card">{$gift.note|dehtml|raw}</div>
    <div class="sub-title">合作好店</div>
    <div class="card stores fn-clear">
        {foreach $store as $vo}
        <div class="store">
            <div class="img"><img src="{$vo.store.img}?x-oss-process=style/w100" /></div>
            <div class="name">{$vo.store.name}</div>
            <div class="address">{$vo.store.address}</div>
        </div>
        {/foreach}
    </div>
</div>
<script type="text/javascript">
    Do('weui', 'fastclick', 'jweixin', 'tpl', function () {
        $(function () {
            FastClick.attach(document.body);
        });
        wx.config({$weconfig|raw});
        wx.ready(function (){
            wx.onMenuShareTimeline({title:'{$gift.title}',link:'{$share_url|raw}',imgUrl: '{$gift.share_img}',success:function(){}});
            wx.onMenuShareAppMessage({title:'{$gift.title}',desc:'{$gift.share_text}',link:'{$share_url|raw}',imgUrl:'{$gift.share_img}',type:'',dataUrl:'',success: function(){}});
        })
    });
</script>
</body>
</html>