## 组件使用方法:
1.将左侧组件库中的组件拖拽到中间手机框即可(如拖拽没反应,刷新当前页面即可);
2.商品,文章,预约,门店,电话,拼团,秒杀组件需要在左侧对应导航菜单添加相应功能设置后方可使用,其他组件直接在最右侧配置相关信息,保存后即可生效;
3.新版图片类组件高度均已实现自适应(除三四方图),可尽情使用。
## 组件使用教程:
**1.幻灯片组件**:自带四种幻灯片样式任意选择,最多可加十张幻灯片,拖拽可实现排序,**点击图片**可对图片进行修改,点击选择链接可添加功能库中自己想要的链接,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/4d80d9e197910bf5906bbe281b8db5a4_383x181.png)
* * * * *
**2.功能区组件**:自带三种功能区样式,可添加数十种导航,拖拽可自由排序,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/6297479d9ef273c4ef87aa3fdd5c8ae1_548x149.png)
* * * * *
**3.导航组件**:使用次数最多的组件,点击图标可进行图标修改,默认一排四个,可添加多个导航,点击选择链接可添加功能库中自己想要的链接,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/d23e541a80dd5dcb0dedf5c68470f60e_358x216.png)
* * * * *
**4.商品组件**:商城类功能必备组件,贴心设计,自带五种丰富样式自由选择,选择商品时可使用自动选择模式或手动选择,自由设置商品显示数量。(PS:使用商品组件需先在系统后台左侧导航-商城系统处先添加商品分类和商品,不添加显示默认数据),设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/246fecc339e2332ee790ad007a1c721e_414x264.png)
* * * * *
**5.文章组件**:资讯新闻文章类功能必备组件,贴心设计,自带四种丰富样式自由选择,选择文章时可使用自动选择模式或手动选择,自由设置文章显示数量。(PS:使用文章组件需先在系统后台左侧导航处先添加文章分类和文章,不添加显示默认数据),设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/0f186b098e35ce400a3370df8a6ed718_339x281.png)
* * * * *
**6.标题栏组件**:自带五种丰富标题样式自由选择,设置好保存后小程序端立即同步生效。(PS:标题链接名称不设置将显示null)
![](https://box.kancloud.cn/ecc088b262407c038c0109a2c888dc77_433x341.png)
* * * * *
**7.搜索组件**:自带三种搜索样式自由选择,设置好保存后小程序端立即同步生效。
* * * * *
8.**文本组件**:输入文本保存后小程序端立即同步生效。(PS:文本可换行)
* * * * *
9.**分隔符组件**:自带三种分隔符样式自由选择,选择好保存后小程序端立即同步生效。
* * * * *
10.**图文组件**:自带四种图文样式自由选择,图片可自由修改,图片链接可选择功能库中链接,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/8bd9d4630c7b50fcd1e94855d9dfefec_418x381.png)
11.**单图组件**:使用次数最多的组件,图片随意设置,图片链接任意选择图片高度可实现自适应,只要有好的美工设计,就可以依托本模块设计出精美的小程序,支持功能库所有链接,设置好保存后小程序端立即同步生效。
* * * * *
12.**双图组件**:增加设计展示的多样性,支持功能库所有链接,功能细节类似单独组件,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/38df8cd7afc91c6b56d5ec2d1ad8de03_332x229.png)
* * * * *
13.**四图组件**:增加设计展示的多样性,支持功能库所有链接,功能细节类似单独组件,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/3060b7287a4c49db197da83de2fe9952_317x167.png)
* * * * *
14.**三横图组件**:可做三图,六图,九图(九宫格),十二图等多种用途,支持功能库所有链接,功能细节类似单独组件,设置好保存后小程序端立即同步生效。
* * * * *
15.**四横图组件**:可做四图,八图,十二图,十六图等多种用途,支持功能库所有链接,功能细节类似单独组件,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/ac7d3a4f8341123043602778286ed684_321x42.png)
* * * * *
16.**预约组件**:预约预定类功能必备组件,贴心设计,自带两种预约样式自由选择,选择预约时可使用自动选择模式或手动选择,自由设置预约显示数量。(PS:使用预约组件需先在系统后台左侧导航处先添加预约分类,服务项目,服务人员等信息,不添加显示默认数据),设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/a092343410ffb38da9e40ee47bb7a4ee_382x262.png)
* * * * *
17.**视频组件**:使用本组件可在小程序中实现视频功能,设置预览图,填入小程序网址即可,设置好保存后小程序端立即同步生效。说明:根据微信官方要求,视频地址必须为绝对地址。(1)可获取腾讯视频的绝对地址填入。(2)可将视频传到七牛等平台获取绝对地址填入。(3)视频名称不可为中文。
![](https://box.kancloud.cn/1dd6ae17f4d34441db7864e27efa7494_428x259.png)
* * * * *
18.**地图组件**:使用本组件可在小程序中实现地图功能,在下图坐标选择处输入详细的地址,点击搜索,之后用鼠标移动蓝色小图标即可获得经纬度信息,点击保存,小程序端即可同步生效。
PS:输入地址搜索后必须移动蓝色小图标,否则经纬度信息将不显示,保存后小程序端地图也将不显示。
![](https://box.kancloud.cn/fdc8e8fdf4c3ecb10e4bcf10166baa56_440x392.png)
* * * * *
19.**公告组件**:使用本组件可在小程序中实现公告功能,点击选择图片可修改图标,文字部分可输入公告文字内容,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/028ebeae820a76223468b2a952434546_305x228.png)
* * * * *
20.**三方图组件**:增加小程序设计展示的多样性,不支持(功能库中的一键拨号,一键导航,小程序跳转,内嵌网页功能),图片大小必须按系统指定尺寸设计,设置好保存后小程序端立即同步生效。
PS:本功能删除功能不易看见,鼠标移动到上方蓝色(2:1)部分可看到。
![](https://box.kancloud.cn/63faab225f43ad5b1e84798d514afc30_310x158.png)
* * * * *
21.**四方图组件**:增加小程序设计展示的多样性,不支持(功能库中的一键拨号,一键导航,小程序跳转,内嵌网页功能),图片大小必须按系统指定尺寸设计,设置好保存后小程序端立即同步生效。
* * * * *
22.**留言组件**:组件拖进去即可使用,无需设置,留言信息在左侧菜单-留言反馈处查看,设置好保存后小程序端立即同步生效。
* * * * *
23.**门店组件**:将组件拖进手机框,在后台菜单-小程序设置-门店管理处添加商品,此处每个组件可选择一个门店链接,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/49fd3cef1a6b7cc0445e2e478433aaad_435x170.png)
* * * * *
24.**富文本组件**:我们的系统率先支持富文本组件,这是一个极为重要的组件。可以在此处添加任意图片,文字,表情等,实现对文字的加粗,居住,换行等丰富功能。功能接近传统编辑器,是小程序中的一项神器功能。使用富文本可设计出精美度更高的小程序,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/692bcf61a86c792fb2d089c1a5747f5a_431x233.png)
* * * * *
25.**客服组件**:将组件拖进手机框即可悬浮显示,可修改背景颜色和图标颜色,无需其他设置即可正常使用,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/dc0254e42ee74085a71aed9cadd5a0d6_428x232.png)
* * * * *
26.**电话组件**:将组件拖进手机框即可悬浮显示,可修改背景颜色和图标颜色,设置手机号码保存后即可正常使用,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/5f2d1ff68a503a22fc4a43bb98a2f347_430x258.png)
* * * * *
27.**拼团组件**:将组件拖进手机框,在后台菜单-营销活动-拼团商品处添加商品,此处每个组件可选择一个拼团商品,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/5360755d7bc8a27857fcf217755cc7c2_432x158.png)
* * * * *
28.**秒杀组件**:将组件拖进手机框,在后台菜单-营销活动-秒杀商品处添加商品,此处每个组件可选择一个秒杀商品,设置好保存后小程序端立即同步生效。
![](https://box.kancloud.cn/fe71b0fc8665ea7d495b56fcec2ea760_438x161.png)
* * * * *
- 小程序管理系统后台使用教程
- 快速开发之-30秒学会小程序制作
- 一、账户中心使用教程
- 1.账户充值
- 2.修改密码
- 3.升级续费
- 4.短信余额
- 5.短信发送记录
- 6.切换模板
- 二、小程序制作教程
- 1.小程序发布
- 小程序业务域名
- 2.模板市场
- 3.万能页面(点开有下级菜单)
- 3.1页面管理
- 3.2小程序装修
- 3.3小程序菜单
- 3.4小程序组件使用教程详解
- 3.5功能库链接使用教程详解
- 4.支付配置(含微信支付服务商)
- 5.手动下载
- 6.生成模板
- 7.图片上传操作
- 三、小程序设置教程
- 1.版权设置
- 2.商家设置
- 3.商家管理手机端
- 4.模板消息
- 5.客服消息
- 6.小程序跳转
- 7.内嵌网页
- 8.门店管理
- 9.小票打印机
- 10.全局广告设置
- 11.分享领优惠券
- 12.关注公众号
- 四、会员管理使用教程
- 1.开卡与注册会员管理
- 2.会员标签管理与设置
- 3.会员卡积分赠送规则设置
- 4.会员卡积分消费规则设置
- 5.会员卡积分规则说明设置
- 6.会员卡模板消息设置
- 7.会员卡会员等级设置
- 五、万能表单使用教程
- 1.添加表单
- 2.表单列表
- 六、超级客服使用教程
- 1.客服接入
- 2.图文管理
- 3.参数配置
- 4.自动回复
- 七、商城系统使用教程
- 1.数据统计
- 2.模板消息设置
- 3.商品类别
- 4.商品列表
- 5.商品规格(第六步易出错)
- 6.商品订单
- 7.订单设置
- 8.发货管理
- 9.评价管理
- 10.维权管理
- 11.地址库
- 12.运费模板设置
- 13.分享海报设置
- 八、营销活动使用教程
- 1.优惠券管理
- 2.拼团商品
- 3.拼团列表
- 4.拼团订单
- 5.秒杀商品
- 6.秒杀订单
- 7.大转盘参数设置
- 8.大转盘奖项设置
- 9.大转盘抽奖记录
- 10.砍价商品设置
- 11.砍价订单列表
- 12.集字游戏活动列表
- 13.集字游戏中奖列表
- 九、优惠买单使用教程
- 1.买单设置
- 2.订单查询
- 十、智慧餐厅使用教程
- 1.餐厅设置
- 2.促销管理
- 3.桌台管理
- 4.二维码管理
- 5.菜品分类
- 6.菜品列表
- 7.点餐订单列表
- 8.外卖订单列表
- 十一、同城信息使用教程
- 1.同城设置
- 2.轮播图管理
- 3.公告管理
- 4.用户管理
- 5.分类设置
- 6.信息管理
- 7.评论管理
- 十二、文章管理使用教程
- 1.文章分类
- 2.文章管理
- 十三、分销管理使用教程
- 1.分销设置
- 2.分销商管理
- 3.提现管理
- 4.佣金明细
- 5.不可提现佣金
- 十四、预约系统使用教程
- 1.分类管理
- 2.服务项目
- 3.服务人员
- 4.预约列表
- 十五、智慧美业使用教程
- 1.预约列表
- 2.店铺服务
- 3.预约用户
- 4.作品管理
- 十六、留言反馈使用教程
- 留言反馈
- 十七、多商家系统使用教程
- 1.基础配置
- 2.商家入驻
- 3.门店管理
- 4.提现管理
- 系统常见使用问题集锦
- 1.小程序端打开空白可能的原因?
- 2.小程序苹果手机全部显示正常,但安卓手机全部不显示?
- 3.苹果手机显示正常,安卓手机部分正常,部分不正常?
- 4.商品分类明明已添加,为什么添加商品的时候分类还无法选择?
- 5.商品规格添加为什么一直提示No Template?
- 6.DIY首页商品显示,但商品详情页为空?
- 7.小程序一键绑定常见问题集锦
- 8.为什么小程序底部菜单不显示或报错
- 9.小程序代码通过开发者工具上传开放平台教程
- 10.如何给万能页面单独生成二维码
- 十八、万能展示使用教程
- 1.基本设置
- 2.轮播管理
- 3.关于我们
- 4.新闻中心
- 5.产品展示
- 6.案例展示
- 7.联系我们
- 8.加入我们
- 9.留言板