返回作品列表

WORKS / 01 ·网站默认宽屏已切到手机小程序默认手机App 默认手机已切到宽屏

01 / 06
01 / 06

WEBSITE

禾宠 HEPET

虚构品牌「禾宠 HEPET」的前端演示:响应式官网已部署公网;同步完成微信小程序版(tabBar:首页/产品/品牌/联系),含隐私政策与用户协议、备案与代码审核相关配置。

  • 平台

    响应式网站(Vue 3 + TypeScript + Vite,Cloudflare Pages);微信小程序(uni-app Vue 3 + TypeScript)

  • 周期

    无

  • 角色

    需求与页面结构、UI 与交互实现、官网部署、uni-app 小程序迁移、主包体积与 CDN 图片方案、微信审核与隐私合规问题排查

  • 背景

    需要一套可对外展示的宠物食品企业官网界面,并延伸为微信小程序,用于演示品牌介绍、产品系列与联系流程;内容为虚构示例,非真实在售商品。

  • 做法

    官网用 Vue Router 组织首页、品牌故事、产品系列(犬/猫/零食筛选)、资讯与联系页;部署至 mypet-new.pages.dev。小程序从官网迁移至 uni-app,大图经 CDN 域名加载以满足主包 2MB 限制;联系页增加隐私勾选与协议页;按平台要求调整 tab 与文案(如产品说明、品牌页),完成代码审核。

  • 结果

    官网可通过公网链接浏览完整界面与交互;小程序版本功能对齐主要页面,代码审核已通过(发布需微信认证,未计入本材料链接)。

芜湖鸠江区知庆信息技术服务部

CASE · 禾宠 · 宽屏CASE · 禾宠 · 手机CASE · 禾宠 · 宽屏CASE · 禾宠 · 手机