1. 程式人生 > 實用技巧 >商家詳情-商品分類滾動完成程式碼總結

商家詳情-商品分類滾動完成程式碼總結

商品分類滾動

<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;

效果圖展示