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

<script src="/static/mobile/weui/iscroll.js"></script>
<!-- <script src="/public/mobile/Weui/updown.js"></script> -->
<script src="/static/mobile/weui/lazyimg.js"></script>
<script src="/static/mobile/weui/swipe.js"></script>
<script type="text/javascript" src="/static/jquery-2.2.4.min.js"></script>

<style type="text/css">
    .list{   
          position: relative;
           height: 100%;
           overflow-x: hidden;
           overflow-y: scroll;
        }

        .alert{
            padding:15px;
            border:1px solid transparent;
            border-radius:4px;
            color:#31708f;
            background-color:#d9edf7;
            border-color:#bce8f1;
        }
</style>
<script>
$(function() {
    TagNav('#tagnav', {
        type: 'scrollToFirst',
    });
});
</script>
<div>
    <div>

       {if $is_spot==0}
            <div class="weui_cells_tips alert">
               {if $content2}
                {$content2}
                {else}
                    1、此界面为预约订餐，餐品次日送达 <br>
                    2、退餐请在手机操作 <br>
                    3、订单仅当日可退，逾期不可退订
               {/if}
            </div>
       {else}
            <div class="weui_cells_tips alert">
                {if $content1}
                {$content1}
                {else}
                    1、此界面可定当日餐 <br>
                    2、退餐请在手机操作或找订餐员退餐 <br>
                    3、订单仅当日可退，逾期不可退订
                {/if}
            </div>
        {/if}

    </div>
    <div class="weui_cells weui_cells_access" id="rank-list" style="margin-bottom: 140px;">
    </div>
    <div class="weui_cells_title hide tcenter" id="more">
        <div class="weui-loadmore">
            <i class="weui-loading"></i>
            <span class="weui-loadmore-tips">正在加载</span>
        </div>
    </div>
</div>
<script type="text/javascript">
    var page = 0;
    var stop = false;
    var size = 1000;
    var loading = false;
    var today = '{$is_today}';
    var type = '{$dinner_type_id}';
     function ajaxpage(){
        var url = 'get_type_json?size=' + size + '&page=' + page + '&today=' + today+ '&type='+type;
        $.showLoading();
        loading = true;
        $.ajax({
            type : "GET",
            url : url,
            dataType : "json",
            beforeSend:function(){
                $("#more").show();
            },
            error:function(){
                loading = false;
            },
            success : function(data) {
                var arrLen = data.length;
                if(arrLen>0){
                    var result = '';
                  for(var i=0; i<arrLen; i++){
                      result+='  <a href="javascript:;" class="weui_media_box weui_media_appmsg">'
                            +'<div class="weui_media_hd weui-updown">';
                      if(data[i].img){
                          result += '<img class="weui_media_appmsg_thumb lazyload111" alt="" src="'+data[i].img+'">';
                      }else{
                          result += '<img class="weui_media_appmsg_thumb lazyload111" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAYAAADNkKWqAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8wNS8xNrqrthwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEMElEQVR4nO3UQQEAEADAQPRvqIESxPDYXYK9Nvc+dwAErd8BAL8YIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBA1gPYJgYfB4WzDQAAAABJRU5ErkJggg==" alt="" data-img="'+data[i].ThumbPic+'">';
                      }
                      // result += '<img class="weui_media_appmsg_thumb lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAYAAADNkKWqAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8wNS8xNrqrthwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEMElEQVR4nO3UQQEAEADAQPRvqIESxPDYXYK9Nvc+dwAErd8BAL8YIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBA1gPYJgYfB4WzDQAAAABJRU5ErkJggg==" alt="" data-img="'+data[i].ThumbPic+'">'
                            result += '</div>'
                                +'<div class="weui_media_bd">'
                                    +'<h4 class="weui_media_title">'+data[i].name+'</h4>'
                                    +'<p class="weui_media_desc">'+data[i].content+'</p>'
                                    +'<p class="weui_media_info" style="color:#ff0000;">￥'+data[i].money
                                    +'<div class="weui_cell_ft"><span class="weui_btn weui_btn_mini bg-orange-b" onclick="godetail('+data[i].id+')">加入购物车</span></div>'
                                    +'</p>'
                                +'</div>'
                            +'</a>';
                    }
                    $("#rank-list").append(result);

                    if(arrLen < size){
                        stop = false;
                        // $(document.body).destroyInfinite();
                        $('.weui-loadmore').hide().html("没有更多商品了");

                    }
                }else{
                    stop = true;
                    //$(document.body).destroyInfinite();
                    $('.weui-loadmore').hide().html("没有更多商品了");
                }
                loading = false;
                $.hideLoading();
            }
        });
    }
    $(function(){
        ajaxpage(0);

    })

    function godetail(id) {
        window.location.href = "{:url('detail',[],false)}?id="+id;
    }
