用户端 · 服务企业列表·美食

9:41

美食购物其他服务

同城合规企业（已认证 · 会员有效）

U-STORE-001 美食分类企业列表 U-STORE-002 购物分类企业列表 U-STORE-003 其他服务分类企业列表 U-STORE-004 按入驻时间倒序 U-POST-006 首页企业入口与轮播 P1

页面说明

本页为 U32 的美食分类呈现（三分类同结构拆为 food/shopping/others 三个文件）；首页「美食」入口自动带入当前城市并预选本分类，顶部分类条可切换到购物（shopping.html）与其他服务（others.html）。

列表仅展示当前城市、已认证且会员有效的企业，按入驻时间倒序；点企业卡进入企业公开详情（shop-home.html，U33，所有卡片共用同一演示页）。

城市胶囊跳城市选择（U10，../home/city-select.html），切换城市后企业范围同步变化。

状态演示：空列表 → food-empty-state.html。

业务规则

BR-012/BR-024：仅资质审核通过且开通有效会员的企业可展示主页；到期立即停展、续费恢复。

BR-014：美食/购物/其他服务三板块共用同一商家主页形态，不提供下单。

R10-U32：一企业一主分类；列表按入驻时间倒序，不按热度排序。

第四轮改动说明

① 会员宣传卡由原「横幅条」升级为海报样式卡片：品牌红渐变 + 金色光晕底 + 皇冠水印 + 「商家会员」标 + 主副文案 + CTA「立即开通会员」（白色胶囊按钮）。

② CTA 与整卡均可点击，跳转 user/member/member.html（已存在文件，非死链）。

③ 「地点」筛选由列表说明行右侧移至顶行（分类 tab 行）最右侧的圆形胶囊，分类 tab 与地点胶囊同一行左右分布；城市胶囊仍跳 U10 城市选择。

④ 列表说明行去掉重复的城市入口，仅保留范围文案；卡片未做图片生成，海报底为 CSS 渐变 + 手写 SVG 皇冠（未新增素材文件）。

第五轮改动说明

① 会员宣传卡文案瘦身：只保留一行主标题「开通会员，立享商家展示位」+ 一行副文案「同城货主优先看见你」+ 胶囊 CTA「立即开通」，删除原多行说明性文案（商家入驻规则、曝光权益细节等后台规则不在卡面露出）。

② 排版重构：卡片内容左对齐——顶部「商家会员」徽标 + 加粗大标题 + 弱化副文案，CTA 白色胶囊置于卡片底部右侧，留白加大、信息密度降低。

③ 视觉：沿用品牌红渐变（--grad-red）+ 金色光晕（--gold）+ 皇冠 SVG 水印，纯 CSS/SVG 实现，未新增图片素材、未调用图片生成。

④ CTA 与整卡均可点击，跳转 user/member/member.html（已存在文件，非死链）。

⑤ 「地点」筛选保持在分类 tab 行最右侧的圆形胶囊（复核未回退）；本页卡片版式与购物分类（shopping.html）完全统一。

待确认

列表分页大小与「附近范围」是否按距离细化，待客户确认（原型按同城全量+倒序）

本页为静态原型，数据为模拟数据。