案例分析

商城类小程序是数量最多的一类小程序，有完善成熟的商城系统，支持添加营销活动，用户可以进入会员中心，查看订单详情，管理自己的会员积分，储值，会员卡。查看预约项目，电商系统，博客文章。商家可以管理订单，管理发货和配送。

使用的模块功能

这个小程序商城使用的模块有搜索，音乐，在线地图，轮播多图，广告图片，电商列表。

1.搜索

拖拽「搜索」模块到合适位置，右键编辑，进行常规设置，选择搜索框风格，开启或关闭扫码能力。

进行搜索设置，搜索范围可勾选商品搜索和博客搜索。搜索提示，这里输入的文字直接显示在搜索框中，热门搜索框里可以添加多一些关键词是用户常搜的，或者商家希望顾客搜索的词，有引导的作用。

开启历史记录就能看到搜索过的词。

右键【编辑样式】，可以修改搜索框常规和内容区的参数，包括内外边距，边框，高度等等，编辑完成记得点击右下角【确定】按钮。

可以看到搜索框的左侧是空白的，是这样设置的，右键 ->编辑样式，自定义边距就可以实现。

2.背景音乐

点击左侧「系统」开启背景音乐，点击添加音乐，可以选择开启自动播放，循环播放，播放开关，开关位置右上，右下，左上，左下。

3.在线地图

拖拽「在线地图」模块到合适位置，右键编辑。进行常规设置，新增标记地址，完善详细地址信息即可。用户可以通过地图，通过导航找到商家门店。

4.轮播多图

拖拽「轮播多图」模块到合适位置，右键编辑模块，可添加多张图片（不超过10张），选择图片展示样式（高度不限，宽度推荐750px），点击小笔图标添加图片跳转链接。

跳转指定商品，添加外部链接，填写商品链接（从dis....开始）

5.广告图片

拖拽【广告图片】模块组件到合适位置，右键编辑

动图：

点击编辑图片热点

本案例版权归轻栈用户所有，未经允许，不得随意使用