diff --git a/example/data/tab-bar.js b/example/data/tab-bar.js
index 3dda4cd237a9c385606023328a3e19627c1c082c..b249b3a49495c6a41fc9df52af6a8d7e40da5228 100644
--- a/example/data/tab-bar.js
+++ b/example/data/tab-bar.js
@@ -92,333 +92,156 @@ export const HOT_DATA = [{
 }]
 
 export const ALL_HEROES = [
-  { name: '天穹守望者', avatar: 'http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg' },
-  { name: '上古巨神', avatar: 'http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png' },
-  {
-    name: '灰烬之灵',
-    avatar: 'http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png'
-  },
-  { name: '地精撕裂者', avatar: 'http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg' },
-  { name: '双头龙', avatar: 'http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif' },
-  { name: '魅惑魔女', avatar: 'http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif' },
-  { name: '先知', avatar: 'http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif' },
-  { name: '地精修补匠', avatar: 'http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png' },
-  { name: '暗影恶魔', avatar: 'http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif' },
-  { name: '暗影萨满', avatar: 'http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif' },
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '黑暗贤者', avatar: 'http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif' },
-  { name: '受折磨的灵魂', avatar: 'http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif' },
-  { name: '蝙蝠骑士', avatar: 'http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg' },
-  { name: '秀逗魔导士', avatar: 'http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif' },
-  { name: '宙斯', avatar: 'http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif' },
-  { name: '赏金猎人', avatar: 'http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif' },
-  { name: '复仇之魂', avatar: 'http://dota2dbpic.uuu9.com/9608a806-4bf0-47a0-a4ba-20b491fa3121vs.gif' },
-  { name: '圣堂刺客', avatar: 'http://dota2dbpic.uuu9.com/25340f33-d595-46de-bc11-2453bb83de2bta.gif' },
-  { name: '矮人直升机', avatar: 'http://dota2dbpic.uuu9.com/cc02d678-beef-4cee-931e-815b04aa513bcopter.gif' },
-  { name: '风暴之灵', avatar: 'http://dota2dbpic.uuu9.com/c4e5c967-dbab-4a24-aa51-7e035dc683c2ST.gif' }
+  { name: '猩红收割者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/29473e97-8253-498c-a893-b3605596c142.jpg' },
+  { name: '无极剑圣', avatar: 'https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg' },
+  { name: '雪原双子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg' },
+  { name: '牛头酋长', avatar: 'https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg' },
+  { name: '祖安怒兽', avatar: 'https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg' },
+  { name: '正义巨像', avatar: 'https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg' },
+  { name: '卡牌大师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/64bd809e-b39e-4365-bbf9-31171f8145ea.jpg' },
+  { name: '狂战士', avatar: 'https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg' },
+  { name: '麦林炮手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg' },
+  { name: '众星之子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg' },
+  { name: '亡灵战神', avatar: 'https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg' },
+  { name: '德邦总管', avatar: 'https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg' },
+  { name: '战争女神', avatar: 'https://dpubstatic.udache.com/static/dpubimg/832df15a-bacb-4bc9-b21a-0c1f41203447.jpg' },
+  { name: '正义天使', avatar: 'https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg' },
+  { name: '黑暗之女', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f9f35675-5f1f-4e67-96cb-f020bcd7eaac.jpg' },
+  { name: '远古恐惧', avatar: 'https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg' },
+  { name: '诡术妖姬', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg' },
+  { name: '无畏战车', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg' },
+  { name: '符文法师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg' },
+  { name: '迅捷斥候', avatar: 'https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg' }
 ]
-export const MELEE_HEROES = [
-  { name: '齐天大圣', avatar: 'http://dota2dbpic.uuu9.com/5f813eaa-e738-4ea5-a425-f260cd01334c3159302_mk105x60.jpg' },
-  { name: '大地之灵', avatar: 'http://dota2dbpic.uuu9.com/e037c631-cddd-41e1-899d-36db1a7d3df5legion_commander_full.png' },
-  { name: '恐怖利刃', avatar: 'http://dota2dbpic.uuu9.com/201fc99f-61af-4a07-a9cb-8ceaf6e0d3392.png' },
-  { name: '上古巨神', avatar: 'http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png' },
-  { name: '灰烬之灵', avatar: 'http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png' },
-  { name: '巨牙海民', avatar: 'http://dota2dbpic.uuu9.com/970edd19-f2bb-40b5-b9d9-8b2d31a3cf03Tusk.gif' },
-  { name: '地精撕裂者', avatar: 'http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg' },
-  { name: '黑暗贤者', avatar: 'http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif' },
-  { name: '赏金猎人', avatar: 'http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif' },
-  { name: '熊战士', avatar: 'http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif' },
-  { name: '隐形刺客', avatar: 'http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif' },
-  { name: '幻影长矛手', avatar: 'http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif' },
-  { name: '娜迦海妖', avatar: 'http://dota2dbpic.uuu9.com/2f2648ee-5570-48db-ae45-32565bd886f5naga.gif' },
-  { name: '德鲁伊', avatar: 'http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif' },
-  { name: '主宰', avatar: 'http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif' },
-  { name: '虚空假面', avatar: 'http://dota2dbpic.uuu9.com/6add3463-d86a-43d8-ab96-b4211dcc3cacfv.jpg' },
-  { name: '鱼人夜行者', avatar: 'http://dota2dbpic.uuu9.com/739da86d-40e9-4e07-b48f-1a03a8a8a3e0sg.jpg' },
-  { name: '地卜师', avatar: 'http://dota2dbpic.uuu9.com/c86c22f9-5f71-4e2f-be85-591a685ec500meepo.jpg' },
-  { name: '幽鬼', avatar: 'http://dota2dbpic.uuu9.com/56d8d3f3-9c6b-429a-aace-226d5e7bd524tb.jpg' },
-  { name: '幻影刺客', avatar: 'http://dota2dbpic.uuu9.com/3fa185dd-95f5-4f9c-85aa-36b42b80e8bapa.jpg' },
-  { name: '半人猛犸', avatar: 'http://dota2dbpic.uuu9.com/3dcc13b7-cd12-46bc-8884-693aaa6ddc12123456.jpg' },
-  { name: '司夜刺客', avatar: 'http://dota2dbpic.uuu9.com/536d63ab-25a6-4b88-b052-2f20add0b32dNA.jpg' },
-  { name: '不朽尸王', avatar: 'http://dota2dbpic.uuu9.com/2946d072-dde3-4791-9385-d06f8bbd2d5aUndying.jpg' },
-  { name: '育母蜘蛛', avatar: 'http://dota2dbpic.uuu9.com/aeaa2836-ef80-4ec2-b3e0-a52a318887c1br.jpg' },
-  { name: '混沌骑士', avatar: 'http://dota2dbpic.uuu9.com/032f1369-e1cd-4279-8412-89666c21e1941234567.jpg' },
-  { name: '血魔', avatar: 'http://dota2dbpic.uuu9.com/530e6ca3-d04f-41b8-891d-b3ac021c9ee2bs.jpg' },
-  { name: '狼人', avatar: 'http://dota2dbpic.uuu9.com/9d8d4257-9f31-4bac-8054-e05e4ba573291234.jpg' },
-  { name: '裂魂人', avatar: 'http://dota2dbpic.uuu9.com/71821a46-b435-4845-8226-2f66853c5370123.png' },
-  { name: '末日使者', avatar: 'http://dota2dbpic.uuu9.com/28ecc276-5596-4fd6-ab3f-0a265afd8e77123456.png' },
-  { name: '暗夜魔王', avatar: 'http://dota2dbpic.uuu9.com/23f78a12-62cd-4b0a-9757-1be4fa94f9c5123456.png' },
-  { name: '噬魂鬼', avatar: 'http://dota2dbpic.uuu9.com/aa4f2d3d-c660-48b3-b931-74ce10fdfc721.jpg' },
-  { name: '半人马战行者', avatar: 'http://dota2dbpic.uuu9.com/65940f31-266e-4dec-b107-f40d4556fd000.jpg' },
-  { name: '全能骑士', avatar: 'http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg' },
-  { name: '兽王', avatar: 'http://dota2dbpic.uuu9.com/523a7780-04aa-4b55-bc69-f46d4f37fff900.jpg' },
-  { name: '骷髅王', avatar: 'http://dota2dbpic.uuu9.com/bd925caa-6b96-4a08-9748-a19e8fe7c927wraith_king_hphover.png' },
-  { name: '潮汐猎人', avatar: 'http://dota2dbpic.uuu9.com/508e0019-b6de-4ae2-8e00-b8428bb6d16btidehunter_full.png' },
-  { name: '鱼人守卫', avatar: 'http://dota2dbpic.uuu9.com/d1e5938a-b248-45f0-9123-d6cf0be97c6bslardar_full.png' },
-  { name: '流浪剑客', avatar: 'http://dota2dbpic.uuu9.com/2bb589ad-9fa2-4093-8ec9-c2fcd12d14dc00.jpg' },
-  { name: '沙王', avatar: 'http://dota2dbpic.uuu9.com/0ae7f51a-4cca-43cb-9a7f-5d6b5ba5401612345.png' },
-  { name: '屠夫', avatar: 'http://dota2dbpic.uuu9.com/b4e99c9b-91e5-431e-89ca-a9fe3171120cuntitled.jpg' },
-  { name: '敌法师', avatar: 'http://dota2dbpic.uuu9.com/310d3227-3e5f-4132-bc93-8afac9d0d123am.gif' },
-  { name: '斧王', avatar: 'http://dota2dbpic.uuu9.com/09e8f2f6-4fa7-4870-ac05-7fb7f44510fafuwang.png' }]
-export const REMOTE_HEROES = [
-  { name: '神谕者', avatar: 'http://dota2dbpic.uuu9.com/2b1dc7ac-2c86-43f2-b743-61f53421bef814111513531135518.jpg' },
-  { name: '天穹守望者', avatar: 'http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg' },
-  { name: '凤凰', avatar: 'http://dota2dbpic.uuu9.com/17772b4c-76ff-4f49-84c2-66d8edb21b41phoenix.png' },
-  { name: '炸弹人', avatar: 'http://dota2dbpic.uuu9.com/255d33dc-f4ff-4ba3-87c9-0da0318676c82.png' },
-  { name: '天怒法师', avatar: 'http://dota2dbpic.uuu9.com/bc683519-2524-4323-b275-b11218259ae1Skywrath_Mage.png' },
-  { name: '巨魔战将', avatar: 'http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif' },
-  { name: '蛇发女妖', avatar: 'http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif' },
-  { name: '双头龙', avatar: 'http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif' },
-  { name: '魅惑魔女', avatar: 'http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif' },
-  { name: '先知', avatar: 'http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif' },
-  { name: '死灵飞龙', avatar: 'http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif' },
-  { name: '地精修补匠', avatar: 'http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png' },
-  { name: '暗影恶魔', avatar: 'http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif' },
-  { name: '暗影萨满', avatar: 'http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif' },
-  { name: '沉默术士', avatar: 'http://dota2dbpic.uuu9.com/255b198c-2a79-4376-b08f-b3a1783604ae00.jpg' },
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '光之守卫', avatar: 'http://dota2dbpic.uuu9.com/bd53f004-dcc9-4110-88e8-01736209f2b6kotl.gif' },
-  { name: '大魔导师', avatar: 'http://dota2dbpic.uuu9.com/383f337c-3370-4d28-8443-081f5e95ce24gm.gif' },
-  { name: '殁境神蚀者', avatar: 'http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg' },
-  { name: '受折磨的灵魂', avatar: 'http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif' }]
-export const SUPPORT_HEROES = [
-  { name: '地狱领主', avatar: 'http://dota2dbpic.uuu9.com/a0e68aea-de06-46f2-b841-70be213b68b7Abaddon.png' },
-  { name: '凤凰', avatar: 'http://dota2dbpic.uuu9.com/17772b4c-76ff-4f49-84c2-66d8edb21b41phoenix.png' },
-  { name: '双头龙', avatar: 'http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif' },
-  { name: '食人魔魔法师', avatar: 'http://dota2dbpic.uuu9.com/7e5bbdf7-5b84-4822-90a9-8af67e46ad1c00.jpg' },
-  { name: '沉默术士', avatar: 'http://dota2dbpic.uuu9.com/255b198c-2a79-4376-b08f-b3a1783604ae00.jpg' },
-  { name: '圣骑士', avatar: 'http://dota2dbpic.uuu9.com/ff1c3144-67cc-40e0-a08c-e86111eaca4000.jpg' },
-  { name: '光之守卫', avatar: 'http://dota2dbpic.uuu9.com/bd53f004-dcc9-4110-88e8-01736209f2b6kotl.gif' },
-  { name: '黑暗贤者', avatar: 'http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif' },
-  { name: '受折磨的灵魂', avatar: 'http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif' },
-  { name: '极寒幽魂', avatar: 'http://dota2dbpic.uuu9.com/90fc8779-b850-47b4-8339-c76be659c645aa.jpg' },
-  { name: '暗影牧师', avatar: 'http://dota2dbpic.uuu9.com/d14b7a6b-4931-4dc4-aa3e-17fc6cfc00b8sp.gif' },
-  { name: '秀逗魔导士', avatar: 'http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif' },
-  { name: '宙斯', avatar: 'http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif' },
-  { name: '复仇之魂', avatar: 'http://dota2dbpic.uuu9.com/9608a806-4bf0-47a0-a4ba-20b491fa3121vs.gif' },
-  { name: '矮人直升机', avatar: 'http://dota2dbpic.uuu9.com/cc02d678-beef-4cee-931e-815b04aa513bcopter.gif' },
-  { name: '水晶室女', avatar: 'http://dota2dbpic.uuu9.com/0e06d8cf-5e9a-4c9c-b137-15fc301bee4ccm.gif' },
-  { name: '术士', avatar: 'http://dota2dbpic.uuu9.com/fbd48581-1c31-4077-8959-1ec0aae04eebwl.gif' },
-  { name: '谜团', avatar: 'http://dota2dbpic.uuu9.com/8761a23f-3238-43bf-bb03-5ecb892a4139Enigma.gif' },
-  { name: '巫医', avatar: 'http://dota2dbpic.uuu9.com/793a1a57-0fea-4395-aa86-5add327b337fwd.gif' }
-]
-export const MAGIC_HEROES = [
-  { name: '神谕者', avatar: 'http://dota2dbpic.uuu9.com/2b1dc7ac-2c86-43f2-b743-61f53421bef814111513531135518.jpg' },
-  { name: '炸弹人', avatar: 'http://dota2dbpic.uuu9.com/255d33dc-f4ff-4ba3-87c9-0da0318676c82.png' },
-  { name: '双头龙', avatar: 'http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif' },
-  { name: '死灵飞龙', avatar: 'http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif' },
-  { name: '地精修补匠', avatar: 'http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png' },
-  { name: '暗影恶魔', avatar: 'http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif' },
-  { name: '暗影萨满', avatar: 'http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif' },
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '黑暗贤者', avatar: 'http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif' },
-  { name: '殁境神蚀者', avatar: 'http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg' },
-  { name: '受折磨的灵魂', avatar: 'http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif' },
-  { name: '蝙蝠骑士', avatar: 'http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg' },
-  { name: '极寒幽魂', avatar: 'http://dota2dbpic.uuu9.com/90fc8779-b850-47b4-8339-c76be659c645aa.jpg' },
-  { name: '暗影牧师', avatar: 'http://dota2dbpic.uuu9.com/d14b7a6b-4931-4dc4-aa3e-17fc6cfc00b8sp.gif' },
-  { name: '秀逗魔导士', avatar: 'http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif' },
-  { name: '宙斯', avatar: 'http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif' },
-  { name: '风行者', avatar: 'http://dota2dbpic.uuu9.com/8fe40b5e-58d2-491c-847d-6564e6a0a9b2WR.gif' },
-  { name: '风暴之灵', avatar: 'http://dota2dbpic.uuu9.com/c4e5c967-dbab-4a24-aa51-7e035dc683c2ST.gif' },
-  { name: '仙女龙', avatar: 'http://dota2dbpic.uuu9.com/3271d9a8-de10-4c25-9dff-52ca243c3654puck.gif' },
-  { name: '遗忘法师', avatar: 'http://dota2dbpic.uuu9.com/58a4b73c-882e-4e4d-9d5c-9499733f360dpugna.gif' },
-  { name: '水晶室女', avatar: 'http://dota2dbpic.uuu9.com/0e06d8cf-5e9a-4c9c-b137-15fc301bee4ccm.gif' }
+export const MAGE_HEROES = [
+  { name: '冰晶凤凰', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f8c9857a-f6ea-4865-a414-8ee6e1bf186e.jpg' },
+  { name: '卡牌大师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/64bd809e-b39e-4365-bbf9-31171f8145ea.jpg' },
+  { name: '诡术妖姬', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg' },
+  { name: '虚空恐惧', avatar: 'https://dpubstatic.udache.com/static/dpubimg/1b658934-f385-4647-9d90-f4138690fb8c.jpg' },
+  { name: '正义巨像', avatar: 'https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg' },
+  { name: '远古恐惧', avatar: 'https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg' },
+  { name: '猩红收割者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/29473e97-8253-498c-a893-b3605596c142.jpg' },
+  { name: '众星之子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg' },
+  { name: '风暴之怒', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c6d639d2-27c4-49d7-87d7-5695deb956bc.jpg' },
+  { name: '符文法师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg' },
+  { name: '天启者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/2eb7c0ea-3391-467b-bfba-702c17bc06b1.jpg' },
+  { name: '琴瑟仙女', avatar: 'https://dpubstatic.udache.com/static/dpubimg/dc22f287-beb0-45a9-992b-0dfaf1ba086c.jpg' },
+  { name: '黑暗之女', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f9f35675-5f1f-4e67-96cb-f020bcd7eaac.jpg' },
+  { name: '死亡颂唱者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/50af2556-81aa-453e-9c61-6a1f2a32d48f.jpg' },
+  { name: '堕落天使', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f554b63a-5a5a-40ba-8b42-9dac62de27c5.jpg' },
+  { name: '时光守护者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/4e01bc3f-42bc-4f82-8fc2-38fb83b9ce1b.jpg' },
+  { name: '邪恶小法师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f57ade05-20db-46ad-a8cd-c0a27e8b1a60.jpg' },
+  { name: '痛苦之拥', avatar: 'https://dpubstatic.udache.com/static/dpubimg/1b283500-d518-4648-9cea-074954a66f37.jpg' },
+  { name: '殇之木乃伊', avatar: 'https://dpubstatic.udache.com/static/dpubimg/aeed76f4-bf64-44b1-9be3-1ff9286f7893.jpg' },
+  { name: '虚空行者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/21725197-c177-4f4c-8839-025f3e9e0d69.jpg' }
 ]
-export const JUNGLE_HEROES = [
-  {
-    name: '军团指挥官',
-    avatar: 'http://dota2dbpic.uuu9.com/14687119-de9d-4601-bb23-cc395cc5c93flegion_commander_full_.png'
-  },
-  { name: '魅惑魔女', avatar: 'http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif' },
-  { name: '先知', avatar: 'http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif' },
-  { name: '圣骑士', avatar: 'http://dota2dbpic.uuu9.com/ff1c3144-67cc-40e0-a08c-e86111eaca4000.jpg' },
-  { name: '黑暗贤者', avatar: 'http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif' },
-  { name: '熊战士', avatar: 'http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif' },
-  { name: '幻影长矛手', avatar: 'http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif' },
-  { name: '德鲁伊', avatar: 'http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif' },
-  { name: '狼人', avatar: 'http://dota2dbpic.uuu9.com/9d8d4257-9f31-4bac-8054-e05e4ba573291234.jpg' },
-  { name: '斧王', avatar: 'http://dota2dbpic.uuu9.com/09e8f2f6-4fa7-4870-ac05-7fb7f44510fafuwang.png' }
-]
-export const GANK_HEROES = [
-  { name: '天穹守望者', avatar: 'http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg' },
-  { name: '上古巨神', avatar: 'http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png' },
-  {
-    name: '灰烬之灵',
-    avatar: 'http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png'
-  },
-  { name: '地精撕裂者', avatar: 'http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg' },
-  { name: '双头龙', avatar: 'http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif' },
-  { name: '魅惑魔女', avatar: 'http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif' },
-  { name: '先知', avatar: 'http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif' },
-  { name: '地精修补匠', avatar: 'http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png' },
-  { name: '暗影恶魔', avatar: 'http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif' },
-  { name: '暗影萨满', avatar: 'http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif' },
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '黑暗贤者', avatar: 'http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif' },
-  { name: '受折磨的灵魂', avatar: 'http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif' },
-  { name: '蝙蝠骑士', avatar: 'http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg' },
-  { name: '秀逗魔导士', avatar: 'http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif' },
-  { name: '宙斯', avatar: 'http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif' },
-  { name: '赏金猎人', avatar: 'http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif' },
-  { name: '复仇之魂', avatar: 'http://dota2dbpic.uuu9.com/9608a806-4bf0-47a0-a4ba-20b491fa3121vs.gif' },
-  { name: '圣堂刺客', avatar: 'http://dota2dbpic.uuu9.com/25340f33-d595-46de-bc11-2453bb83de2bta.gif' },
-  { name: '矮人直升机', avatar: 'http://dota2dbpic.uuu9.com/cc02d678-beef-4cee-931e-815b04aa513bcopter.gif' },
-  { name: '风暴之灵', avatar: 'http://dota2dbpic.uuu9.com/c4e5c967-dbab-4a24-aa51-7e035dc683c2ST.gif' }
+export const FIGHTER_HEROES = [
+  { name: '正义天使', avatar: 'https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg' },
+  { name: '无畏战车', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg' },
+  { name: '蛮族之王', avatar: 'https://dpubstatic.udache.com/static/dpubimg/94faba51-193e-4ab2-9ac2-bdfd16ed6c85.jpg' },
+  { name: '德邦总管', avatar: 'https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg' },
+  { name: '诺克萨斯统领', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c2507aa8-270b-4e95-99ec-95d6b6cb1181.jpg' },
+  { name: '符文法师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/70bb2156-d66a-411f-b9b7-a5346333887f.jpg' },
+  { name: '亡灵战神', avatar: 'https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg' },
+  { name: '狂战士', avatar: 'https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg' },
+  { name: '海洋之灾', avatar: 'https://dpubstatic.udache.com/static/dpubimg/418468cf-3a68-4737-b17d-ad46a77c25af.jpg' },
+  { name: '祖安狂人', avatar: 'https://dpubstatic.udache.com/static/dpubimg/78dc424a-f2a0-4922-9eff-60b96f6f30b4.jpg' },
+  { name: '雪原双子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg' },
+  { name: '无极剑圣', avatar: 'https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg' },
+  { name: '刀锋舞者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/46d1d308-a516-45ce-81e6-e3f19e48e5ba.jpg' },
+  { name: '巨魔之王', avatar: 'https://dpubstatic.udache.com/static/dpubimg/85463a90-aabc-4b72-b800-d3073f5ead08.jpg' },
+  { name: '瓦洛兰之盾', avatar: 'https://dpubstatic.udache.com/static/dpubimg/62824f25-e006-440d-a903-2d2bc7244726.jpg' },
+  { name: '披甲龙龟', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f55593dd-d50e-4254-b843-fd451977bb35.jpg' },
+  { name: '祖安怒兽', avatar: 'https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg' },
+  { name: '武器大师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/cc1d2374-1830-436f-abc8-a502341f54a0.jpg' },
+  { name: '蒸汽机器人', avatar: 'https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg' },
+  { name: '炼金术士', avatar: 'https://dpubstatic.udache.com/static/dpubimg/ef3dd5a6-a077-4f9e-ac93-c0cf6fa2cd5e.jpg' }
 ]
 export const TANK_HEROES = [
-  {
-    name: '孽主',
-    avatar: 'http://dota2dbpic.uuu9.com/279b4723-3701-4b2f-96e2-d755935777b6abyssal_underlord_hphover.png'
-  },
-  { name: '地狱领主', avatar: 'http://dota2dbpic.uuu9.com/a0e68aea-de06-46f2-b841-70be213b68b7Abaddon.png' },
-  { name: '上古巨神', avatar: 'http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png' },
-  { name: '地精撕裂者', avatar: 'http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg' },
-  { name: '死灵飞龙', avatar: 'http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif' },
-  { name: '熊战士', avatar: 'http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif' },
-  { name: '变体精灵', avatar: 'http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif' },
-  { name: '德鲁伊', avatar: 'http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif' },
-  { name: '半人马战行者', avatar: 'http://dota2dbpic.uuu9.com/65940f31-266e-4dec-b107-f40d4556fd000.jpg' },
-  { name: '树精卫士', avatar: 'http://dota2dbpic.uuu9.com/7f9a431a-5edc-470a-b4a3-370f89e51a8a00.jpg' },
-  { name: '酒仙', avatar: 'http://dota2dbpic.uuu9.com/72c84158-dfc3-4ee4-8dff-eaf9f8707b850.jpg' },
-  { name: '炼金术士', avatar: 'http://dota2dbpic.uuu9.com/531e12b3-0677-4739-b505-f6143fba7b6c00.jpg' },
-  { name: '全能骑士', avatar: 'http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg' },
-  { name: '龙骑士', avatar: 'http://dota2dbpic.uuu9.com/4b7d218a-36e0-4ec6-8200-a6f5e5aad704000.jpg' },
-  { name: '潮汐猎人', avatar: 'http://dota2dbpic.uuu9.com/508e0019-b6de-4ae2-8e00-b8428bb6d16btidehunter_full.png' },
-  { name: '山岭巨人', avatar: 'http://dota2dbpic.uuu9.com/7da65f49-9894-4c0b-888b-00ce495cc909000.jpg' },
-  { name: '屠夫', avatar: 'http://dota2dbpic.uuu9.com/b4e99c9b-91e5-431e-89ca-a9fe3171120cuntitled.jpg' }
-]
-export const INVISIBLE_HEROES = [
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '赏金猎人', avatar: 'http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif' },
-  { name: '圣堂刺客', avatar: 'http://dota2dbpic.uuu9.com/25340f33-d595-46de-bc11-2453bb83de2bta.gif' },
-  { name: '隐形刺客', avatar: 'http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif' },
-  { name: '月之公主', avatar: 'http://dota2dbpic.uuu9.com/012f6fd5-6264-4a75-a7b5-087d04da9a57pom.gif' },
-  { name: '幻影长矛手', avatar: 'http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif' },
-  { name: '鱼人夜行者', avatar: 'http://dota2dbpic.uuu9.com/739da86d-40e9-4e07-b48f-1a03a8a8a3e0sg.jpg' },
-  { name: '编织者', avatar: 'http://dota2dbpic.uuu9.com/e8c69923-7795-4b67-b473-608b501423abNW.jpg' },
-  { name: '司夜刺客', avatar: 'http://dota2dbpic.uuu9.com/536d63ab-25a6-4b88-b052-2f20add0b32dNA.jpg' },
-  { name: '育母蜘蛛', avatar: 'http://dota2dbpic.uuu9.com/aeaa2836-ef80-4ec2-b3e0-a52a318887c1br.jpg' },
-  { name: '骷髅弓箭手', avatar: 'http://dota2dbpic.uuu9.com/1579d1ab-1dd1-4d64-ac88-26e821e4f209bone.jpg' },
-  { name: '沙王', avatar: 'http://dota2dbpic.uuu9.com/0ae7f51a-4cca-43cb-9a7f-5d6b5ba5401612345.png' }
+  { name: '正义巨像', avatar: 'https://dpubstatic.udache.com/static/dpubimg/0007eb00-4d1f-47f2-aed2-51e005668429.jpg' },
+  { name: '德玛西亚皇子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/3bb5e805-1b0e-4450-b672-c201ff6183a9.jpg' },
+  { name: '雪原双子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c69a3408-e28e-420f-b4e6-4ff911cbd809.jpg' },
+  { name: '牛头酋长', avatar: 'https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg' },
+  { name: '水晶先锋', avatar: 'https://dpubstatic.udache.com/static/dpubimg/770c98b2-523c-4a5a-9d63-3c77d333dc91.jpg' },
+  { name: '狂战士', avatar: 'https://dpubstatic.udache.com/static/dpubimg/2cc4bae7-4ab6-49f0-a336-6a12e42f8e4a.jpg' },
+  { name: '炼金术士', avatar: 'https://dpubstatic.udache.com/static/dpubimg/ef3dd5a6-a077-4f9e-ac93-c0cf6fa2cd5e.jpg' },
+  { name: '披甲龙龟', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f55593dd-d50e-4254-b843-fd451977bb35.jpg' },
+  { name: '祖安狂人', avatar: 'https://dpubstatic.udache.com/static/dpubimg/78dc424a-f2a0-4922-9eff-60b96f6f30b4.jpg' },
+  { name: '扭曲树精', avatar: 'https://dpubstatic.udache.com/static/dpubimg/d7583963-a931-4ac1-8790-226d482f5434.jpg' },
+  { name: '虚空恐惧', avatar: 'https://dpubstatic.udache.com/static/dpubimg/1b658934-f385-4647-9d90-f4138690fb8c.jpg' },
+  { name: '荒漠屠夫', avatar: 'https://dpubstatic.udache.com/static/dpubimg/3a6ec2ed-66dc-4b10-bf6c-5b3093ed4d1f.jpg' },
+  { name: '蒸汽机器人', avatar: 'https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg' },
+  { name: '亡灵战神', avatar: 'https://dpubstatic.udache.com/static/dpubimg/a252aa07-4c52-4b75-9be6-e7da029552d8.jpg' },
+  { name: '殇之木乃伊', avatar: 'https://dpubstatic.udache.com/static/dpubimg/aeed76f4-bf64-44b1-9be3-1ff9286f7893.jpg' },
+  { name: '祖安怒兽', avatar: 'https://dpubstatic.udache.com/static/dpubimg/52e450c7-c213-4864-bb31-1a2d25b16875.jpg' },
+  { name: '熔岩巨兽', avatar: 'https://dpubstatic.udache.com/static/dpubimg/b7525041-ae43-4e6a-8b57-2fb20fd95cd2.jpg' },
+  { name: '无畏战车', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f02bbc35-6496-4cd2-8614-b3e718f53978.jpg' },
+  { name: '齐天大圣', avatar: 'https://dpubstatic.udache.com/static/dpubimg/57e2ee1a-1824-4669-b8f8-831beac89b20.jpg' },
+  { name: '巨魔之王', avatar: 'https://dpubstatic.udache.com/static/dpubimg/85463a90-aabc-4b72-b800-d3073f5ead08.jpg' }
 ]
-export const CARRY_HEROES = [
-  { name: '齐天大圣', avatar: 'http://dota2dbpic.uuu9.com/5f813eaa-e738-4ea5-a425-f260cd01334c3159302_mk105x60.jpg' },
-  { name: '恐怖利刃', avatar: 'http://dota2dbpic.uuu9.com/201fc99f-61af-4a07-a9cb-8ceaf6e0d3392.png' },
-  { name: '天穹守望者', avatar: 'http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg' },
-  {
-    name: '军团指挥官',
-    avatar: 'http://dota2dbpic.uuu9.com/14687119-de9d-4601-bb23-cc395cc5c93flegion_commander_full_.png'
-  },
-  { name: '巨魔战将', avatar: 'http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif' },
-  { name: '蛇发女妖', avatar: 'http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif' },
-  { name: '死灵飞龙', avatar: 'http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif' },
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '殁境神蚀者', avatar: 'http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg' },
-  { name: '赏金猎人', avatar: 'http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif' },
-  { name: '熊战士', avatar: 'http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif' },
-  { name: '卓尔游侠', avatar: 'http://dota2dbpic.uuu9.com/8317769a-4246-4a30-9404-3aacc87117dedr.gif' },
-  { name: '隐形刺客', avatar: 'http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif' },
-  { name: '幻影长矛手', avatar: 'http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif' },
-  { name: '娜迦海妖', avatar: 'http://dota2dbpic.uuu9.com/2f2648ee-5570-48db-ae45-32565bd886f5naga.gif' },
-  { name: '变体精灵', avatar: 'http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif' },
-  { name: '月之骑士', avatar: 'http://dota2dbpic.uuu9.com/76659a60-4ed3-4afc-aaa8-2a39eff2c0b4luna.gif' },
-  { name: '死亡先知', avatar: 'http://dota2dbpic.uuu9.com/bfa5a815-e503-4c31-9027-0e21fab493f0qop.gif' },
-  { name: '德鲁伊', avatar: 'http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif' },
-  { name: '主宰', avatar: 'http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif' },
-  { name: '瘟疫法师', avatar: 'http://dota2dbpic.uuu9.com/c5399443-a946-4fc8-9621-4484bfec859fNEC.gif' }
+export const ASSASSIN_HEROES = [
+  { name: '迅捷斥候', avatar: 'https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg' },
+  { name: '不祥之刃', avatar: 'https://dpubstatic.udache.com/static/dpubimg/d1c8a5e1-4753-4cf3-ab05-abf0ebbc99e6.jpg' },
+  { name: '诡术妖姬', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f1a015df-8b18-4a27-adf1-53cb91899b06.jpg' },
+  { name: '德邦总管', avatar: 'https://dpubstatic.udache.com/static/dpubimg/53da0bba-5485-4976-98db-28ef8257256a.jpg' },
+  { name: '虚空先知', avatar: 'https://dpubstatic.udache.com/static/dpubimg/6b058b7a-02fb-490d-9203-952bc2433789.jpg' },
+  { name: '麦林炮手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg' },
+  { name: '暗夜猎手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/9751fc11-0f98-4528-80f6-f84d34c9be1b.jpg' },
+  { name: '永恒梦魇', avatar: 'https://dpubstatic.udache.com/static/dpubimg/1c58a713-c4fe-406f-9d5b-9b66c6ba2624.jpg' },
+  { name: '蛮族之王', avatar: 'https://dpubstatic.udache.com/static/dpubimg/94faba51-193e-4ab2-9ac2-bdfd16ed6c85.jpg' },
+  { name: '无极剑圣', avatar: 'https://dpubstatic.udache.com/static/dpubimg/82866ed8-6285-4a56-b62a-455716a4a848.jpg' },
+  { name: '虚空行者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/21725197-c177-4f4c-8839-025f3e9e0d69.jpg' },
+  { name: '瘟疫之源', avatar: 'https://dpubstatic.udache.com/static/dpubimg/d0e54f98-0e08-47af-a706-1e994ee11673.jpg' },
+  { name: '痛苦之拥', avatar: 'https://dpubstatic.udache.com/static/dpubimg/1b283500-d518-4648-9cea-074954a66f37.jpg' },
+  { name: '离群之刺', avatar: 'https://dpubstatic.udache.com/static/dpubimg/7c96be06-2868-4973-888c-ecb6d8353d1a.jpg' },
+  { name: '刀锋舞者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/46d1d308-a516-45ce-81e6-e3f19e48e5ba.jpg' },
+  { name: '不屈之枪', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c111a9ba-3b69-4afc-8adb-6383e89a488b.jpg' },
+  { name: '盲僧', avatar: 'https://dpubstatic.udache.com/static/dpubimg/9098319d-78d2-44ad-9829-a3814eeb7913.jpg' },
+  { name: '武器大师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/cc1d2374-1830-436f-abc8-a502341f54a0.jpg' },
+  { name: '恶魔小丑', avatar: 'https://dpubstatic.udache.com/static/dpubimg/dccf4d8c-33bb-4b97-97c9-6659c4401785.jpg' },
+  { name: '狂野女猎手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/171ec928-98db-40af-9a32-10c57d949b13.jpg' }
 ]
-
-export const BLINK_HEROES = [
-  { name: '齐天大圣', avatar: 'http://dota2dbpic.uuu9.com/5f813eaa-e738-4ea5-a425-f260cd01334c3159302_mk105x60.jpg' },
-  { name: '巨魔战将', avatar: 'http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif' },
-  { name: '蛇发女妖', avatar: 'http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif' },
-  { name: '月之骑士', avatar: 'http://dota2dbpic.uuu9.com/76659a60-4ed3-4afc-aaa8-2a39eff2c0b4luna.gif' },
-  { name: '死亡先知', avatar: 'http://dota2dbpic.uuu9.com/bfa5a815-e503-4c31-9027-0e21fab493f0qop.gif' },
-  { name: '德鲁伊', avatar: 'http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif' },
-  { name: '主宰', avatar: 'http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif' },
-  { name: '瘟疫法师', avatar: 'http://dota2dbpic.uuu9.com/c5399443-a946-4fc8-9621-4484bfec859fNEC.gif' },
-  { name: '上古巨神', avatar: 'http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png' },
-  { name: '地精撕裂者', avatar: 'http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg' },
-  { name: '死灵飞龙', avatar: 'http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif' },
-  { name: '熊战士', avatar: 'http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif' },
-  { name: '变体精灵', avatar: 'http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif' },
-  { name: '德鲁伊', avatar: 'http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif' }
-]
-
-export const HIGH_DAMAGE_HEROES = [
-  { name: '天穹守望者', avatar: 'http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg' },
-  { name: '上古巨神', avatar: 'http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png' },
-  {
-    name: '灰烬之灵',
-    avatar: 'http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png'
-  },
-  { name: '地精撕裂者', avatar: 'http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg' },
-  { name: '双头龙', avatar: 'http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif' },
-  { name: '魅惑魔女', avatar: 'http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif' },
-  { name: '先知', avatar: 'http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif' },
-  { name: '地精修补匠', avatar: 'http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png' },
-  { name: '暗影恶魔', avatar: 'http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif' },
-  { name: '暗影萨满', avatar: 'http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif' },
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '黑暗贤者', avatar: 'http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif' },
-  { name: '受折磨的灵魂', avatar: 'http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif' },
-  { name: '蝙蝠骑士', avatar: 'http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg' },
-  { name: '秀逗魔导士', avatar: 'http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif' }
-]
-
-export const INVOKE_HEROES = [
-  { name: '恐怖利刃', avatar: 'http://dota2dbpic.uuu9.com/201fc99f-61af-4a07-a9cb-8ceaf6e0d3392.png' },
-  { name: '天穹守望者', avatar: 'http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg' },
-  {
-    name: '军团指挥官',
-    avatar: 'http://dota2dbpic.uuu9.com/14687119-de9d-4601-bb23-cc395cc5c93flegion_commander_full_.png'
-  },
-  { name: '巨魔战将', avatar: 'http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif' },
-  { name: '蛇发女妖', avatar: 'http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif' },
-  { name: '死灵飞龙', avatar: 'http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif' },
-  { name: '祈求者', avatar: 'http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif' },
-  { name: '殁境神蚀者', avatar: 'http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg' },
-  { name: '赏金猎人', avatar: 'http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif' },
-  { name: '熊战士', avatar: 'http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif' },
-  { name: '卓尔游侠', avatar: 'http://dota2dbpic.uuu9.com/8317769a-4246-4a30-9404-3aacc87117dedr.gif' },
-  { name: '隐形刺客', avatar: 'http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif' },
-  { name: '幻影长矛手', avatar: 'http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif' },
-  { name: '娜迦海妖', avatar: 'http://dota2dbpic.uuu9.com/2f2648ee-5570-48db-ae45-32565bd886f5naga.gif' },
-  { name: '变体精灵', avatar: 'http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif' },
-  { name: '月之骑士', avatar: 'http://dota2dbpic.uuu9.com/76659a60-4ed3-4afc-aaa8-2a39eff2c0b4luna.gif' }
-]
-
-export const DIZZY_HEROES = [
-  {
-    name: '上古巨神',
-    avatar: 'http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png'
-  },
-  { name: '地精撕裂者', avatar: 'http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg' },
-  { name: '死灵飞龙', avatar: 'http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif' },
-  { name: '熊战士', avatar: 'http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif' },
-  { name: '变体精灵', avatar: 'http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif' },
-  { name: '德鲁伊', avatar: 'http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif' },
-  { name: '半人马战行者', avatar: 'http://dota2dbpic.uuu9.com/65940f31-266e-4dec-b107-f40d4556fd000.jpg' },
-  { name: '树精卫士', avatar: 'http://dota2dbpic.uuu9.com/7f9a431a-5edc-470a-b4a3-370f89e51a8a00.jpg' },
-  { name: '酒仙', avatar: 'http://dota2dbpic.uuu9.com/72c84158-dfc3-4ee4-8dff-eaf9f8707b850.jpg' },
-  { name: '炼金术士', avatar: 'http://dota2dbpic.uuu9.com/531e12b3-0677-4739-b505-f6143fba7b6c00.jpg' },
-  { name: '全能骑士', avatar: 'http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg' },
-  { name: '龙骑士', avatar: 'http://dota2dbpic.uuu9.com/4b7d218a-36e0-4ec6-8200-a6f5e5aad704000.jpg' },
-  { name: '潮汐猎人', avatar: 'http://dota2dbpic.uuu9.com/508e0019-b6de-4ae2-8e00-b8428bb6d16btidehunter_full.png' },
-  { name: '山岭巨人', avatar: 'http://dota2dbpic.uuu9.com/7da65f49-9894-4c0b-888b-00ce495cc909000.jpg' },
-  { name: '屠夫', avatar: 'http://dota2dbpic.uuu9.com/b4e99c9b-91e5-431e-89ca-a9fe3171120cuntitled.jpg' }
+export const SUPPORT_HEROES = [
+  { name: '牛头酋长', avatar: 'https://dpubstatic.udache.com/static/dpubimg/8a02642c-57eb-496f-b8c8-ffc638fe1277.jpg' },
+  { name: '大发明家', avatar: 'https://dpubstatic.udache.com/static/dpubimg/81711ecd-a986-47c2-906b-97a74dcf6967.jpg' },
+  { name: '堕落天使', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f554b63a-5a5a-40ba-8b42-9dac62de27c5.jpg' },
+  { name: '发条魔灵', avatar: 'https://dpubstatic.udache.com/static/dpubimg/81f7e648-a5e6-4da2-aeaa-0691ef4b5eed.jpg' },
+  { name: '蒸汽机器人', avatar: 'https://dpubstatic.udache.com/static/dpubimg/cc90502e-d588-437c-99bd-57903a64e9b9.jpg' },
+  { name: '风暴之怒', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c6d639d2-27c4-49d7-87d7-5695deb956bc.jpg' },
+  { name: '曙光女神', avatar: 'https://dpubstatic.udache.com/static/dpubimg/54f4d286-c5d5-4dee-b2b7-364e5a0737a8.jpg' },
+  { name: '正义天使', avatar: 'https://dpubstatic.udache.com/static/dpubimg/49cef9ff-1200-4874-b9f6-70ef8f847cec.jpg' },
+  { name: '光辉女郎', avatar: 'https://dpubstatic.udache.com/static/dpubimg/49ab6e2f-d1d7-467e-ae35-ea07f15ea243.jpg' },
+  { name: '仙灵女巫', avatar: 'https://dpubstatic.udache.com/static/dpubimg/0b853a5c-5145-4379-b56a-d95676d4a4ab.jpg' },
+  { name: '暮光星灵', avatar: 'https://dpubstatic.udache.com/static/dpubimg/9f1c463a-55ce-410c-bc4a-a5b2c5fa4c16.jpg' },
+  { name: '琴瑟仙女', avatar: 'https://dpubstatic.udache.com/static/dpubimg/dc22f287-beb0-45a9-992b-0dfaf1ba086c.jpg' },
+  { name: '寒冰射手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/5b30ccd1-2815-471c-86ac-90a8eaf5e1cb.jpg' },
+  { name: '冰晶凤凰', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f8c9857a-f6ea-4865-a414-8ee6e1bf186e.jpg' },
+  { name: '暗黑元首', avatar: 'https://dpubstatic.udache.com/static/dpubimg/0f415582-6820-440d-afe5-69dc4b83874b.jpg' },
+  { name: '天启者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/2eb7c0ea-3391-467b-bfba-702c17bc06b1.jpg' },
+  { name: '众星之子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/f55ca358-a6e7-40d7-a749-265a5e5c6ca6.jpg' },
+  { name: '远古恐惧', avatar: 'https://dpubstatic.udache.com/static/dpubimg/9b32bdd0-f624-4087-b4a1-c3e825c2e907.jpg' },
+  { name: '瓦洛兰之盾', avatar: 'https://dpubstatic.udache.com/static/dpubimg/62824f25-e006-440d-a903-2d2bc7244726.jpg' },
+  { name: '时光守护者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/4e01bc3f-42bc-4f82-8fc2-38fb83b9ce1b.jpg' }
 ]
-
-export const HEALER_HEROES = [
-  { name: '↵地狱领主↵', avatar: 'http://dota2dbpic.uuu9.com/a0e68aea-de06-46f2-b841-70be213b68b7Abaddon.png' },
-  { name: '↵凤凰↵', avatar: 'http://dota2dbpic.uuu9.com/17772b4c-76ff-4f49-84c2-66d8edb21b41phoenix.png' },
-  { name: '↵魅惑魔女↵', avatar: 'http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif' },
-  { name: '↵暗影牧师↵', avatar: 'http://dota2dbpic.uuu9.com/d14b7a6b-4931-4dc4-aa3e-17fc6cfc00b8sp.gif' },
-  { name: '↵术士↵', avatar: 'http://dota2dbpic.uuu9.com/fbd48581-1c31-4077-8959-1ec0aae04eebwl.gif' },
-  { name: '↵主宰↵', avatar: 'http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif' },
-  { name: '↵瘟疫法师↵', avatar: 'http://dota2dbpic.uuu9.com/c5399443-a946-4fc8-9621-4484bfec859fNEC.gif' },
-  { name: '↵巫医↵', avatar: 'http://dota2dbpic.uuu9.com/793a1a57-0fea-4395-aa86-5add327b337fwd.gif' },
-  { name: '↵神灵武士↵', avatar: 'http://dota2dbpic.uuu9.com/8aea3dbb-d148-4ce2-93dc-06c4aeef331800.jpg' },
-  { name: '↵全能骑士↵', avatar: 'http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg' }
+export const MARKSMAN_HEROES = [
+  { name: '未来守护者', avatar: 'https://dpubstatic.udache.com/static/dpubimg/a47a8774-9886-4486-90dd-d119555752f4.jpg' },
+  { name: '寒冰射手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/5b30ccd1-2815-471c-86ac-90a8eaf5e1cb.jpg' },
+  { name: '永猎双子', avatar: 'https://dpubstatic.udache.com/static/dpubimg/e85f3ec8-01f5-462e-87e3-00b9aa49271a.jpg' },
+  { name: '法外狂徒', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c8b674c9-102b-431d-96fc-ac565e51d1e6.jpg' },
+  { name: '狂暴之心', avatar: 'https://dpubstatic.udache.com/static/dpubimg/66bd37a9-5439-40f0-b847-2a54c99ebcd4.jpg' },
+  { name: '瘟疫之源', avatar: 'https://dpubstatic.udache.com/static/dpubimg/d0e54f98-0e08-47af-a706-1e994ee11673.jpg' },
+  { name: '赏金猎人', avatar: 'https://dpubstatic.udache.com/static/dpubimg/bff19bde-3439-459d-9d7f-6f6c46274b7a.jpg' },
+  { name: '暗夜猎手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/9751fc11-0f98-4528-80f6-f84d34c9be1b.jpg' },
+  { name: '戏命师', avatar: 'https://dpubstatic.udache.com/static/dpubimg/eb9c8392-1557-4ea8-a58b-287d210e48f1.jpg' },
+  { name: '虚空之女', avatar: 'https://dpubstatic.udache.com/static/dpubimg/3e025f46-076a-4c0f-b176-f5362abf74a5.jpg' },
+  { name: '惩戒之箭', avatar: 'https://dpubstatic.udache.com/static/dpubimg/2decda4f-ca77-409c-b69e-1e6cc5cfe6b9.jpg' },
+  { name: '麦林炮手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/e89109b5-bb2e-4922-ab62-0e2dff556a0c.jpg' },
+  { name: '皮城女警', avatar: 'https://dpubstatic.udache.com/static/dpubimg/ffb72a29-bfd2-4100-bb21-a69888775863.jpg' },
+  { name: '德玛西亚之翼', avatar: 'https://dpubstatic.udache.com/static/dpubimg/b78db556-8700-47af-b3a4-6f386ab08258.jpg' },
+  { name: '迅捷斥候', avatar: 'https://dpubstatic.udache.com/static/dpubimg/b99bcb11-132a-4b18-9595-674eda2ea137.jpg' },
+  { name: '探险家', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c5fc7cf3-4569-44bc-8543-f8b37c4d2bb6.jpg' },
+  { name: '战争女神', avatar: 'https://dpubstatic.udache.com/static/dpubimg/832df15a-bacb-4bc9-b21a-0c1f41203447.jpg' },
+  { name: '荣耀行刑官', avatar: 'https://dpubstatic.udache.com/static/dpubimg/551a7edc-6ca1-4f64-b097-87bad5f53b3d.jpg' },
+  { name: '深渊巨口', avatar: 'https://dpubstatic.udache.com/static/dpubimg/c0d35caf-2dd6-427f-8215-725700b57296.jpg' },
+  { name: '英勇投弹手', avatar: 'https://dpubstatic.udache.com/static/dpubimg/5f8dfef6-69de-4533-82fa-3fa2fce87588.jpg' }
 ]
diff --git a/example/pages/slide/vertical.vue b/example/pages/slide/vertical.vue
index 73e8f609c720d739f6a8da0f3331ccde9a24c701..f0fd2e2d18da9aa5eaafa14f7eb4f7d80caf3883 100644
--- a/example/pages/slide/vertical.vue
+++ b/example/pages/slide/vertical.vue
@@ -17,27 +17,27 @@
 <script type="text/ecmascript-6">
   import CubePage from '../../components/cube-page.vue'
 
-  export default{
+  export default {
     data() {
       return {
         items: [
           {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3978382133,2176310874&fm=27&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/C9lKs8y0E6/IMG_4014.jpg'
           }, {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3780304411,1076045325&fm=15&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/hD6agmm2ov/IMG_4012.jpg'
           },
           {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=56274798,4163877688&fm=27&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/twV-VvZOA9/IMG_4011.jpg'
           }, {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3124201171,3290669243&fm=15&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/eR_MahwRUT/IMG_4010.jpg'
           },
           {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1309802367,1770965841&fm=27&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/R3tKHhdZuK/IMG_4009.jpg'
           }
         ],
         loop: true
@@ -55,8 +55,9 @@
 </script>
 
 <style lang="stylus" rel="stylesheet/stylus">
+.slide-view
   .slide-container-v
-    height: 380px
+    height: 265px
     margin-bottom: 15px
     transform: translateZ(0px)
     border-radius: 2px
@@ -69,4 +70,7 @@
         background: none
         &.active
           color: #fc9153
+  .cube-slide-item > a > img
+    width: 100%
+    height: auto
 </style>
diff --git a/example/pages/tab-bar/scroll-tab.vue b/example/pages/tab-bar/scroll-tab.vue
index c806849696ab28e01d315a6d5c3c8fd618e63e76..6c1b7d2241ea4f2acb355fb208e2b70565a6171e 100644
--- a/example/pages/tab-bar/scroll-tab.vue
+++ b/example/pages/tab-bar/scroll-tab.vue
@@ -26,19 +26,12 @@
 
   const DATA_MAP = {
     '全部': DATAS.ALL_HEROES,
-    '近战': DATAS.MELEE_HEROES,
-    '远程': DATAS.REMOTE_HEROES,
-    '辅助': DATAS.SUPPORT_HEROES,
-    '法师': DATAS.MAGIC_HEROES,
-    '打野': DATAS.JUNGLE_HEROES,
+    '法师': DATAS.MAGE_HEROES,
+    '战士': DATAS.FIGHTER_HEROES,
     '坦克': DATAS.TANK_HEROES,
-    '隐身': DATAS.INVISIBLE_HEROES,
-    '后期': DATAS.CARRY_HEROES,
-    '闪烁': DATAS.BLINK_HEROES,
-    '爆发': DATAS.HIGH_DAMAGE_HEROES,
-    '召唤': DATAS.INVOKE_HEROES,
-    '眩晕': DATAS.DIZZY_HEROES,
-    '治疗': DATAS.HEALER_HEROES
+    '刺客': DATAS.ASSASSIN_HEROES,
+    '辅助': DATAS.SUPPORT_HEROES,
+    '射手': DATAS.MARKSMAN_HEROES
   }
   const genTabLabels = Object.keys(DATA_MAP).map(label => ({
     label
@@ -75,22 +68,22 @@
     }
   }
 </script>
-<style lang="stylus" rel="stylesheet/stylus" scoped>
-  .cube-scroll-list-wrapper
-    .cube-tab-bar
-      flex-wrap: wrap
-      .cube-tab
-        width: 100%
-        flex-basis: unset
-        height: 40px
-        line-height: 40px
-        font-size: 14px
-        color: #db8931
-        transition: all .3s ease-in
-        &.cube-tab_active
-          color: #fff
-          font-size: 16px
-          background-color: #a74b00
+<style lang="stylus" rel="stylesheet/stylus">
+.scroll-tab-view
+  .cube-tab-bar
+    flex-wrap: wrap
+    .cube-tab
+      width: 100%
+      flex-basis: unset
+      height: 40px
+      line-height: 40px
+      font-size: 14px
+      color: #db8931
+      transition: all .3s ease-in
+      &.cube-tab_active
+        color: #fff
+        font-size: 16px
+        background-color: #a74b00
 
   .left-panel
     position: absolute
@@ -108,7 +101,7 @@
     bottom: 0
     background-color: #171819
     li
-      height: 80px
+      height: 102px
       display: flex
       align-items: center
       background-color: #171819