仿美团外卖-首页实现

Posted 2021-03-04 chenyingying0

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了仿美团外卖-首页实现相关的知识，希望对你有一定的参考价值。

1、环境搭建

基于node.js的http-server服务器搭建

https://www.npmjs.com/package/http-server

cnpm install http-server -g

2、首页实现

创建一个目录，叫webapp，在里面创建一个index.html

打开cmd，进入webapp目录，输入以下代码：

http-server

技术图片

3、在浏览器输入网址：http://127.0.0.1:8080/

成功访问到index.html

打开sublime-首选项-插件设置-cssrem-settings-user

37.5是iphone6设备的通用设置

{
    "px_to_rem": 37.5, //px转rem的单位比例，默认为40
    "max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。
    "available_file_types": [".css", ".less", ".sass",".html"]
    //启用此插件的文件类型。默认为：[".css", ".less", ".sass"]
}

4、移动端滚动加载

技术图片

首页效果图：

技术图片

首先是目录结构

技术图片

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <script>
        (function(){
            //这段代码放在所有的样式文件之前，设置html根元素的fontSize
            var docEl=document.documentElement;

            function setRem(){
                // 这个10不是固定的，只是计算出来的rem要和cssrem插件setting中设置的37.5保持一致
                // iphone6设备宽度是375，因此基准值刚好是10
                var rem=docEl.clientWidth/10;//获取基准值
                docEl.style.fontSize=rem+"px";//动态设置html根元素的fontSize
            }

            setRem();

            window.addEventListener("resize",setRem);

            //用户每次浏览页面的时候， 就会触发pagesshow方法（有兼容性问题）
            window.addEventListener("pageshow",function(e){
                // 使用e.presisted就是判断当前页面是不是在缓存中加载
                // 如果缓存中加载（就是为true的时候），重新设置rem
                if(e.persisted){
                    setRem();
                }
            });
        })();

    </script>
    <link rel="stylesheet" href="../lib/reset.css"><!-- 拷贝一份通用重置样式 -->
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="../common/common.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="search-bar">
            <div class="bar-location">
                <div class="location-icon"></div>
                <div class="location-text">宁波市</div>
            </div>
            <div class="search-btn">
                <div class="place-holder">鸡翅</div>
            </div>
        </div>    
        <img src="images/header-bg.jpg" class="header-img">
    </div>
    <!-- 头部结束 -->

    <!-- 类目开始 -->
    <div class="category-content clearfix"><!-- 使用js动态渲染 --></div>
    <!-- 类目结束 -->

    <!-- 列表开始 -->
    <div class="list-content">
        <h4 class="list-title">
            <span class="title-line"></span>
            <span>附近商家</span>
            <span class="title-line"></span>
        </h4>
        <div class="list-wrap"></div>
        <div class="loading">加载中</div>
    </div>
    <!-- 列表结束 -->

    <!-- 底部菜单开始 -->
    <div class="bottom-bar"></div>
    <!-- 底部菜单结束 -->

    <script src="../lib/jquery.min.js"></script>
    <script src="index.js"></script>
    <script src="../common/common.js"></script>
</body>
</html>

index.css

/*header*/
.header{
    position: relative;
}
.header .search-bar{
    position: absolute;
    width:100%;
    height:1.066667rem;
    display: flex;
    justify-content: center;
    align-items:center;
    padding-top: 0.213333rem;
}
.header .bar-location{
    margin-right:0.533333rem;
    border-radius:0.346667rem;
    background:rgba(0,0,0,.33);
    width:2.453333rem;
    height:0.746667rem;
}
.header .location-icon{
    display: inline-block;
    width:0.4rem;
    height:0.533333rem;
    vertical-align:0.266667rem;/*垂直方向的偏移量*/
    margin-left:0.213333rem;
    background:url(images/locationIcon.png);
    background-size:cover;/*设置图片平铺正常显示*/
}
.header .location-text{
    position: relative;
    font-size:0.373333rem;
    vertical-align:0.4rem;
    display: inline-block;
    color:#fff;
    margin-left:-0.106667rem;
}
.header .location-text:after{
    position: absolute;
    display: inline-block;
    content:"";
    width:0.373333rem;
    height:0.373333rem;
    background-image:url(images/arrowIcon.png);
    background-size:cover;

}
.header .search-btn{
    position: relative;
    width:4.533333rem;
    height:0.8rem;
    background-color: #fff;
    border-radius:0.533333rem;
}
.header .search-btn:before{
    position: absolute;
    display: inline-block;
    content:"";
    width:0.373333rem;
    height:0.373333rem;
    background-image:url(images/searchIcon.png);
    background-size:cover;
    left: 0.213333rem;
    top: 0.213333rem;
}
.header .place-holder{
    color:#a9a9a9;
    font-size:14px;
    height:100%;
    line-height:0.8rem;
    margin-left:0.746667rem;
}
.header .header-img{
    width:100%;
    height: 4.746667rem;
}

