商品详情
任务目标
- 完成商品详情页布局
- 完成数据请求和渲染
- 实现轮播图的数字切换效果
- 实现弹出层交互效果
- 实现加入购物车(需要登录)
- 实现立即购买功能(需完成订单结算)
首屏 | 二屏 |
![]() | ![]() |
加入购物车 | 立即购买 |
![]() | ![]() |
资料速查
布局
- flex 布局
- CSS 变量
- swiper 滑块视图容器
- button 客服按钮 - 微信开放能力
- rich-text 富文本
- mp-html 一个强大的小程序富文本组件
- van-stepper 步进器
- van-popup 弹出层
- van-goods-action 商品导航
逻辑