一个组件制作商城页面
轻栈insarea
轻栈insarea微头条
2023-12-11

用第三方平台(轻栈)开发小程序商城,继续用一个组件制作。


已经详细介绍了一行两个商品,一行一个商品(左侧图片右侧商品信息)的展示效果。今天介绍一下另外一个效果,一行一个商品,超大的那种。


一个铺满整个页面的主图,加上商品标签、价格和标题(展示的信息可以调整),十分显眼。

1702268385431051329.jpg



进入编辑器【Design Lab】,从左侧拖拽组件到界面合适位置,右键编辑。

1702268385031015633.jpg


常规设置:风格选择第二个,一行一个商品,大图展示。
参数展示:商品表述参数可隐藏/显示。
展示设置:分页设置/展示商品数量/商品名称显示/文字对齐方式。

商品的展示方式是自适应主图图片宽度展示,假如你发布的商品主图高度大于宽度,那么商品所占“面积”就会更多一些。

1702268385610003434.jpg


类型勾选短视频,设置封面(默认封面更美观)。

1702268383866054929.jpg


用户购买商品,点击自动播放商品的导购小视频,跟刷短视频一样,上滑切换到下一个商品,点击左侧弹出的商品贴片和点击右侧的【商品】图标都可以查看商品详情,加购物车购买商品。

1702268386844088643.jpg


阅读量:1368
上一页:电商列表,一个组件开发小程序变化多
下一页:​只用一个组件搭建小程序商城