/*category*/
.category-content{
    padding-bottom:0.266667rem;
}
.category-content .category-item{
    padding-top:0.373333rem;
    font-size:0.346667rem;
    float:left;
    width:25%;
    text-align: center;
}
.category-content .item-icon{
    width:1.253333rem;
}
.category-content .item-name{
    margin-top:0.373333rem;
}

/*list*/
.list-content{
    overflow:hidden;
    padding-bottom:1.333333rem;
}
.list-content .list-title{
    text-align: center;
    font-size:0.426667rem;
    margin-top:0.373333rem;
    margin-bottom:0.133333rem;
}
.list-content .title-line{
    display: inline-block;
    border-bottom:0.026667rem solid #949494;
    width:0.8rem;
    height:0.026667rem;
    margin:0 0.106667rem 0.106667rem 0.106667rem;
}
.list-content .list-wrap{

}
.list-content .r-item-content{
    display: flex;
    margin:0 0.266667rem;
    padding:0.4rem 0;
    color:#656565;
    position: relative;
}
.list-content .item-img{
    width:2.293333rem;
    height:1.733333rem;
    border:1px solid #141414;
}
.list-content .item-info-content{
    flex:1;/*平分除了图片之外的剩余空间*/
    display: flex;
    flex-direction:column;
    margin-left:0.186667rem;
    overflow:hidden;
}
.list-content .brand{
    position: absolute;
    left:0.026667rem;
    top:0.426667rem;
    font-size:0.32rem;
    padding:0.053333rem;
    color:#fff;
}
.list-content .brand-pinpai{
    background:#ffa627;
}
.list-content .brand-xindao{
    background:#21c56c;
}
.list-content .item-title{
    margin-top:0.08rem;
    font-size:0.426667rem;
    font-weight:500;
    color:#333;
}
.list-content .item-desc{
    margin-top:0.346667rem;
    font-size:0.32rem;
}
.list-content .item-score{
    float:left;
}
/*星级评分*/
.list-content .star-score{

}
.list-content .star{
    width: 0.266667rem;
    height:0.266667rem;
    float:left;
    background-size:cover;
}
.list-content .fullStar{
    background-image:url(images/fullstar.png);
}
.list-content .halfStar{
    background-image:url(images/halfstar.png);
}
.list-content .noStar{
    background-image:url(images/gray-star.png);
}
.list-content .item-count{
    float:left;
    margin-left:0.133333rem;
}
/*在js里先写distance再写time
float:right是从右往左排列
因此实际显示时time在distance的左边*/
.list-content .item-distance{
    float:right;
}
.list-content .item-time{
    float:right;
}
.list-content .item-price{
    margin-top:0.266667rem;
    font-size:0.32rem;
    height:0.64rem;
}
.list-content .item-pre-price{

}
.list-content .item-others{

}
.list-content .other-info{
    color:#898989;
    margin-top:0.186667rem;
    font-size:0.32rem;
    display: flex;    
}
.list-content .other-tag{
    width:0.373333rem;
    height:0.373333rem;
}
.list-content .other-content{
    margin-left:0.08rem;
    height:0.373333rem;
    width:6.133333rem;
    margin-top:0.026667rem;
}
.list-content .loading{
    padding:0.266667rem 0;
    font-size:0.426667rem;
    text-align: center;
    color:#ccc;
}

index.js

