商家详情-商品分类滚动完成代码总结

商品分类滚动

<script>
import { NavBar, Tab, Tabs } from "vant";
// better-scroll
import BScroll from "better-scroll";
import kfc from '@/data/kfc';
export default {
  name: "merchant",
  data() {
    return {
        active: 0,
        categories: []
    };
  },
  components: {
    [NavBar.name]: NavBar,
    [Tab.name]: Tab,
    [Tabs.name]: Tabs,
  },
  mounted(){
    const categories = kfc['categories'];
    for (let index=0; index < categories.length; index++){
      const category = categories[index];
      this.categories.push({id:category.id,name:category.name})
    }
    this.$nextTick(() => {
          var menuScroll = new BScroll(this.$refs.category,{
          scrollY: true,
          click: true
    })
    })
  },
  computed: {
    menuHeightStyle(){
      const height = window.innerHeight - 164;
      return {
        height: height + 'px'
      }
    }
  }
};
</script>

<van-tabs class="tab-group" v-model="active">
      <van-tab title="点菜">
        <div class="menu-group" :style="menuHeightStyle">
          <div class="category-group" ref="category">
            <ul class="category-list">
              <li v-for="category in categories" :key="category.name">
                {{category.name}}
              </li>
            </ul>
          </div>
          <div class="goods-group">

          </div>
        </div>
      </van-tab>
</van-tabs>

.tab-group{
  .menu-group{
    display: flex;
    .category-group{
      width: 80px;
      text-align: center;
      background-color: pink;
      height: 100%;
      overflow: hidden;
      .category-list{
        overflow: hidden;
        li{
          height: 50px;
          line-height: 50px;
        }
      }
    }
    .goods-group{
      flex: 1;
      background-color: olive;
      height: 100%;
    }
  }
}

kfc.js代码

