衣服售卖淘宝卖家网页
作者Alex类型Prompt
作品介绍
1. 零依赖纯静态 没有 jQuery、没有 Bootstrap、没有任何第三方库。打开就能跑，修改成本极低。 2. 滚动视差动画 基于 IntersectionObserver 实现，元素进入视口时才触发动画，性能友好，不阻塞渲染。 3. 公告滚动播报 纯 CSS @keyframes 实现的无限循环横向滚动，无需 JS 定时器，丝滑不卡顿。 4. 商品卡片微交互 悬浮上浮 + 阴影加深（立体感） 图片缓慢放大（聚焦感） "快速查看"栏从底部滑出（行动引导） 5. 买家秀瀑布流画廊 第一张卡片跨两行的大图布局，视觉重心突出；悬浮时才显示评价信息，干净不杂乱。 6. 全响应式四档适配 >1200px：桌面全宽四列 1024px：三列 + 买家秀调整 768px：双列 + 新品卡片竖排 480px：单列移动端 7. 语义化配色体系 用 CSS 变量管理整套色板（米色系 5 阶 + 绿色系 6 阶 + 棕色系 4 阶），换肤只需改变量值。 8. 品牌叙事完整 从顶部品牌标识 → 头图数据背书 → 分类导购 → 爆款转化 → 新品故事 → 社交证明 → 售后保障 → 页脚品牌沉淀，形成完整的消费决策链路。
Prompt 内容
所有作品均通过 EdgeOne Makers Skill 生成并部署，具备CDN加速、安全防护能力，可按需接入后端服务。获取 Prompt 或 Skill后，在WorkBuddy中按指引操作（含 EdgeOne Makers Skill 安装步骤等），即可生成并上线你的同款网站。
生成一个田园风格衣服售卖淘宝卖家网页（包含首页核心模块：店铺头图、分类导航、爆款推荐、新品上新、买家秀、店铺公告等）
核心模块的内容：
店铺头图：温暖渐变背景 + 品牌名"花间集" + 粉丝/评分/好评率数据 + 浮动标签动画
分类导航：8个品类（连衣裙、上衣、裤装、外套、配饰、包包、套装、限定款），sticky 吸顶
店铺公告：滚动播报条 — 促销活动、包邮政策、优惠券、上新通知
爆款推荐：4款热销商品卡片，含价格/月销/标签/悬浮快速查看
春夏上新：2×2 横向大卡片布局，含产品故事描述 + 日期标签
买家秀：7张瀑布流画廊，悬浮显示用户评价和星级
店铺公告区：发货物流 / 退换货 / 客服时间 三栏卡片
信任栏：金牌卖家 / 正品保障 / 极速退款 / 会员特权
页脚：品牌故事 + 购物指南 + 售后 + 社交媒体
设计特点：
主色调：米色+ 森系绿，温暖自然
滚动动画：元素进入视口时淡入上移
微交互：商品卡片悬浮上浮、快速查看栏滑出、分类图标变色
全响应式：适配桌面 / 平板 / 手机
Install this skill: https://github.com/TencentEdgeOne/edgeone-pages-skills, then deploy to EdgeOne Makers.感谢支持
如果你觉得这些作品很酷，给我们的 Github 仓库一个 Star