(function(){

    //加载类目
    function initCategory(){
        //类目的模板字符串
        var itemTpl=‘<div class="category-item">‘+
                        ‘<img src=$url class="item-icon" />‘+
                        ‘<p class="item-name">$name</p>‘+
                    ‘</div>‘;
        var itemHtml="";

        //获取category数据
        $.get("../json/head.json",function(data){

            var list=data.data.primary_filter.splice(0,8);//只取前8条数据
            list.forEach(function(item,index){
                var str=itemTpl
                        .replace("$url",item.url)
                        .replace("$name",item.name);
                itemHtml+=str;
            })
            $(".category-content").append(itemHtml);        
        })

        //绑定item的click事件
        $(".category-content").on("click",".category-item",function(){
            alert("点击事件还未编写");
        });
    }    

    //加载列表
    function initList(){
        //列表的模板字符串
        var itemTpl=‘<div class="r-item-content">‘+
                        ‘<img src=$url class="item-img" />‘+//图片
                        ‘$brand‘+//图标
                        ‘<div class="item-info-content">‘+
                            ‘<p class="item-title">$name</p>‘+
                            ‘<div class="item-desc clearfix">‘+//详细
                                ‘<div class="item-score">$score</div>‘+
                                ‘<div class="item-count">月售$count</div>‘+
                                ‘<div class="item-distance">&nbsp;$distance</div>‘+
                                ‘<div class="item-time">$time&nbsp;|</div>‘+
                            ‘</div>‘+
                            ‘<div class="item-price">‘+
                                ‘<div class="item-pre-price">$minPrice</div>‘+//起送价
                            ‘</div>‘+
                            ‘<div class="item-others">$others</div>‘+//活动描述
                        ‘</div>‘+
                    ‘</div>‘;
        var itemHtml="";
        var page=0;//当前页
        var isLoading=false;//当前是否处于加载中

        //获取列表数据
        function getList(){
            page++;
            isLoading=true;

            $.get("../json/homelist.json",function(data){
        
                var list=data.data.poilist;
                list.forEach(function(item,index){
                    var str=itemTpl
                            .replace("$url",item.pic_url)
                            .replace("$brand",getBrand(item))//标签
                            .replace("$name",item.name)//商品名
                            .replace("$score",getScore(item))//星级评分
                            .replace("$count",getMonth(item))//月售
                            .replace("$distance",item.distance)//配送距离
                            .replace("$time",item.mt_delivery_time)//配送时间
                            .replace("$minPrice",item.min_price_tip)//起送价
                            .replace("$others",getOthers(item));//商家活动
                    itemHtml+=str;
                })
                $(".list-wrap").append(itemHtml);
                isLoading=false;
            })
        }

        getList();//默认先请求一次    

        //渲染brand标签
        function getBrand(data){
            if(data.brand_type){
                return ‘<div class="brand brand-pinpai">品牌</div>‘;
            }else{
                return ‘<div class="brand brand-xindao">新到</div>‘;
            }
        }

        //月售大于999，返回999+
        function getMonth(data){
            var num=data.month_sale_num;
            if(num>999){
                return ‘999+‘;
            }else{
                return num;
            }
        }

        //商家活动
        function getOthers(data){
            var arr=data.discounts2;
            var str="";
            arr.forEach(function(data,index){
                var _str=‘<div class="other-info">‘+
                            ‘<img src=$icon class="other-tag">‘+
                            ‘<p class="other-content one-line">$content</p>‘+
                          ‘</div>‘;
                _str=_str.replace("$icon",data.icon_url)
                         .replace("$content",data.info);
                str+=_str;
            })
            return str;
        }

        //获取星级评分
        function getScore(data){
            var itemTpl=‘<div class="star-score">$star</div>‘;
            var score=data.wm_poi_score||"";//得到分数
            var scoreArr=score.toString().split(".");//如评分为4.5，则拆分为4个整星，5个半星
            var str="";

            var fullStar=parseInt(scoreArr[0]);//整星
            var halfStar=parseInt(scoreArr[1])>=5?1:0;//半星四舍五入
            var noStar=5-fullStar-halfStar;//无星

            for(var i=0;i<fullStar;i++){
                str+=‘<div class="star fullStar"></div>‘;
            }
            for(var i=0;i<halfStar;i++){
                str+=‘<div class="star halfStar"></div>‘;
            }
            for(var i=0;i<noStar;i++){
                str+=‘<div class="star noStar"></div>‘;
            }
            return itemTpl.replace("$star",str);
        }

        //滚动加载
        window.addEventListener("scroll",function(){
            var clientHeight=document.documentElement.clientHeight;//视窗高度
            var scrollHeight=document.body.scrollHeight;//body滚动过的总长
            var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;//body滚动过的总长

            var preDis=30;//提前的预值
            if((scrollTop+clientHeight)>=(scrollHeight-preDis)){
        
                //自定义页面，一次最多滚动3页
                if(page<3){
                    if(isLoading) return;
                    getList();            
                }else{
                    $(".loading").text("加载完成");
                }
            }
        });
    }

    function init(){
        initCategory();//加载类目
        initList();//加载列表
    }

    init();
    
})();

common是存在公共样式和公共脚本

common.css

