waiman_webapp 文件中 dev 下的 json 文件中 filter.json 缺少 active 字段, 请老师更新一下代码。非常感谢。

来源:6-7 分类页面开发(Filter面板模块item逻辑实现)

宝慕林6688393

2019-09-05

{
	"data": {
		"category_filter_list": [{
			"code": 0,
			"name": "全部品类",
			"quantity": 2844,
			"click_url": "",
			"sub_category_list": []
		}, {
			"code": 910,
			"name": "美食",
			"quantity": 1805,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 1805,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100839,
				"name": "快餐便当",
				"quantity": 823,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101615,
				"name": "麻辣烫冒菜",
				"quantity": 75,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101785,
				"name": "意面披萨",
				"quantity": 59,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101786,
				"name": "包子粥店",
				"quantity": 61,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100840,
				"name": "汉堡薯条",
				"quantity": 37,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101792,
				"name": "饺子馄饨",
				"quantity": 72,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100842,
				"name": "米粉面馆",
				"quantity": 226,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101791,
				"name": "川湘菜",
				"quantity": 82,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100944,
				"name": "特色小吃",
				"quantity": 203,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101979,
				"name": "炸鸡炸串",
				"quantity": 31,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100841,
				"name": "地方菜系",
				"quantity": 222,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101790,
				"name": "夹馍饼类",
				"quantity": 14,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101980,
				"name": "鸭脖卤味",
				"quantity": 90,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100843,
				"name": "日料寿司",
				"quantity": 53,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101788,
				"name": "韩式料理",
				"quantity": 30,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100845,
				"name": "香锅干锅",
				"quantity": 22,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101789,
				"name": "嗨吃火锅",
				"quantity": 44,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100844,
				"name": "龙虾烧烤",
				"quantity": 198,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 960,
			"name": "美团专送",
			"quantity": 893,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 893,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100874,
				"name": "美食专送",
				"quantity": 747,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100926,
				"name": "甜品饮品",
				"quantity": 146,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100928,
				"name": "新店特惠",
				"quantity": 24,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100930,
				"name": "品牌连锁",
				"quantity": 86,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 19,
			"name": "甜点饮品",
			"quantity": 519,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 519,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100837,
				"name": "面包烘焙",
				"quantity": 240,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 1044,
				"name": "奶茶果汁",
				"quantity": 177,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 1042,
				"name": "可口甜品",
				"quantity": 111,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100000,
				"name": "咖啡",
				"quantity": 38,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100838,
				"name": "凉茶冰淇淋",
				"quantity": 12,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 102011,
			"name": "早餐",
			"quantity": 581,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 581,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 102012,
				"name": "包子粥店",
				"quantity": 54,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 102013,
				"name": "米粉面馆",
				"quantity": 245,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 102014,
				"name": "饺子馄饨",
				"quantity": 72,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 102015,
				"name": "地方小吃",
				"quantity": 111,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 102016,
				"name": "油条饼类",
				"quantity": 16,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 102018,
				"name": "汉堡面包",
				"quantity": 74,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 950,
			"name": "正餐优选",
			"quantity": 230,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 230,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100031,
				"name": "轻食西餐",
				"quantity": 22,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100029,
				"name": "地方菜系",
				"quantity": 77,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100032,
				"name": "日韩料理",
				"quantity": 37,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100033,
				"name": "甜点饮品",
				"quantity": 35,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100025,
				"name": "火锅烧烤",
				"quantity": 26,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100024,
				"name": "快餐小吃",
				"quantity": 4,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100030,
				"name": "东南亚菜",
				"quantity": 3,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 970,
			"name": "夜宵",
			"quantity": 1564,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 1564,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100040,
				"name": "热门小炒",
				"quantity": 280,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100042,
				"name": "麻辣烫",
				"quantity": 72,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100038,
				"name": "炸鸡汉堡",
				"quantity": 77,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100044,
				"name": "粥面饺子",
				"quantity": 275,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100041,
				"name": "鸭脖小吃",
				"quantity": 109,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100035,
				"name": "龙虾烧烤",
				"quantity": 185,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 100209,
			"name": "家常菜",
			"quantity": 736,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 736,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100213,
				"name": "口味川湘",
				"quantity": 101,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100856,
				"name": "粤菜茶餐厅",
				"quantity": 76,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101110,
				"name": "西北菜",
				"quantity": 13,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100858,
				"name": "特色私房",
				"quantity": 21,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100857,
				"name": "北方佳肴",
				"quantity": 35,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100953,
				"name": "江浙菜系",
				"quantity": 4,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 100191,
			"name": "能量西餐",
			"quantity": 68,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 68,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100849,
				"name": "汉堡薯条",
				"quantity": 37,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100850,
				"name": "意面披萨",
				"quantity": 32,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100904,
				"name": "法意牛排",
				"quantity": 4,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 100180,
			"name": "小吃馆",
			"quantity": 644,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 644,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100240,
				"name": "麻辣烫",
				"quantity": 75,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100238,
				"name": "粥粉面馆",
				"quantity": 318,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100369,
				"name": "地方小吃",
				"quantity": 78,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100906,
				"name": "鸡排鸭脖",
				"quantity": 117,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100244,
				"name": "饺子馄饨",
				"quantity": 95,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100905,
				"name": "凉皮肉夹馍",
				"quantity": 17,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100946,
				"name": "暖胃粉丝汤",
				"quantity": 10,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 100325,
			"name": "快食简餐",
			"quantity": 705,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 705,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100966,
				"name": "快食盖饭",
				"quantity": 477,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100969,
				"name": "黄焖鸡米饭",
				"quantity": 8,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100967,
				"name": "煲仔饭",
				"quantity": 13,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 100321,
			"name": "异国料理",
			"quantity": 104,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 104,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100852,
				"name": "日料寿司",
				"quantity": 53,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100853,
				"name": "韩式料理",
				"quantity": 25,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100855,
				"name": "各式烤肉",
				"quantity": 21,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100854,
				"name": "东南亚菜",
				"quantity": 5,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 23,
			"name": "鲜花蛋糕",
			"quantity": 601,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 601,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 1063,
				"name": "浪漫鲜花",
				"quantity": 365,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101563,
				"name": "甜蜜蛋糕",
				"quantity": 236,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101618,
				"name": "免配送费",
				"quantity": 423,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101616,
				"name": "特惠满减",
				"quantity": 433,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101617,
				"name": "0元起送",
				"quantity": 388,
				"icon_url": "",
				"click_url": ""
			}]
		}, {
			"code": 22,
			"name": "送药上门",
			"quantity": 43,
			"click_url": "",
			"sub_category_list": [{
				"code": 0,
				"name": "全部",
				"quantity": 43,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 100007,
				"name": "常用药品",
				"quantity": 23,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 101355,
				"name": "成人用品",
				"quantity": 20,
				"icon_url": "",
				"click_url": ""
			}, {
				"code": 102105,
				"name": "0元起送",
				"quantity": 3,
				"icon_url": "",
				"click_url": ""
			}]
		}],
		"sort_type_list": [{
			"code": 0,
			"name": "综合排序",
			"short_name": "",
			"icon_url": "http://p1.meituan.net/aichequan/dfca522fc05590e55739d21c616bd271917.png",
			"icon_url_click": "http://p1.meituan.net/aichequan/9b1bcc22831eaf93aea435a473522d70865.png",
			"position": 1,
			"bubble_info": {
				"is_show": false,
				"bubble_version": 0
			}
		}, {
			"code": 1,
			"name": "销量最高",
			"short_name": "",
			"icon_url": "http://p1.meituan.net/xianfu/51635adbb08819d5586c3e1feb0946c62052.png",
			"icon_url_click": "http://p0.meituan.net/xianfu/31c8e28240571276801a6d99c55a88f82048.png",
			"position": 0,
			"bubble_info": {
				"is_show": false,
				"bubble_version": 0
			}
		}, {
			"code": 2,
			"name": "速度最快",
			"short_name": "",
			"icon_url": "http://p0.meituan.net/aichequan/30f5dccdf0131bc95b38c98d834d5ddd937.png",
			"icon_url_click": "http://p0.meituan.net/aichequan/bdfa69ff79d35874e0db6cfd5554f626912.png",
			"position": 1,
			"bubble_info": {
				"is_show": false,
				"bubble_version": 0
			}
		}, {
			"code": 3,
			"name": "评分最高",
			"short_name": "",
			"icon_url": "http://p1.meituan.net/aichequan/002a09315a10330efa4c185e1597a7ae1209.png",
			"icon_url_click": "http://p0.meituan.net/aichequan/0f5e1ded2dad17e4fe76f07da6c390e71192.png",
			"position": 1,
			"bubble_info": {
				"is_show": false,
				"bubble_version": 0
			}
		}, {
			"code": 4,
			"name": "起送价最低",
			"short_name": "",
			"icon_url": "http://p1.meituan.net/aichequan/0c553181fbec8cb0d417ac5853d500eb1639.png",
			"icon_url_click": "http://p1.meituan.net/aichequan/6a02c53443e4bddd0c00358d32203a7d1535.png",
			"position": 1,
			"bubble_info": {
				"is_show": false,
				"bubble_version": 0
			}
		}, {
			"code": 6,
			"name": "配送费最低",
			"short_name": "",
			"icon_url": "http://p0.meituan.net/aichequan/1b3acb36e6d7e48943d3546e47fdbbd61188.png",
			"icon_url_click": "http://p0.meituan.net/aichequan/0ffc191ed3ed6a5564196c67a5a083bc1093.png",
			"position": 1,
			"bubble_info": {
				"is_show": false,
				"bubble_version": 0
			}
		}],
		"activity_filter_list": [{
			"group_title": "",
			"support_multi_choice": 1,
			"items": [{
				"code": "-7",
				"name": "美团专送",
				"icon": "http://p0.meituan.net/codeman/6381aa5a52a17e64424a0fd27e3bdaae853.png",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}],
			"display_style": 0
		}, {
			"group_title": "商家特色(可多选)",
			"support_multi_choice": 1,
			"items": [{
				"code": "-3",
				"name": "免配送费",
				"icon": "",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}, {
				"code": "-5",
				"name": "支持开发票",
				"icon": "",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}, {
				"code": "-4",
				"name": "0元起送",
				"icon": "",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}, {
				"code": "-8",
				"name": "新商家",
				"icon": "",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}, {
				"code": "-9",
				"name": "品牌商家",
				"icon": "",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}, {
				"code": "510",
				"name": "货到付款",
				"icon": "",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}, {
				"code": "511",
				"name": "跨天预订",
				"icon": "",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}],
			"display_style": 0
		}, {
			"group_title": "优惠活动(单选)",
			"support_multi_choice": 0,
			"items": [{
				"code": "1109",
				"name": "进店领券",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}, {
				"code": "1014",
				"name": "满返代金券",
				"remarks": "",
				"bg_url": "",
				"aggregated_activity_codes": [],
				"bubble_info": {
					"is_show": false,
					"bubble_version": 0
				}
			}],
			"display_style": 1
		}]
	},
	"code": 0,
	"msg": "成功"
}
写回答

1回答

吕小鸣

2019-09-05

同学你好,.active这个值并不是在数据中的哈,是在代码中动态添加了,为了标识出激活状态的标志位。具体可以看一下page->category->Header->Header.jsx里面的代码哈

0
3
龙晓秀
回复
吕小鸣
是的老师 感谢回答
2020-04-09
共3条回复

移动Web App开发之实战美团外卖

运用React全家桶技术,从0到1学习全面的移动 Web APP 开发技术。

389 学习 · 235 问题

查看课程