文章目录

一、利用服务列表模块能实现什么效果？

【服务列表模块】适用于展示服务，客户进入服务详情页后，点击预约按钮，填写个人信息后，即可预约相应的服务。【服务列表模块】具有4种不同的模块样式，下图为模块样式示例。

模块样式1	模块样式2
模块样式3	模块样式4

二、如何添加服务列表模块？

2.1、登录您的凡科网账号，进入【企业中心】，点击【轻站小程序】卡片，再点击【设计小程序】按钮，进入小程序设计页面后，点击添加【服务列表模块】。

2.2、添加【服务列表模块】后，继续添加【服务】至模块之中，有两种添加方式，分别是【直接新建服务】或【选择已创建的服务】。

2.2.1、直接新建服务

点击【添加服务】按钮，在弹窗内输入服务名称、服务摘要，上传展示图片，设置服务价格、服务分类、服务详情介绍。

添加后的服务会显示在右侧【基础】面板中的左下方框内，点击对应的服务标题即可将服务添加到右侧框内，右侧框内的服务即当前【服务列表模块】中展示的服务。

2.2.2、选择已创建的服务

点击【选择服务】按钮，在右侧【基础】面板中的左下角框内，点击服务标题，添加到右侧框内即可，添加后可在右侧框内对服务展示顺序进行排序。

2.3、添加后可修改当前服务列表模块的模块样式

点击编辑服务列表模块，在右侧【基础】面板中设置模块样式，提供了4种模块样式可供选择，4种模块样式的效果差异可点击此处返回本文开头查看。

2.4、可在当前页修改模块内服务的内容

添加服务后，如果想修改服务的内容，可点击编辑对应服务，在弹出的弹窗内修改服务内容。

三、如何编辑模块样式？

3.1、标题栏

点击编辑服务列表模块，在右侧【样式】-【常规】-【标题栏】中可设置【显示】或【隐藏】标题栏。

当【显示】标题栏时，可在【基础】-【模块名称】中修改当前服务列表模块的名称。

3.2、查看全部

点击编辑服务列表模块，在右侧【样式】-【常规】-【查看全部】中可设置【显示】或【隐藏】查看全部按钮。当【显示】查看全部按钮时，点击会跳转至服务列表筛选页，页面中显示全部已添加至当前轻站小程序管理后台中的服务。

3.3、背景色

点击编辑服务列表模块，在右侧【样式】-【常规】-【背景色】中可设置当前服务列表模块的背景色为【默认】或【自定义】。当选择【默认】时，背景色是白色；当选择【自定义】时，有多种背景色可供选择，还可调整背景色透明度。

3.4、边框

点击编辑服务列表模块，在右侧【样式】-【高级】-【边框】中，可设置【显示】或【隐藏】边框，两者的区别比较细微，需要您手动去操作才看得出来。概况来说就是，显示边框时图片看起来小一点，隐藏边框时图片看起来大一点。

3.5、阴影

点击编辑服务列表模块，在右侧【样式】-【高级】-【阴影】中，可设置模块的阴影效果为【图片】、【服务】、【无】。

选择【图片】时，图片旁显示阴影，图片下的文字区域不显示阴影；选择【服务】时，图片旁不显示阴影，图片下的文字区域显示阴影；选择【无】时，图片与文字区域均不显示阴影。

3.6、高度

点击编辑服务列表模块，在右侧【样式】-【高级】-【高度】中，可通过修改高度值的方式【自定义】服务的内容高度。

3.7、图片缩放

点击编辑服务列表模块，在右侧【样式】-【高级】-【图片缩放】中，可设置服务的图片缩放方式，支持【拉伸】、【填充】和【不平铺】三种效果。

四、如何编辑服务详情页？

4.1、设置服务详情分享到朋友圈

点击服务，进入服务详情页，然后点击编辑服务详情模块，在右侧面板的【服务详情】中，可设置【显示】或【隐藏】分享到朋友圈。

选择【显示】时，小程序访客进入服务详情页后，点击分享按钮，再点击分享到朋友圈，即可生成含小程序码的截图，将截图保存到手机后可分享截图到朋友圈。

选择【隐藏】时，小程序访客进入服务详情页后，点击分享按钮，仅可将当前页面分享给微信好友。

4.2、微信客服

点击服务，进入服务详情页，然后点击编辑服务详情模块，在右侧面板的【服务导航】-【微信客服】中可设置【显示】或【隐藏】微信客服。

【显示】后，小程序访客进入服务详情页后，可在当前页面底部点击【微信客服】按钮发起咨询。

需要注意的是，使用微信客服功能的前提，需要登录当前授权的微信小程序后台，绑定客服人员的微信后，方可在微信公众平台网页版客服工具中回复用户消息。点击链接查看此功能详细介绍《如何使用微信客服功能》

4.3、联系电话

点击服务，进入服务详情页，然后点击编辑服务详情模块，在右侧面板的【服务导航】-【联系电话】中，可设置【显示】或【隐藏】联系电话。

【显示】时，可编辑电话号码，小程序访客进入服务详情页后，可在当前页面底部点击【电话】按钮直接拨打电话联系商家。