jili2/application/h5/view/wx_book_dinner/detail.html

{include file="../application/h5/view/wx_book_dinner/header.html"}

<style>
    .text-center {
    	text-align: center;
    }
    
    .slide{
	    position: relative !important;
	    max-width: auto !important;
	    overflow: hidden !important;
	    margin: 0px auto !important;
	}
	.slide:after{
	    content: '';
	    display: block;
	    width: 100%;
	    padding-top: 100%;
	}
/*    img {
	  display: block !important;
	  max-width: 100% !important;
	  height: auto !important;
	}*/
	.slide li img{
	    position: absolute;
	    left: 0;
	    top: 0;
	    max-width: 100%;
	    height: auto;
	    border: none;
	}
	.weui_btn:after {
		width: 100%;
		height: 100%;
	}
</style>

<div class="weui-header bg-blue">
    <div class="weui-header-left"> <a class="icon icon-109 f-white close-popup close-pop" href="{:url('index')}?t={$t}">返回</a>  </div>
    <h1 class="weui-header-title">{$info.name}</h1>
    <div class="weui-header-right"></div>
</div>

	{if $info.imgs}
		<div class="slide" id="slide2" style="max-width: 100% !important;">
		    <ul>
		        <li>
		        	{foreach $info.imgs as $key => $value}
		        		<a href="#">
		                	<img src="{$value}" data-src="{$value}">
		            	</a>
		        	{/foreach}
		        </li>
		    </ul>
		    <div class="dot">
				{foreach $info.imgs as $key => $value}
		        <span></span>
				{/foreach}
		    </div>
		</div>
	{else}
{foreach $info.imgs as $key => $value}
			<img src="{$value}" data-src="{$value}" alt="" style="display:block;width: 100%;height: auto;"/>
{/foreach}
	{/if}
<div class="weui-weixin-page" style="margin-bottom: 50px;">
	<h3 class="weui-weixin-title">{$info.name}</h3>
	<h5 style="color: #ff0000;">￥{$info.money}</h5>
	<div class="weui-weixin-content">
		<p>{$info.content}
	</div>

	<div class="weui-weixin-tools" style="position: fixed;bottom: 0px;right:0px;left:0px;background: #f0f0f0; width: 100%;text-align:center;"><!--工具条-->
	<a href="javascript:void(0);" onclick="javascript:addCart_Detail('{$info.id}');return false;" class="weui_btn bg-orange-b weui_btn_inline close-popup close-pop" style="width: 90%;margin-bottom: 5px;">加入购物车</a>
</div>
</div>


<script src="/static/mobile/weui/swipe.js"></script>
<script type="text/javascript">
    $('#slide2').swipeSlide({
        autoSwipe:true,//自动切换默认是
        speed:3000,//速度默认4000
        continuousScroll:true,//默认否
        transitionType:'cubic-bezier(0.22, 0.69, 0.72, 0.88)',//过渡动画linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier
        lazyLoad:true,//懒加载默认否
        firstCallback : function(i,sum,me){
            me.find('.dot').children().first().addClass('cur');
        },
        callback : function(i,sum,me){
            me.find('.dot').children().eq(i).addClass('cur').siblings().removeClass('cur');
        }
    });
    function addCart_Detail(DinnerId){
        var url = "addCart?id="+DinnerId;
        get_data(url,function (result) {
            if(result.code==0){
                $('#badgecart').html(result.data.count);
                $('#badgecart').show();
                window.location.href = "index?t={$t}";
                // window.history.go(-1);
            }else{
                $.alert(result.message);
            }
        });
    }


</script>