S.I.商家社区

 找回密码
 立即注册
查看: 678|回复: 0

[其他] 什么是组件?如何使用组件配置页面?

[复制链接]

16

主题

16

帖子

132

积分

超级版主

Rank: 8Rank: 8

积分
132
发表于 2017-6-27 15:33:32 | 显示全部楼层 |阅读模式
本帖最后由 fdx 于 2017-8-28 09:39 编辑

一.  功能说明

       组件是手机页面上的一个个小模块,多个组件组合在一起,可以形成一个手机端的完整页面。双向溯源营销平台在溯源、防伪、互动营销,使用组件的方式配置页面,企业可以自由配置页面的文字、图片、样式、顺序等等,灵活搭配,满足不同企业的需求,今后也将进一步推出各行各业的模板,提供企业参考使用。

二.  操作说明

溯源、防伪、互动营销扫码配置页面中,左侧为组件列表,中部为手机模型,展示配置的页面,右侧为组件编辑区域。拖动或点击组件列表中的组件,放入手机模型中,点击手机模型里的组件,即可在编辑区域编辑,鼠标移入组件,组件右上角有上、下、关闭按钮,点击向上按钮,组件排序上移,点击向下按钮,组件排序下移,点击关闭按钮,去掉该组件。一个页面的组件不能超过30个:

4-组件配置.png

1.  活动组件

活动组件仅在企业开通互动营销时才会出现,且一个页面仅能配置1个活动组件。

活动组件能够配置活动样式、中奖弹窗样式、活动背景色,也可以直接上传活动背景图、按钮图片,设置按钮高度,添加品牌LOGO,填写未中奖说明:


活动组件.png

勾选显示活动说明,可以修改活动时间字体颜色、标题名称、标题颜色,填写活动说明:

活动说明.png

2.  图片组件

图片组件可以上传图片及图片的链接,一个页面可以添加多个图片组件。

图片组件可以选择显示方式和显示大小,然后上传图片,可以为图片添加标题和跳转链接:

3.png

上传好图片,填写好标题:

3-1.png

链接可以设置为营销活动(如果有开通该功能模块)和外部链接:

4.png

当点击【自定义外链】,弹窗输入外链即可:

5.png

折叠方式大图展示:

6.png

分开方式大图展示:

7.png

分开方式小图展示:

8.png

3.  标题组件

标题组件可配置标题名,可设置显示样式、对齐样式、文字颜色和背景颜色,一个页面可设置多个标题组件。

默认样式:

9.png

样式一:

10.png

4.  视频组件

视频组件,填写第三方视频通用代码,可以在页面上播放:

12.png

由于我们的页面是使用微信平台授权及展示,建议尽量将视频上传到腾讯视频。

进入视频播放页面,找到【分享】按钮,点击按钮,弹出分享窗口,即可获取通用代码:

11.png

5.  辅助空白

辅助空白组件用于版块与版块之间,增加留白,让页面不会那么拥挤,整体效果更好。

可设置空白高度:

13.png

6.  防伪验证

防伪验证组件仅在企业有开通防伪功能模块时出现,且一个页面仅能配置1个活动组件。

可配置标题、文字颜色、及背景颜色,点击色块选择颜色:

14.png

手机端在使用该功能时,当该项目的物联码为贴码类型时,点击【防伪验证】,弹出防伪码输入框,验证通过后,进入查询结果页面:

15.png 16.png

当该项目的物联码类型为赋码类型时,点击【防伪验证】,直接进入查询结果页面:

16.png

7.  链接组件

链接组件可配置文字链接,设置名称、链接、显示的样式、对齐、文字颜色、背景颜色等,一个页面可设置多个链接组件。

链接可以设置为营销活动(如果有开通该功能模块)和外部链接:

24.png

当点击【自定义外链】,弹窗输入外链即可:

25.png

点击色块选择颜色:

17.png

默认样式:

18.png

样式一:

19.png

8.  产品组件

产品组件直接从产品库-产品列表中读取数据,企业需到产品库中修改,一个页面仅能配置1个产品组件:

20.png

9.  企业信息

企业信息组件直接从首页-基础信息中读取数据,企业需到基础信息中修改,一个页面仅能配置1个产品组件:

21.png

10.  资质认证

资质认证包括SGS国家检测、中国人寿正品险、中国人寿质量承保、S.I.可视还源。

已勾选的认证,将展示在手机端页面上:

22.png

点击【上传报告】,可上传资质证书图片,上传后,用户在手机端点击【查看更多】,可展开大图查看图片:

23.png

11.  背景组件

背景组件是配置整个页面的背景,一个页面仅能配置1个活动组件

26.png

效果如图:

27.png

回复

使用道具 举报

 

©2006-2017 福建凯斯诺物联科技股份有限公司版权所有 ( 闽ICP备09003977号 )
地址:福建省厦门市湖里高新技术园金海湾财富中心A栋6层 电话:0592-3109771 传真:0592-3109773

快速回复 返回顶部 返回列表