</script>
<script type="text/javascript">
// (function ($) {
//     var getOffset = function (container) {
//         var tagName = container[0].tagName.toUpperCase()
//         var scrollTop
//         if (tagName === 'BODY' || tagName === 'HTML') {
//             scrollTop = container.scrollTop() || $(window).scrollTop()
//         } else {
//             scrollTop = container.scrollTop()
//         }
//         var offset = container.scrollHeight() - ($(window).height() + scrollTop)
//         console.log(offset)
//         return offset
//     }
//
//     var Infinite = function(el, distance) {
//         this.container = $(el);
//         this.container.data("infinite", this);
//         this.distance = distance || 50;
//         this.attachEvents();
//     }
//
//     Infinite.prototype.scroll = function() {
//         var container = this.container;
//         this._check();
//     }
//
//     Infinite.prototype.attachEvents = function(off) {
//         var el = this.container;
//         var scrollContainer = (el[0].tagName.toUpperCase() === "BODY" ? $(document) : el);
//         scrollContainer[off ? "off" : "on"]("scroll", $.proxy(this.scroll, this));
//     };
//     Infinite.prototype.detachEvents = function(off) {
//         this.attachEvents(true);
//     }
//     Infinite.prototype._check = function() {
//         var offset = getOffset(this.container);
//         if(Math.abs(offset) <= this.distance) {
//             this.container.trigger("infinite");
//         }
//     }
//
//     var infinite = function(el) {
//         attachEvents(el);
//     }
//
//     $.fn.infinite = function(distance) {
//         return this.each(function() {
//             new Infinite(this, distance);
//         });
//     }
//     $.fn.destroyInfinite = function() {
//         return this.each(function() {
//             var infinite = $(this).data("infinite");
//             if(infinite && infinite.detachEvents) infinite.detachEvents();
//         });
//     }
// })(Zepto);
</script>
<script type="text/javascript">
    function addCart(DinnerId){
        cancelBubble();
        var url = "addCart?id="+DinnerId;
        get_data(url,function (result) {
            // alert(JSON.stringify(result.info));
            if(result.code==0){
                $('#badgecart').html(result.data.count);
                $('#badgecart').show();
            }else{
                 $.alert(result.message);
            }
        });
    }
     function cancelBubble(e) { 
     var evt = e ? e : window.event; 
        if (evt.stopPropagation) {        //W3C 
            evt.stopPropagation(); 
         }else {       //IE      
            evt.cancelBubble = true; 
        }  
     }
      $(function(){
            var lazyloadImg = new LazyloadImg({
                el: '.weui-updown [data-img]', //匹配元素
                top: 0, //元素在顶部伸出长度触发加载机制
                right: 0, //元素在右边伸出长度触发加载机制
                bottom: 0, //元素在底部伸出长度触发加载机制
                left: 0, //元素在左边伸出长度触发加载机制
                qriginal: true, // true，自动将图片剪切成默认图片的宽高；false显示图片真实宽高
                load: function (el) {
                    el.style.cssText += '-webkit-animation: fadeIn 01s ease 0.2s 1 both;animation: fadeIn 1s ease 0.2s 1 both;';
                },
                error: function (el) {

                }
            });
     });

    // $(function(){
    //    $('.weui_tab_bd').infinite(150).on("infinite", function() {
    //         if(stop){
    //             $("#more").html("没有更多数据了");
    //             return;
    //         }
    //         if(loading){
    //            return;
    //         }
    //         ajaxpage(page++);
    //     });
    // });
var flag = true;
$(document).on('touchstart touchmove touchend', '.show-dialog-get', function (event) {
    switch (event.type) {
        case 'touchstart':
            flag = true;
            break;
        case 'touchmove':
            flag = false;
            break;
        case 'touchend':
            if(flag){
                flag = false;
                event.preventDefault();
                var $this = $(this), url = $this.attr('href') || $this.attr('data-url');
                window.location.href = url;
            }else{
            }
            break;
        default:
            break;
    } 
});
$(document).on('click', '.show-dialog-get', function (event) {
    return false;
});
</script>