/*bottomBar*/
.bottom-bar{
    position: fixed;
    width:100%;
    height:1.333333rem;
    bottom:0;
    display: flex;
    border-top:1px solid #b6b6b6;
    background-color:rgba(246,246,246,.95);
}
.bottom-bar .btn-item{
    display: flex;
    flex-direction:column;
    flex:1;/*平分多余空间*/
    align-items:center;
    justify-content: center;
    color:#999;
    font-size:0.32rem;
    background-size:cover;
}
.bottom-bar .btn-item.active{
    color:#000;
}
.bottom-bar .index .tab-icon{
    background-image:url(images/homeIcon.png);
}
.bottom-bar .index.active .tab-icon{
    background-image:url(images/homeIconActive.png);
}
.bottom-bar .order .tab-icon{
    background-image:url(images/orderIcon.png);
}
.bottom-bar .order.active .tab-icon{
    background-image:url(images/orderIconActive.png);
}
.bottom-bar .my .tab-icon{
    background-image:url(images/myIcon.png);
}
.bottom-bar .my.active .tab-icon{
    background-image:url(images/myIconActive.png);
}
.bottom-bar .tab-icon{
    margin-bottom:0.106667rem;
    width:0.666667rem;
    height:0.666667rem;
}
.bottom-bar .btn-name{

}

common.js

(function(){

    //加载底部菜单
    function initBottomBar(){
        //底部菜单的模板字符串
        var itemTpl=‘<a class="$key btn-item" href="#">‘+
                        ‘<div class="tab-icon"></div>‘+
                        ‘<div class="btn-name">$text</div>‘+
                    ‘</a>‘;
        var items=[{
            key:"index",
            text:"首页"
        },{
            key:"order",
            text:"订单"
        },{
            key:"my",
            text:"我的"
        }];

        var str="";
        items.forEach(function(item){
            str+=itemTpl.replace("$key",item.key)
                   .replace("$text",item.text);
        });

        $(".bottom-bar").append(str);

        //判断当前属于哪个页面
        var arr=window.location.pathname.split("/");
        var page=arr[arr.length-1].replace(".html","");//最后一个元素，去掉.html
        page=page==""?"index":page;//默认显示首页
        $("a.btn-item").removeClass("active");
        $("a."+page).addClass("active");

    }    

    initBottomBar();//加载底部菜单
    
})();

lib存放了reset.css和jquery

reset.css一般网上都找得到，基本的浏览器重置样式

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: ‘‘;
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*清浮动*/
.clearfix::after {
    content: ‘ ‘;
    visibility: hidden;
    display: block;
    height: 0;

    clear: both;
}

/*文字超出一行时显示省略号*/
.one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hide {
    display: none;
}

json里放的是模拟的从服务器端读取到的数据

head.json

