低代码快速搭建商品详情页

目标：

搭建商城的商品详情页（静态图），并可以从商品列表页点击跳转进来；

开发环境：

白码低代码开发平台的新自定义页功能（使用vue框架）

前期准备：

上次已经建好了商品数据表，以及商品列表数据集，这次商品详情页就需要创建商品的对象数据集，对象数据集是指只包含一条数据的数据集；
商品详情页设计图如下（设计图上传到蓝湖，可直接复制样式代码）

根据设计图，可以看出由六部分组成：
①顶部的导航栏

②商品基础信息：图片、名称、价格、规格、销量等信息

③商家信息

④商品评价信息

⑤商品详情，详情内容是富文本

⑥底部的导航

实现步骤：

在白码工作台的自定义页新增一个页面，命名为“商品详情”；

编辑页面，切换到移动端