/* jshint esversion: 6 */
const kfc = {
  "id": 31,
  "name": "肯德基(花城店)",
  "address": "湖南省长沙市天心区花城路211号",
  "logo": "http://p1.meituan.net/xianfu/33c48a92a31a21e4bf32d3aa7c1c5c0d16649.jpg",
  "notice": "欢迎关林肯德基宅急送，专业外送，全程保温，准时送达！",
  "up_send": "0.00",
  "lon": 22.0,
  "lat": 22.0,
  "categories": [{
    "id": 207,
    "name": "炸鸡啤酒",
    "merchant": 31,
    "goods_list": [{
      "id": 2011,
      "name": "百威啤酒T",
      "picture": "http://p1.meituan.net/xianfu/8fd48d2e154953ed306126e2a1eebeb159392.jpg",
      "intro": "主要原料:百威啤酒500毫升\r\n未成年人请勿饮酒，孕妇和身体不适者不宜饮酒。喝酒请勿驾车，请适度享用美酒，产品及包装以实物为准。",
      "price": "15.00",
      "category": 207
    }]
  }, {
    "id": 208,
    "name": "夜宵套餐",
    "merchant": 31,
    "goods_list": [{
      "id": 2012,
      "name": "八块香辣鸡翅TN",
      "picture": "http://p1.meituan.net/xianfu/ed8484dc56c80c007690dd77caa0618c34816.jpg",
      "intro": "香辣多汁，口感鲜美。,主要原料:鸡翅，小麦粉",
      "price": "39.50",
      "category": 208
    }, {
      "id": 2013,
      "name": "超级翅桶多人餐T",
      "picture": "http://p1.meituan.net/xianfu/93bdf390e0a60c0e052836d0d9fa84d036864.jpg",
      "intro": "香辣鸡翅12块+新奥尔良烤翅8块+1.25L瓶装可乐",
      "price": "109.00",
      "category": 208
    }, {
      "id": 2014,
      "name": "十翅分享桶T",
      "picture": "http://p0.meituan.net/xianfu/8cb29a77c56eec84a5336b21e9dd556e36864.jpg",
      "intro": "十块香辣鸡翅+九珍2杯",
      "price": "75.00",
      "category": 208
    }, {
      "id": 2015,
      "name": "葡式蛋挞6只TN",
      "picture": "http://p1.meituan.net/xianfu/7f1e7ca278a757d1811f372b540db24923552.jpg",
      "intro": "葡式蛋挞6只,省是指比菜单单品总价省的金额",
      "price": "42.00",
      "category": 208
    }]
  }, {
    "id": 209,
    "name": "夜宵单品",
    "merchant": 31,
    "goods_list": [{
      "id": 2016,
      "name": "冬菇滑鸡粥TN",
      "picture": "http://p0.meituan.net/xianfu/6636b167de9c47708f4daf8d3bc9b6fd27648.jpg",
      "intro": ",主要原料:大米、冬菇、鸡肉、生菜",
      "price": "9.50",
      "category": 209
    }, {
      "id": 2017,
      "name": "百事可乐(中)TN",
      "picture": "http://p0.meituan.net/xianfu/56007977d214d7e7526996279afe241960416.jpg",
      "intro": "主要原料： 水，百事可乐糖浆， 二氧化碳",
      "price": "9.50",
      "category": 209
    }, {
      "id": 2018,
      "name": "九珍果汁饮料TN",
      "picture": "http://p0.meituan.net/xianfu/fb49242499f2b322cb26cb532828ca4f45056.jpg",
      "intro": ",主要原料:果汁浓缩液、水",
      "price": "12.00",
      "category": 209
    }, {
      "id": 2019,
      "name": "醇豆浆(热)TN",
      "picture": "http://p1.meituan.net/xianfu/6d02380760a87f7304c2fd27200998e137888.jpg",
      "intro": ",主要原料:豆浆粉、水",
      "price": "9.00",
      "category": 209
    }, {
      "id": 2020,
      "name": "二块香辣鸡翅炸鸡TN",
      "picture": "http://p0.meituan.net/xianfu/e2fcf680b601c5b562852d04a7a9d24647104.jpg",
      "intro": "炸鸡,主要原料:鸡翅，小麦粉",
      "price": "12.00",
      "category": 209
    }, {
      "id": 2021,
      "name": "葡式蛋挞(经典)TN",
      "picture": "http://p1.meituan.net/xianfu/35758449f38766de87fb0ef832eedc5832768.jpg",
      "intro": ",主要原料:挞皮，蛋液，淡奶油，牛奶",
      "price": "9.00",
      "category": 209
    }, {
      "id": 2022,
      "name": "安心大油条TN",
      "picture": "http://p1.meituan.net/xianfu/aa7b6219f00a012f913cc825d654063337888.jpg",
      "intro": ",主要原料:油条",
      "price": "7.50",
      "category": 209
    }, {
      "id": 2023,
      "name": "芙蓉荟蔬汤TN",
      "picture": "http://p0.meituan.net/xianfu/b1c3cc6005ca0b9b7712405d2e3efea121504.jpg",
      "intro": ",主要原料:鸡蛋、蔬菜（菠菜、裙带菜、胡萝卜、香菇）、水",
      "price": "9.00",
      "category": 209
    }, {
      "id": 2024,
      "name": "新奥尔良烤翅TN",
      "picture": "http://p0.meituan.net/xianfu/26a82d6946477e1950573afc92412b7d50176.jpg",
      "intro": ",主要原料:鸡翅",
      "price": "13.00",
      "category": 209
    }, {
      "id": 2025,
      "name": "香辣鸡腿堡STN",
      "picture": "http://p0.meituan.net/xianfu/384f9a8d44fa3eda0ab801ca59ee397d53248.jpg",
      "intro": "整块无骨鸡腿肉, 浓郁汉堡酱，香脆鲜辣多汁。,主要原料:鸡腿肉，面包，生菜",
      "price": "19.00",
      "category": 209
    }, {
      "id": 2026,
      "name": "新奥尔良烤鸡腿堡STN",
      "picture": "http://p0.meituan.net/xianfu/9f5325afe921ffc7941330ec7b63728162464.jpg",
      "intro": "选用超大无骨鸡腿肉烤制，鲜嫩多汁，甜中带辣。,主要原料:鸡腿肉，面包，蔬菜（生菜，青椒丝）",
      "price": "19.50",
      "category": 209
    }, {
      "id": 2027,
      "name": "皮蛋瘦肉粥TN",
      "picture": "http://p0.meituan.net/xianfu/b69d6ef04b170c1cb1cb47d02c4ca87733792.jpg",
      "intro": "精选优质大米，配上皮蛋和五香瘦肉丝.,主要原料:大米、酱卤瘦肉丝、皮蛋",
      "price": "9.50",
      "category": 209
    }, {
      "id": 2028,
      "name": "1.25升装百事可乐TN",
      "picture": "http://p1.meituan.net/xianfu/307ab6a31e3744f3be99b398b5ac969c37888.jpg",
      "intro": "1瓶1.25L百事可乐,省是指比菜单单品总价省的金额",
      "price": "14.00",
      "category": 209
    }]
  }, {
    "id": 210,
    "name": "桶",
    "merchant": 31,
    "goods_list": [{
      "id": 2029,
      "name": "炸鸡分享桶T",
      "picture": "http://p0.meituan.net/xianfu/8e12ef53ce132d332a6c7e03582cfb8557344.jpg",
      "intro": "2块香辣鸡翅+2块新奥尔良烤翅+黄金鸡块(5块)+劲爆鸡米花（大）1份+2九珍果汁饮料",
      "price": "74.00",
      "category": 210
    }, {
      "id": 2030,
      "name": "六味小吃桶T",
      "picture": "http://p0.meituan.net/xianfu/484e68f49f6acb61636907cdc6e20fb158368.jpg",
      "intro": "4块烤翅+2块辣翅+1块原味鸡+5块黄金鸡块+1份劲爆鸡米花（小）+2个红豆派",
      "price": "84.50",
      "category": 210
    }, {
      "id": 2031,
      "name": "精选多人套餐ST",
      "picture": "http://p0.meituan.net/xianfu/9e72464171d3f6473d0b8d53ed56879962464.jpg",
      "intro": "新奥尔良烤鸡腿堡1份+香辣鸡腿堡1份+老北京鸡肉卷1份+藤椒肯大大鸡排1份+香辣鸡翅4块+新奥尔良烤翅2块+醇香土豆泥2份+九珍果汁饮料3杯",
      "price": "153.00",
      "category": 210
    }]
  }, {
    "id": 211,
    "name": "现熬好粥",
    "merchant": 31,
    "goods_list": [{
      "id": 2032,
      "name": "冬菇滑鸡粥T",
      "picture": "http://p0.meituan.net/xianfu/7d42e79dc089317e410be89992d0a6f739936.jpg",
      "intro": "现熬浓稠好粥底中，加入鸡腿肉、冬菇块，与蚝汁一起蒸煮入味。鲜、嫩、香。,主要原料:大米、冬菇、鸡肉、生菜",
      "price": "9.50",
      "category": 211
    }, {
      "id": 2033,
      "name": "牛肉蛋花粥T",
      "picture": "http://p0.meituan.net/xianfu/fe66437b3b7be9f49bc15165bd90bf9536864.jpg",
      "intro": "全新美味的牛肉蛋花粥，在熬制的粥底中打入美味蛋花，加入细切新鲜牛肉，再配以黑木耳和黄花菜等配菜，料足味美。,主要原料:大米、牛肉粒、牛肉粥菜块（鸡蛋、木耳、黄花菜、葱）",
      "price": "11.50",
      "category": 211
    }, {
      "id": 2034,
      "name": "雪菜笋丁鸡肉粥T",
      "picture": "http://p0.meituan.net/xianfu/6c554f75ff5522879720ae9e869bbf5629696.jpg",
      "intro": "咸鲜适口,主要原料:大米、雪菜、鸡肉、笋丁、胡萝卜",
      "price": "7.50",
      "category": 211
    }, {
      "id": 2035,
      "name": "皮蛋瘦肉粥T",
      "picture": "http://p0.meituan.net/xianfu/b69d6ef04b170c1cb1cb47d02c4ca87733792.jpg",
      "intro": "精选优质大米，配上皮蛋和五香瘦肉丝.,主要原料:大米、酱卤瘦肉丝、皮蛋",
      "price": "9.50",
      "category": 211
    }]
  }, {
    "id": 212,
    "name": "美味汉堡/卷",
    "merchant": 31,
    "goods_list": [{
      "id": 2036,
      "name": "鸡肉卷薯条套餐T",
      "picture": "http://p0.meituan.net/xianfu/5aa4868a9852350983c355ff9d41389262464.jpg",
      "intro": "老北京鸡肉卷1份+波纹霸王薯条(中)1份+九珍果汁饮料1杯",
      "price": "35.00",
      "category": 212
    }, {
      "id": 2037,
      "name": "奥尔良烤鸡腿堡套餐T",
      "picture": "http://p0.meituan.net/xianfu/52e3b1247c48eba63f4b7b1cf56bf34762464.jpg",
      "intro": "新奥尔良鸡腿堡1份+波纹霸王薯条(中)1份+九珍果汁饮料1杯",
      "price": "36.00",
      "category": 212
    }, {
      "id": 2038,
      "name": "香辣鸡腿堡套餐T",
      "picture": "http://p0.meituan.net/xianfu/7451e0c70a745f0d7102d964a35bb50a62464.jpg",
      "intro": "香辣鸡腿堡1份+波纹霸王薯条(中)1份+九珍果汁饮料1杯",
      "price": "36.00",
      "category": 212
    }, {
      "id": 2039,
      "name": "辣翅九珍套餐T",
      "picture": "http://p1.meituan.net/xianfu/7a41f9b88d62384f728f881ad5104f9461440.jpg",
      "intro": "香辣鸡翅2块+九珍果汁1杯",
      "price": "23.50",
      "category": 212
    }, {
      "id": 2040,
      "name": "奥堡九珍套餐ST",
      "picture": "http://p0.meituan.net/xianfu/fccb12c8fb2417dc078aa545bfd3a78a62464.jpg",
      "intro": "升级版新奥尔良烤鸡腿堡1个+九珍果汁1杯",
      "price": "31.50",
      "category": 212
    }, {
      "id": 2041,
      "name": "鸡肉火腿帕尼尼ST",
      "picture": "http://p0.meituan.net/xianfu/d9263205d04c0a11351815221a25adb261440.jpg",
      "intro": "升级版鸡肉火腿帕尼尼",
      "price": "14.00",
      "category": 212
    }, {
      "id": 2042,
      "name": "卷堡三人套餐ST",
      "picture": "http://p0.meituan.net/xianfu/84eb4f8241b50609981306f7e71f1ce638912.jpg",
      "intro": "升级版香辣鸡腿堡1个+升级版新奥尔良烤鸡腿堡1个+老北京鸡肉卷1个+香辣鸡翅2块+新奥尔良烤翅2块+红豆派1块+葡式蛋挞2个+九珍3杯",
      "price": "99.00",
      "category": 212
    }, {
      "id": 2043,
      "name": "鸡肉卷九珍套餐T",
      "picture": "http://p1.meituan.net/xianfu/b5c15b26aa76fc44499de2829c76319f62464.jpg",
      "intro": "老北京鸡肉卷1个+九珍果汁1杯",
      "price": "29.00",
      "category": 212
    }, {
      "id": 2044,
      "name": "香辣鸡腿堡(汉堡)ST",
      "picture": "http://p0.meituan.net/xianfu/384f9a8d44fa3eda0ab801ca59ee397d53248.jpg",
      "intro": "整块无骨鸡腿肉, 浓郁汉堡酱，香脆鲜辣多汁。,主要原料:鸡腿肉，面包，生菜",
      "price": "19.00",
      "category": 212
    }, {
      "id": 2045,
      "name": "新奥尔良烤鸡腿堡ST",
      "picture": "http://p0.meituan.net/xianfu/3843d6323032f77ace00a1e8ae05c93253248.jpg",
      "intro": "选用超大无骨鸡腿肉烤制，鲜嫩多汁，甜中带辣。,主要原料:鸡腿肉，面包，蔬菜（生菜，青椒丝）",
      "price": "19.50",
      "category": 212
    }, {
      "id": 2046,
      "name": "老北京鸡肉卷T",
      "picture": "http://p0.meituan.net/xianfu/794d396c71b3d52064de4dee0988a8f462464.jpg",
      "intro": "选用无骨鸡腿柳条、搭配传统甜面酱和新鲜爽脆黄瓜，酱香浓郁的老北京味。,主要原料:面饼，鸡腿肉条，黄瓜段，京葱丝",
      "price": "17.00",
      "category": 212
    }]
  }, {
    "id": 213,
    "name": "鸡翅/鸡排",
    "merchant": 31,
    "goods_list": [{
      "id": 2047,
      "name": "热辣香骨鸡T",
      "picture": "http://p0.meituan.net/xianfu/92ca288519f9dbb652332a8132ea687e60416.jpg",
      "intro": "热辣香骨鸡",
      "price": "11.50",
      "category": 213
    }, {
      "id": 2048,
      "name": "四块香辣鸡翅T",
      "picture": "http://p1.meituan.net/xianfu/f01f5420d33c7eb57dc377043d55741c61440.jpg",
      "intro": "四块香辣鸡翅",
      "price": "23.00",
      "category": 213
    }, {
      "id": 2049,
      "name": "20块香辣鸡翅T",
      "picture": "http://p0.meituan.net/xianfu/6abd1be7bceb2e7976d2676c8e4dc4ec62464.jpg",
      "intro": "香辣鸡翅20块",
      "price": "89.00",
      "category": 213
    }, {
      "id": 2050,
      "name": "十块香辣鸡翅T",
      "picture": "http://p0.meituan.net/xianfu/d33985c67ffb9a5d2dbdcbe2f811f96158368.jpg",
      "intro": "香辣多汁，口感鲜美。十块香辣鸡翅",
      "price": "48.00",
      "category": 213
    }, {
      "id": 2051,
      "name": "十块新奥尔良烤翅T",
      "picture": "http://p0.meituan.net/xianfu/d1d1613f823b2d8917385ba1a1ef12fb62464.jpg",
      "intro": "10块新奥尔良烤翅",
      "price": "49.00",
      "category": 213
    }, {
      "id": 2052,
      "name": "二块香辣鸡翅(炸鸡)T",
      "picture": "http://p0.meituan.net/xianfu/c3d7899fe85fb941a75b9f9163b9b30c61440.jpg",
      "intro": "香辣多汁，口感鲜美。主要原料:鸡翅，小麦粉",
      "price": "11.50",
      "category": 213
    }, {
      "id": 2053,
      "name": "二块新奥尔良烤翅T",
      "picture": "http://p1.meituan.net/xianfu/918636779e082867f6bd047d9806052262464.jpg",
      "intro": "鲜嫩多汁，具烧烤香和甜辣味,主要原料:鸡翅",
      "price": "12.50",
      "category": 213
    }, {
      "id": 2054,
      "name": "藤椒肯大大鸡排T",
      "picture": "http://p0.meituan.net/xianfu/540ab63a40fe55016735445c19765b7761440.jpg",
      "intro": ",主要原料:鸡排，小麦粉",
      "price": "13.00",
      "category": 213
    }]
  }, {
    "id": 214,
    "name": "原味鸡",
    "merchant": 31,
    "goods_list": [{
      "id": 2055,
      "name": "吮指原味鸡套餐AST",
      "picture": "http://p0.meituan.net/xianfu/4b24f122f168cf7ede112504cd1ba00e44032.jpg",
      "intro": "升级版香辣鸡腿堡1个 + 吮指原味鸡1块 + 九珍果汁饮料1杯",
      "price": "37.00",
      "category": 214
    }, {
      "id": 2056,
      "name": "原味鸡九珍套餐T",
      "picture": "http://p0.meituan.net/xianfu/f36fe36c80ca5acfee55792127fcea6661440.jpg",
      "intro": "吮指原味鸡1块+九珍果汁1杯",
      "price": "24.00",
      "category": 214
    }, {
      "id": 2057,
      "name": "(一块)吮指原味鸡T",
      "picture": "http://p0.meituan.net/xianfu/8d3d63bf7c1cd21c545bd34ab0fe3016161792.jpg",
      "intro": "具有神秘配方浓郁的香料所散发的风味，鲜嫩多汁。,主要原料:鸡肉，小麦粉",
      "price": "12.00",
      "category": 214
    }]
  }, {
    "id": 215,
    "name": "小食/配餐",
    "merchant": 31,
    "goods_list": [{
      "id": 2058,
      "name": "波纹霸王薯条T",
      "picture": "http://p1.meituan.net/xianfu/9ddcb241ea664edeecf855035a26a47161440.jpg",
      "intro": "波纹霸王薯条T",
      "price": "12.00",
      "category": 215
    }, {
      "id": 2059,
      "name": "劲爆鸡米花T",
      "picture": "http://p0.meituan.net/xianfu/897de6db43ed03567fa6c9f190d0d34362464.jpg",
      "intro": "劲爆鸡米花T",
      "price": "11.50",
      "category": 215
    }, {
      "id": 2060,
      "name": "黄金鸡块5块装T",
      "picture": "http://p1.meituan.net/xianfu/0d177b358a7bbe4d76881cdc0305e1da61440.jpg",
      "intro": "精选鸡肉烹炸，搭配调味酱，口感香鲜酥脆。,主要原料:黄金鸡块",
      "price": "11.50",
      "category": 215
    }, {
      "id": 2061,
      "name": "芙蓉荟蔬汤T",
      "picture": "http://p0.meituan.net/xianfu/30c21d52d663e369e88776b3424c570a62464.jpg",
      "intro": "选用蔬菜配以蛋花精制而成,主要原料:鸡蛋、蔬菜（菠菜、裙带菜、胡萝卜、香菇）、水",
      "price": "8.50",
      "category": 215
    }, {
      "id": 2062,
      "name": "香甜粟米棒T",
      "picture": "http://p0.meituan.net/xianfu/c5126d3bc38fcec70a848357ca0c2c5e60416.jpg",
      "intro": "优质甜玉米，外表金黄诱人，口感香甜多汁。,主要原料:玉米",
      "price": "8.50",
      "category": 215
    }, {
      "id": 2063,
      "name": "醇香土豆泥T",
      "picture": "http://p0.meituan.net/xianfu/8c712a63987dd3b4dbf1b664cf634da862464.jpg",
      "intro": "细腻香浓的土豆泥加上润滑可口的鸡汁,主要原料:土豆泥粉，鸡汁粉，淡奶油，黄油",
      "price": "6.50",
      "category": 215
    }, {
      "id": 2064,
      "name": "鲜蔬沙拉T",
      "picture": "http://p0.meituan.net/xianfu/83e4b140504d7e88621b4e11eff743b236864.jpg",
      "intro": "六种鲜脆蔬菜，搭配特制猕猴桃酱，酸甜爽口，健康之选！,主要原料:蔬菜(球生菜,紫甘蓝)，猕猴桃酱",
      "price": "13.50",
      "category": 215
    }, {
      "id": 2065,
      "name": "葡式蛋挞经典1只装T",
      "picture": "http://p1.meituan.net/xianfu/fbcdf3a30990f742903881a50471231139936.jpg",
      "intro": "口感嫩滑，浓郁香甜,主要原料:挞皮，蛋液，淡奶油，牛奶",
      "price": "8.00",
      "category": 215
    }, {
      "id": 2066,
      "name": "安心大油条T",
      "picture": "http://p0.meituan.net/xianfu/aef57b33e9e12ebde2dde9fa98af671a37888.jpg",
      "intro": "以面粉为主要原料，炸至香酥可口。,主要原料:油条",
      "price": "6.50",
      "category": 215
    }, {
      "id": 2067,
      "name": "太阳蛋T",
      "picture": "http://p0.meituan.net/xianfu/e5a8b93a9fb810bd2757e40d4fa198cb19456.jpg",
      "intro": "造型美观。,主要原料:鸡蛋",
      "price": "5.50",
      "category": 215
    }]
  }, {
    "id": 216,
    "name": "甜品/冰淇淋",
    "merchant": 31,
    "goods_list": [{
      "id": 2068,
      "name": "葡式蛋挞(经典)1只T",
      "picture": "http://p0.meituan.net/xianfu/06a673601ea2f04d5c0d986e640fd77b61440.jpg",
      "intro": "口感嫩滑，浓郁香甜,主要原料:挞皮，蛋液，淡奶油，牛奶",
      "price": "8.00",
      "category": 216
    }, {
      "id": 2069,
      "name": "红豆派T",
      "picture": "http://p0.meituan.net/xianfu/8e084c4ef8a4e80ddad4ff7db6e5984136864.jpg",
      "intro": "精选富含高营养价值的红豆，精心熬煮制成浓稠绵蜜的红豆酱，再将其包裹于外表金黄的小酥皮中，特制成酥情蜜意红豆派。口感饱满且富有层次。,主要原料:红豆派",
      "price": "6.50",
      "category": 216
    }, {
      "id": 2070,
      "name": "原味圣代（冲绳黑糖珍珠酱）T",
      "picture": "http://p0.meituan.net/xianfu/300b353e44c5d90ae92ca447b1621d5b60416.jpg",
      "intro": "主要原料：香浓牛奶味冰淇淋，醇香黑糖风味粉圆，冲绳黑糖调味酱",
      "price": "11.00",
      "category": 216
    }, {
      "id": 2071,
      "name": "原味圣代（北美蓝莓酱）T",
      "picture": "http://p1.meituan.net/xianfu/95c99174ad76f9681cff1d324f203ea660416.jpg",
      "intro": "主要原料：香浓牛奶味冰淇淋，蓝莓果酱",
      "price": "11.00",
      "category": 216
    }, {
      "id": 2072,
      "name": "葡式蛋挞经典2只装T",
      "picture": "http://p0.meituan.net/xianfu/edc2c2299a1c9ca316f9f7cbeead2a0d62464.jpg",
      "intro": "葡式蛋挞经典2只装",
      "price": "16.00",
      "category": 216
    }, {
      "id": 2073,
      "name": "葡式蛋挞(经典)6只T",
      "picture": "http://p0.meituan.net/xianfu/6fb8a05b555db6fcf6133d64e38b738862464.jpg",
      "intro": "葡式蛋挞（经典）6只,主要原料:挞皮，蛋液，淡奶油，牛奶",
      "price": "38.00",
      "category": 216
    }]
  }, {
    "id": 217,
    "name": "缤纷饮料",
    "merchant": 31,
    "goods_list": [{
      "id": 2074,
      "name": "恋桃乌龙茶T",
      "picture": "http://p1.meituan.net/xianfu/47ea0e7173f5482e695c6ba181bf7b3759392.jpg",
      "intro": "主要原料：桃之恋乌龙茶：铁观音茶，桃复合果汁饮料浓浆，糖水混合桃丁罐头",
      "price": "13.50",
      "category": 217
    }, {
      "id": 2075,
      "name": "百事可乐(中)T",
      "picture": "http://p0.meituan.net/xianfu/56007977d214d7e7526996279afe241960416.jpg",
      "intro": "主要原料： 水，百事可乐糖浆， 二氧化碳",
      "price": "9.50",
      "category": 217
    }, {
      "id": 2076,
      "name": "九珍果汁饮料T",
      "picture": "http://p0.meituan.net/xianfu/7a8360ae5dc1cda8e3f71d8bf4bdcd6e61440.jpg",
      "intro": "九种水果风味混合而成，酸甜可口,主要原料:果汁浓缩液、水",
      "price": "12.00",
      "category": 217
    }, {
      "id": 2077,
      "name": "热柠檬红茶T",
      "picture": "http://p0.meituan.net/xianfu/fe44f2d7c9ce4bb8f29136483428c5d661440.jpg",
      "intro": "经典红茶加入三片新鲜柠檬， 醇厚、清新交织在一起，让人回味无穷。水果茶内含水果籽，请小心吸食，儿童请在家长监护下食用。,主要原料:红茶，柠檬片",
      "price": "11.50",
      "category": 217
    }, {
      "id": 2078,
      "name": "1.25升装百事可乐T",
      "picture": "http://p0.meituan.net/xianfu/5621e0caa65ed56ef4d2af4f632d2f7861440.jpg",
      "intro": "1瓶1.25L百事可乐",
      "price": "16.00",
      "category": 217
    }]
  }, {
    "id": 218,
    "name": "美味早餐",
    "merchant": 31,
    "goods_list": [{
      "id": 2079,
      "name": "猪柳蛋帕尼拿铁餐ST",
      "picture": "http://p0.meituan.net/xianfu/dc4442c9aa56df39899e7a9f0eedf60e131072.jpg",
      "intro": "升级芝士猪柳蛋帕尼尼1份 + 拿铁（大）1杯",
      "price": "30.50",
      "category": 218
    }, {
      "id": 2080,
      "name": "瘦肉粥浆太阳蛋餐T",
      "picture": "http://p1.meituan.net/xianfu/651f9a7e9e6f09f33dfbe082cb4ff97239936.jpg",
      "intro": "皮蛋瘦肉粥1份+醇豆浆甜（热）1杯+太阳蛋1个",
      "price": "20.50",
      "category": 218
    }, {
      "id": 2081,
      "name": "鸡肉粥浆太阳蛋餐T",
      "picture": "http://p1.meituan.net/xianfu/5546636922eb0166e0b9864886733b4339936.jpg",
      "intro": "雪菜笋丁鸡肉粥1份+醇豆浆甜（热）1杯+太阳蛋1个",
      "price": "18.50",
      "category": 218
    }, {
      "id": 2082,
      "name": "冬菇滑鸡粥T",
      "picture": "http://p0.meituan.net/xianfu/7d42e79dc089317e410be89992d0a6f739936.jpg",
      "intro": "现熬浓稠好粥底中，加入鸡腿肉、冬菇块，与蚝汁一起蒸煮入味。鲜、嫩、香。,主要原料:大米、冬菇、鸡肉、生菜",
      "price": "9.50",
      "category": 218
    }, {
      "id": 2083,
      "name": "牛肉蛋花粥T",
      "picture": "http://p0.meituan.net/xianfu/fe66437b3b7be9f49bc15165bd90bf9536864.jpg",
      "intro": "全新美味的牛肉蛋花粥，在熬制的粥底中打入美味蛋花，加入细切新鲜牛肉，再配以黑木耳和黄花菜等配菜，料足味美。,主要原料:大米、牛肉粒、牛肉粥菜块（鸡蛋、木耳、黄花菜、葱）",
      "price": "11.50",
      "category": 218
    }, {
      "id": 2084,
      "name": "雪菜笋丁鸡肉粥T",
      "picture": "http://p0.meituan.net/xianfu/6c554f75ff5522879720ae9e869bbf5629696.jpg",
      "intro": "咸鲜适口,主要原料:大米、雪菜、鸡肉、笋丁、胡萝卜",
      "price": "7.50",
      "category": 218
    }, {
      "id": 2085,
      "name": "葡式蛋挞经典1只装T",
      "picture": "http://p1.meituan.net/xianfu/fbcdf3a30990f742903881a50471231139936.jpg",
      "intro": "口感嫩滑，浓郁香甜,主要原料:挞皮，蛋液，淡奶油，牛奶",
      "price": "8.00",
      "category": 218
    }, {
      "id": 2086,
      "name": "安心大油条T",
      "picture": "http://p0.meituan.net/xianfu/aef57b33e9e12ebde2dde9fa98af671a37888.jpg",
      "intro": "以面粉为主要原料，炸至香酥可口。,主要原料:油条",
      "price": "6.50",
      "category": 218
    }, {
      "id": 2087,
      "name": "太阳蛋T",
      "picture": "http://p0.meituan.net/xianfu/e5a8b93a9fb810bd2757e40d4fa198cb19456.jpg",
      "intro": "造型美观。,主要原料:鸡蛋",
      "price": "5.50",
      "category": 218
    }]
  }, {
    "id": 219,
    "name": "K 咖啡",
    "merchant": 31,
    "goods_list": [{
      "id": 2088,
      "name": "小清新聚神双人餐T",
      "picture": "http://p0.meituan.net/xianfu/89d7b0f5b18ba3c0089c8caeb12be03a60416.jpg",
      "intro": "拿铁(中)+榛果风味拿铁(中)+葡式蛋挞（经典）2个+热辣香骨鸡3块",
      "price": "60.50",
      "category": 219
    }, {
      "id": 2089,
      "name": "炙热的心T",
      "picture": "http://p1.meituan.net/xianfu/ae24d0fbdd3f0e1772b22d54044e8d8159392.jpg",
      "intro": "香草风味冰拿铁(中)+比利时风味华夫巧克力味",
      "price": "28.00",
      "category": 219
    }, {
      "id": 2090,
      "name": "你是我的甜心T",
      "picture": "http://p0.meituan.net/xianfu/9c1e08104a038f4716216d7e229d5c9a60416.jpg",
      "intro": "拿铁（大）+葡式蛋挞（经典）1只",
      "price": "27.00",
      "category": 219
    }, {
      "id": 2091,
      "name": "冰拿铁(大)T",
      "picture": "http://p0.meituan.net/xianfu/db5dffb4a516de080447de97f176261460416.jpg",
      "intro": "精选阿拉比卡咖啡豆，新鲜现磨；规格：同堂食大杯,主要原料:焙炒咖啡豆，牛奶，水",
      "price": "19.00",
      "category": 219
    }, {
      "id": 2092,
      "name": "拿铁(大)T",
      "picture": "http://p0.meituan.net/xianfu/a8aa783b749fb4a50e187e906fd0755150176.jpg",
      "intro": "精选阿拉比卡咖啡豆，新鲜现磨；规格：同堂食大杯,主要原料:焙炒咖啡豆，牛奶，水",
      "price": "19.00",
      "category": 219
    }, {
      "id": 2093,
      "name": "冰拿铁(中)T",
      "picture": "http://p0.meituan.net/xianfu/09767cbd2ce12b0e33b38666737460f758368.jpg",
      "intro": "精选阿拉比卡咖啡豆，新鲜现磨；规格：同堂食中杯,主要原料:焙炒咖啡豆，牛奶，水",
      "price": "16.00",
      "category": 219
    }, {
      "id": 2094,
      "name": "拿铁(中)T",
      "picture": "http://p0.meituan.net/xianfu/b11924fb258e085f14d6d0893221aa8f60416.jpg",
      "intro": "精选阿拉比卡咖啡豆，新鲜现磨；规格：同堂食中杯,主要原料:焙炒咖啡豆，牛奶，水",
      "price": "16.00",
      "category": 219
    }, {
      "id": 2095,
      "name": "榛果风味冰拿铁T",
      "picture": "http://p0.meituan.net/xianfu/7fc4a1db0b9c66afa99665b80878726a60416.jpg",
      "intro": ",主要原料:焙炒咖啡豆，牛奶，榛果风味糖浆，水",
      "price": "17.00",
      "category": 219
    }, {
      "id": 2096,
      "name": "冰美式T",
      "picture": "http://p0.meituan.net/xianfu/fef4a6d473208170196a7ca88de5be1560416.jpg",
      "intro": "主要原料:焙炒咖啡豆，水",
      "price": "14.00",
      "category": 219
    }, {
      "id": 2097,
      "name": "香草风味冰拿铁T",
      "picture": "http://p1.meituan.net/xianfu/97f41225c0461dcda13ce74be9fd762260416.jpg",
      "intro": ",主要原料:焙炒咖啡豆，牛奶，香草风味糖浆，水",
      "price": "17.00",
      "category": 219
    }, {
      "id": 2098,
      "name": "香草风味拿铁T",
      "picture": "http://p0.meituan.net/xianfu/cdbeb7329c03317a5047e15a8bb38a5b60416.jpg",
      "intro": ",主要原料:焙炒咖啡豆，牛奶，香草风味糖浆，水",
      "price": "17.00",
      "category": 219
    }, {
      "id": 2099,
      "name": "榛果风味拿铁T",
      "picture": "http://p0.meituan.net/xianfu/f6ffb34a24531b7caf456e814d2feb0160416.jpg",
      "intro": ",主要原料:焙炒咖啡豆，牛奶，榛果风味糖浆，水",
      "price": "17.00",
      "category": 219
    }, {
      "id": 2100,
      "name": "美式T",
      "picture": "http://p0.meituan.net/xianfu/e33130db37cddd50a7d0946e97ca65d960416.jpg",
      "intro": "主要原料:焙炒咖啡豆，水",
      "price": "14.00",
      "category": 219
    }, {
      "id": 2101,
      "name": "热美式大套餐T",
      "picture": "http://p0.meituan.net/xianfu/affa5c4ea3ac4b1d26f84e07da8d44bb50176.jpg",
      "intro": "美式(大)1杯+新奥尔良烤翅2块",
      "price": "24.00",
      "category": 219
    }, {
      "id": 2102,
      "name": "摩卡T",
      "picture": "http://p0.meituan.net/xianfu/994e1d82e46c166c2acdab91cdc6e21560416.jpg",
      "intro": ",主要原料:焙炒咖啡豆，牛奶，巧克力味可可固体饮料，水",
      "price": "18.00",
      "category": 219
    }, {
      "id": 2103,
      "name": "大拿铁单人餐T",
      "picture": "http://p0.meituan.net/xianfu/4710c72fc39ec28b393d5af5fcbaf0dd60416.jpg",
      "intro": "拿铁(大)1杯+香辣鸡翅2块",
      "price": "25.00",
      "category": 219
    }, {
      "id": 2104,
      "name": "春风暖心单人套餐T",
      "picture": "http://p0.meituan.net/xianfu/3c771ff1251d24f39cb96d0edad405c460416.jpg",
      "intro": "拿铁(中)1杯+香辣鸡翅2块",
      "price": "27.50",
      "category": 219
    }, {
      "id": 2105,
      "name": "大拿铁辣翅双人餐T",
      "picture": "http://p0.meituan.net/xianfu/f12ca6b210729aba6046923afaa0688859392.jpg",
      "intro": "拿铁(大)2杯+香辣鸡翅4块",
      "price": "48.00",
      "category": 219
    }]
  }]
};

export default kfc;

效果图展示