{"data":{"card_list":[],"across_banner_list":[],"primary_filter":[{"code":101065,"name":"美食","url":"http://p1.meituan.net/jungle/bd3ea637aeaa2fb6120b6938b5e468a13442.png","gray_url":"http://p1.meituan.net/jungle/a56275d9c97322e4c3b7663bd252b8726478.png","gray_switch":0,"skip_protocol":"channel?category_type=101065&category_text=%E7%BE%8E%E9%A3%9F","sequence":100,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":20,"name":"美团超市","url":"http://p0.meituan.net/jungle/6b93ee96be3df7cf2bb6e661280b047d3975.png","gray_url":"http://p0.meituan.net/jungle/6b93ee96be3df7cf2bb6e661280b047d3975.png","gray_switch":0,"skip_protocol":"channel?category_type=20&category_text=%E7%BE%8E%E5%9B%A2%E8%B6%85%E5%B8%82","sequence":200,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":21,"name":"生鲜果蔬","url":"http://p0.meituan.net/jungle/f33ed552c52b4466b6308a2c14dbc62d4882.png","gray_url":"http://p0.meituan.net/jungle/f33ed552c52b4466b6308a2c14dbc62d4882.png","gray_switch":0,"skip_protocol":"channel?category_type=21&category_text=%E7%94%9F%E9%B2%9C%E6%9E%9C%E8%94%AC","sequence":300,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":101068,"name":"甜点饮品","url":"http://p0.meituan.net/jungle/45816fffb346c194d58e961fde7c0fad4901.png","gray_url":"http://p1.meituan.net/jungle/461a24456d08b3078d06b00fa48c479f6639.png","gray_switch":0,"skip_protocol":"channel?category_type=101068&category_text=%E7%94%9C%E7%82%B9%E9%A5%AE%E5%93%81","sequence":400,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":101067,"name":"美团专送","url":"http://p0.meituan.net/jungle/f51c34aea31bf3685be15dedde2632bc5391.png","gray_url":"http://p0.meituan.net/jungle/ca853b7c6edc2ee64b313824f2e90e056892.png","gray_switch":0,"skip_protocol":"channel?category_type=101067&category_text=%E7%BE%8E%E5%9B%A2%E4%B8%93%E9%80%81","sequence":500,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":950,"name":"正餐优选","url":"http://p1.meituan.net/jungle/1543bbcb048218424e2420a6934e17b24236.png","gray_url":"http://p0.meituan.net/jungle/ca853b7c6edc2ee64b313824f2e90e056892.png","gray_switch":0,"skip_protocol":"channel?category_type=950&category_text=%E6%AD%A3%E9%A4%90%E4%BC%98%E9%80%89","sequence":600,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":101085,"name":"快餐小吃","url":"http://p0.meituan.net/jungle/b528beea0749cb18dd34a38bd2439ed43867.png","gray_url":"http://p1.meituan.net/jungle/d6f9a9f8cf9dce142e70376275e902336720.png","gray_switch":0,"skip_protocol":"channel?category_type=101085&category_text=%E5%BF%AB%E9%A4%90%E5%B0%8F%E5%90%83","sequence":700,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":101083,"name":"汉堡披萨","url":"http://p1.meituan.net/jungle/0e63b86b4ff14d214c1999a979fd21d14273.png","gray_url":"http://p1.meituan.net/jungle/a56275d9c97322e4c3b7663bd252b8726478.png","gray_switch":0,"skip_protocol":"channel?category_type=101083&category_text=%E6%B1%89%E5%A0%A1%E6%8A%AB%E8%90%A8","sequence":800,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":101072,"name":"地方菜","url":"http://p1.meituan.net/jungle/b6033c2f9aa26cdf37ea24fb1346d2dc4690.png","gray_url":"http://p1.meituan.net/jungle/461a24456d08b3078d06b00fa48c479f6639.png","gray_switch":0,"skip_protocol":"channel?category_type=101072&category_text=%E5%9C%B0%E6%96%B9%E8%8F%9C","sequence":900,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":100182,"name":"免配送费","url":"http://p0.meituan.net/jungle/f5ef975cae40ecc1a21dae61f44575d59129.png","gray_url":"http://p1.meituan.net/jungle/461a24456d08b3078d06b00fa48c479f6639.png","gray_switch":0,"skip_protocol":"channel?category_type=100182&category_text=%E5%85%8D%E9%85%8D%E9%80%81%E8%B4%B9","sequence":1000,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":100179,"name":"新商家","url":"http://p1.meituan.net/jungle/d24bda7352a2af54dded09bdf532055b9416.png","gray_url":"http://p1.meituan.net/jungle/d9fa3bf08f16ab2777172f0ae3be34af6827.png","gray_switch":0,"skip_protocol":"channel?category_type=100179&category_text=%E6%96%B0%E5%95%86%E5%AE%B6","sequence":1100,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":100252,"name":"炸鸡零食","url":"http://p0.meituan.net/jungle/0ce9a33a4accc536ac9e2d8d91951c924673.png","gray_url":"http://p1.meituan.net/jungle/461a24456d08b3078d06b00fa48c479f6639.png","gray_switch":0,"skip_protocol":"channel?category_type=100252&category_text=%E7%82%B8%E9%B8%A1%E9%9B%B6%E9%A3%9F","sequence":1200,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":1073,"name":"日韩料理","url":"http://p0.meituan.net/jungle/99f0d73d4b47490cda27df873f415ebf4891.png","gray_url":"http://p0.meituan.net/jungle/ca853b7c6edc2ee64b313824f2e90e056892.png","gray_switch":0,"skip_protocol":"channel?category_type=1073&category_text=%E6%97%A5%E9%9F%A9%E6%96%99%E7%90%86","sequence":1300,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":101073,"name":"鲜花蛋糕","url":"http://p1.meituan.net/jungle/76f6523e25c16df8641717ae1518c0235859.png","gray_url":"http://p1.meituan.net/jungle/461a24456d08b3078d06b00fa48c479f6639.png","gray_switch":0,"skip_protocol":"channel?category_type=101073&category_text=%E9%B2%9C%E8%8A%B1%E8%9B%8B%E7%B3%95","sequence":1400,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null},{"code":100183,"name":"粥粉面","url":"http://p1.meituan.net/jungle/3dfc65491265db3ffd14b8d4d3240d3a4123.png","gray_url":"http://p1.meituan.net/jungle/d9fa3bf08f16ab2777172f0ae3be34af6827.png","gray_switch":0,"skip_protocol":"channel?category_type=100183&category_text=%E7%B2%A5%E7%B2%89%E9%9D%A2","sequence":1500,"brand_type":-1,"first_tag_codes":[],"second_tag_codes":[],"method":1691832,"bubble":null}],"bid_banner_list":[],"friend_feeds":{"logo":"","feed_list":[]},"bubble_max_num":16},"code":0,"msg":"成功"}

homelist.json

{"tgt_stids":"","data":{"poilist":[{"id":520752902260751,"mt_poi_id":611589,"name":"深圳麦当劳前海二餐厅","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"30分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/xianfu/aa86bc1b9a218ea5e094b861c03b59b94873.jpg","pic_url_square":"","avg_delivery_time":30,"shipping_fee":9.0,"shipping_fee_discount":0,"min_price":0.0,"new_promotion":0,"discounts2":[{"id":-2,"type":11,"info":"本店支持开发票，开票金额0元起","icon_url":"http://p0.meituan.net/xianfu/476ba65ee80b6385bab292c085baed17940.png","use_icon_from_server":1,"display_code":2,"sequence":52}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1874,"wm_poi_score":4.7,"shipping_time_x":"","pre_book":0,"brand_type":28771,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"2.3km","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥9","min_price_tip":"起送 ¥0","average_price_tip":"人均 ¥34","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"520752902260751"},{"id":487054588838638,"mt_poi_id":108841731,"name":"尊宝比萨(依云伴山店)","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"35分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p1.meituan.net/waimaipoi/a069cda780cfad105f7d34b193f4cd8027807.jpg","pic_url_square":"","avg_delivery_time":35,"shipping_fee":5.0,"shipping_fee_discount":0,"min_price":30.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1422,"wm_poi_score":4.9,"shipping_time_x":"","pre_book":0,"brand_type":729,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"231m","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥5","min_price_tip":"起送 ¥30","average_price_tip":"人均 ¥26","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"487054588838638"},{"id":474066607761145,"mt_poi_id":162270405,"name":"汉堡王(深圳前海路店24295)","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p1.meituan.net/waimaipoi/9fd9882ec8bf2324eb557c1dae5cf98f18297.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":3.5,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[{"id":103,"type":24,"info":"有机会领取商家代金券","icon_url":"http://p0.meituan.net/xianfu/c2c0f31d0ebf0f60af115d058169c492992.png","use_icon_from_server":1,"display_code":2,"sequence":6},{"id":100,"type":20,"info":"实际支付1元返5元商家代金券","icon_url":"http://p0.meituan.net/xianfu/652eea4034250563fe11b02e3219ba8d981.png","use_icon_from_server":1,"display_code":2,"sequence":7},{"id":-2,"type":11,"info":"本店支持开发票，开票金额0元起","icon_url":"http://p0.meituan.net/xianfu/476ba65ee80b6385bab292c085baed17940.png","use_icon_from_server":1,"display_code":2,"sequence":52}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1922,"wm_poi_score":4.7,"shipping_time_x":"","pre_book":0,"brand_type":201,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"666m","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥3.5","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥29","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"474066607761145"},{"id":451140072331680,"mt_poi_id":164997827,"name":"乐凯撒比萨（泛海城市广场店）","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"30分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p1.meituan.net/waimaipoi/2f388166d640e5d44e47f5e77a28bdb94021.jpg","pic_url_square":"","avg_delivery_time":30,"shipping_fee":9.0,"shipping_fee_discount":0,"min_price":0.0,"new_promotion":0,"discounts2":[{"id":100,"type":20,"info":"实际支付50元返10元商家代金券","icon_url":"http://p0.meituan.net/xianfu/652eea4034250563fe11b02e3219ba8d981.png","use_icon_from_server":1,"display_code":2,"sequence":7},{"id":-2,"type":11,"info":"本店支持开发票，开票金额30元起","icon_url":"http://p0.meituan.net/xianfu/476ba65ee80b6385bab292c085baed17940.png","use_icon_from_server":1,"display_code":2,"sequence":52}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1312,"wm_poi_score":4.9,"shipping_time_x":"","pre_book":0,"brand_type":1015,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"862m","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥9","min_price_tip":"起送 ¥0","average_price_tip":"人均 ¥36","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"451140072331680"},{"id":452411382692781,"mt_poi_id":160406256,"name":"赣味轩","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/a5bf86a9ef9e3cbec7f3b5267b0b330440960.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":4.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":415,"wm_poi_score":4.1,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"448m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥4","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥34","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"452411382692781"},{"id":291027986539711,"mt_poi_id":159013460,"name":"三昧真火烧烤（玫瑰园店）","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"52分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p1.meituan.net/waimaipoi/99e7e5c78751e9890efebab6f82c127537374.jpg","pic_url_square":"","avg_delivery_time":52,"shipping_fee":7.0,"shipping_fee_discount":0,"min_price":38.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":790,"wm_poi_score":4.3,"shipping_time_x":"","pre_book":0,"brand_type":24482,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"446m","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥7","min_price_tip":"起送 ¥38","average_price_tip":"人均 ¥30","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"291027986539711"},{"id":377786325921759,"mt_poi_id":165095587,"name":"刘啵麻辣烫（丽湾店）","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/4c78f294b8e0996bc936c35bf98656eb38912.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":3.0,"shipping_fee_discount":0,"min_price":15.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1443,"wm_poi_score":4.5,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"696m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥3","min_price_tip":"起送 ¥15","average_price_tip":"人均 ¥21","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"377786325921759"},{"id":445831492763071,"mt_poi_id":165727660,"name":"老五川湘菜馆","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/3a996a79435e623b70d4dbd8102af4e334816.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":3.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1751,"wm_poi_score":4.0,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"1.5km","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥3","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥21","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"445831492763071"},{"id":405987081184270,"mt_poi_id":92315528,"name":"御味小厨","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/280d4fab631ebac64d65377b864253c861440.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":2.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1117,"wm_poi_score":4.6,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"658m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥2","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥22","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"405987081184270"},{"id":302057462510017,"mt_poi_id":40449256,"name":"京城御面堂（港城店）","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/f2a7378be06e4abc377ee41f04cc2eed84703.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":3.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1104,"wm_poi_score":4.2,"shipping_time_x":"","pre_book":0,"brand_type":100015833,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"388m","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥3","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥24","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"302057462510017"},{"id":377949534632602,"mt_poi_id":42953070,"name":"带头羊烧烤回香牛肉面","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p1.meituan.net/waimaipoi/d1ab78ad5a12fcd36ed1ad1176d0cfcb216054.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":2.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":366,"wm_poi_score":4.1,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"437m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥2","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥27","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"377949534632602"},{"id":449245991791699,"mt_poi_id":118898056,"name":"壹号田园（泛海拉菲店）","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/43a349cf1f18fee0db8d352a198de47430720.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":2.0,"shipping_fee_discount":0,"min_price":15.0,"new_promotion":0,"discounts2":[{"id":103,"type":24,"info":"有机会领取商家代金券","icon_url":"http://p0.meituan.net/xianfu/c2c0f31d0ebf0f60af115d058169c492992.png","use_icon_from_server":1,"display_code":2,"sequence":6}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1353,"wm_poi_score":4.3,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"550m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥2","min_price_tip":"起送 ¥15","average_price_tip":"人均 ¥21","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"449245991791699"},{"id":297646531125333,"mt_poi_id":150008555,"name":"口口川香","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"51分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/ae4863a43ddd2c9820b72ddd2314868b45056.jpg","pic_url_square":"","avg_delivery_time":51,"shipping_fee":3.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":113,"wm_poi_score":4.7,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"455m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥3","min_price_tip":"起送 ¥20","average_price_tip":"","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"297646531125333"},{"id":510659729105235,"mt_poi_id":159408752,"name":"盆派冒菜","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"37分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/ccd80aee8d37010a366ffb2932edf7d4148803.jpg","pic_url_square":"","avg_delivery_time":37,"shipping_fee":3.0,"shipping_fee_discount":0,"min_price":19.0,"new_promotion":0,"discounts2":[{"id":100,"type":20,"info":"实际支付45元返2元商家代金券","icon_url":"http://p0.meituan.net/xianfu/652eea4034250563fe11b02e3219ba8d981.png","use_icon_from_server":1,"display_code":2,"sequence":7}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":834,"wm_poi_score":4.3,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"536m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥3","min_price_tip":"起送 ¥19","average_price_tip":"人均 ¥20","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"510659729105235"},{"id":558973816220252,"mt_poi_id":67673701,"name":"潮汕汤面","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/60be600e1a4db2129c999d27c89a8f53289247.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":3.0,"shipping_fee_discount":0,"min_price":15.0,"new_promotion":0,"discounts2":[],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1170,"wm_poi_score":4.2,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"692m","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥3","min_price_tip":"起送 ¥15","average_price_tip":"人均 ¥22","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"558973816220252"},{"id":328188043526831,"mt_poi_id":165595013,"name":"尊宝比萨（雷圳店）","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"56分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p1.meituan.net/waimaipoi/a069cda780cfad105f7d34b193f4cd8027807.jpg","pic_url_square":"","avg_delivery_time":56,"shipping_fee":5.0,"shipping_fee_discount":0,"min_price":30.0,"new_promotion":0,"discounts2":[{"id":100,"type":20,"info":"实际支付69元返10元商家代金券","icon_url":"http://p0.meituan.net/xianfu/652eea4034250563fe11b02e3219ba8d981.png","use_icon_from_server":1,"display_code":2,"sequence":7},{"id":-2,"type":11,"info":"本店支持开发票，开票金额30元起","icon_url":"http://p0.meituan.net/xianfu/476ba65ee80b6385bab292c085baed17940.png","use_icon_from_server":1,"display_code":2,"sequence":52}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":279,"wm_poi_score":4.8,"shipping_time_x":"","pre_book":0,"brand_type":729,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"2.3km","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥5","min_price_tip":"起送 ¥30","average_price_tip":"人均 ¥27","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"328188043526831"},{"id":489880677383884,"mt_poi_id":160510569,"name":"胡椒宅男（泛海店）","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p1.meituan.net/waimaipoi/601ce474804c82175c95026dfe422b1419189.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":3.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[{"id":-2,"type":11,"info":"本店支持开发票，开票金额100元起","icon_url":"http://p0.meituan.net/xianfu/476ba65ee80b6385bab292c085baed17940.png","use_icon_from_server":1,"display_code":2,"sequence":52}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":964,"wm_poi_score":4.3,"shipping_time_x":"","pre_book":0,"brand_type":100021365,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"630m","poi_type_icon":"http://p1.meituan.net/aichequan/a88918ba8699e15a5d16d5d7e09ad0022192.png","ad_attr":"","shipping_fee_tip":"配送 ¥3","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥25","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"489880677383884"},{"id":432332410558204,"mt_poi_id":160521699,"name":"曹小厨(前海店)","support_coupon":0,"is_favorite":0,"sort_reason_type":0,"sort_reason_tag":"","delivery_type":0,"mt_delivery_time":"40分钟","status":1,"origin_status":0,"status_desc":"","pic_url":"http://p0.meituan.net/waimaipoi/5705d0a4de98a897889e011071419edf45056.jpg","pic_url_square":"","avg_delivery_time":40,"shipping_fee":2.0,"shipping_fee_discount":0,"min_price":20.0,"new_promotion":0,"discounts2":[{"id":-2,"type":11,"info":"本店支持开发票，开票金额50元起","icon_url":"http://p0.meituan.net/xianfu/476ba65ee80b6385bab292c085baed17940.png","use_icon_from_server":1,"display_code":2,"sequence":52}],"shipping_time_info":{"in_shipping_time":1,"beg_shipping_time":"","status_content":"","desc_content":"","reservation_status":0},"month_sale_num":1631,"wm_poi_score":3.2,"shipping_time_x":"","pre_book":0,"brand_type":0,"sales":0,"priority":0,"wm_poi_opening_days":0,"buz_type":0,"across_book_offset_days":0,"across_book_max_days":0,"latitude":0,"longitude":0,"primitiveDistance":1.7976931348623157E308,"distance":"2.2km","poi_type_icon":"","ad_attr":"","shipping_fee_tip":"配送 ¥2","min_price_tip":"起送 ¥20","average_price_tip":"人均 ¥23","recommend_info":{"icon":"","recommend_reason":""},"support_pay":0,"invoice_support":0,"invoice_min_price":0,"charge_info":"","ad_type":0,"wm_poi_view_id":"432332410558204"}],"poi_has_next_page":true,"poi_total_num":959,"page_index":0,"page_size":20,"has_activity":false,"remind_infos":[],"rank_strategy_tag":"RK4002,RK6012,RK8004","rank_strategy_version":""},"code":0,"msg":"成功"}

以上是关于仿美团外卖-首页实现的主要内容，如果未能解决你的问题，请参考以下文章

vuejs仿美团，饿了么项目之——商品数量加减篇

Android 实现仿美团首页左右滑动GridView+ViewPager菜单栏的功能

仿美团二级菜单

美团点餐左侧菜单滑动

《iVX 高仿美团APP制作移动端完整项目》04 美食页标题搜索商家标题制作

Android 仿美团网,大众点评购买框悬浮效果，仿美团详情页，可下拉放大图片，向上滚动图片，松手有动画