案例分析

服装设计类小程序商城，商家自制服装，打造自己的服装品牌，独立服装设计商城展示，服装设计工作室制作成小程序商城。现在很多商家打造自己的品牌。从设计衣服款式到选料到打版，全部一手包办。这样的小工作室把自己设计

使用的模块功能

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

1.搜索

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

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

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

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

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

2.背景音乐

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

3.在线地图

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

4.轮播多图

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

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

5.广告图片

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

动图：

点击编辑图片热点

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