组件元素和快捷键的使用
2018-08-07 14:43:57 组件元素和快捷键的使用

组件元素和快捷键的使用

快捷键的介绍

  • 后台快捷键如下图


image.png


组件的基本使用

  • 所有组件在装修区域都会展示

  • 某些组件关联后台应用,如果没有购买相关的应用,虽然你能看到该组件,但其实并无法使用

组件右击与拖动

  • 在页面装修区右击单个组件可以对元素进行如下操作

  • 编辑,复制,粘贴,删除,上移一层,下移一层,置于顶层,置于底层

  • 选中该组件,可在装修区随意拖动

image.png


点击事件的应用

  • 点击事件,即为用户在小程序点击该组件后需要跳转的页面,可自定义设置

点击事件操作流程

  • 选中组件,点击设置点击事件

image.png


  • 在弹出的窗口选择连接类型,所有已购买的应用并已设置好的功能在此处都可以选择,包括装修页面

  • 设置好之后,用户在小程序上点击该组件即可跳转到对应的页面


image.png


动画效果的使用

  • 装修页面,选中对应的组件,即可对组件设置动画效果(部门组件不可设置动画效果)

  • 动画效果类似ppt播放时的动画,可以对动画效果、延时、时长、重复四个值进行配置

浏览量.gif


基础组件的使用

文本组件的使用

  • 单击文本组件,即可在页面装修区显示该文本组件

  • 双击文字,即可添加对应文字

  • 文字上方可调整文字对齐,大小,颜色,加粗,下划线,斜杠等

  • 下图右边区域可对文本组件外观、点击事件和外观进行设置

    • 文本组件大小

    • 文本组件位置

    • 透明度

    • 悬浮

    • 描边

    • 圆角、背景色等

image.png


图片组件的使用

  • 单击图片组件,即可在弹出的窗口选择图片库中图片或者从本地电脑中上传图片

  • 选中图片,即可对图片位置,大小缩放进行调整

  • 右边可对图片进行外观进行设置,以及设置点击事件和动画效果


图片组件.gif


幻灯片组件的使用

  • 单击幻灯片组件,即可在装修区显示该组件

  • 幻灯片组件可以理解为轮播图,一般可以放在小程序首页的最顶端

  • 选中该组件,即可对该组件进行外观和样式调整,每一个图片都可单独设立点击事件


幻灯片组件.gif

地图组件的使用

  • 单机地图组件,即可在弹出的窗口中选择地址添加上

  • 地图组件可以在装修页面显示设置好的位置信息

地图组件.gif


左右滑动图组件的使用

  • 单机左右滑动图组件,即可在装修区显示该组件

  • 左右滑动图为横向滑动小图,为幻灯片组件的样式变种,每一项图片可以设置标题名称和介绍内容

  • 可对图片高度、宽度、图片文字显示样式进行统一设置

  • 设置不同的点击事件即可连接到不同的页面,建议设置成属性相同的内容,比如课程或者商品


左右轮播图组件.gif


文章组件的使用

  • 文章组件可用于展示文章内容,便于企业文化宣传,此功能为微站宣传功能

  • 使用文章组件需要在后台创建好对应的文章,后台功能入口:轻晓云后台-经营管理-微站宣传-文章管理

  • 文章创建好之后,在装修区即可选中该文章并调整文章布局,如下图


文章组件的使用.gif


产品组件的使用

  • 产品组件可用于展示产品内容,可直接线上购买,此功能为微站宣传模块下,并非指的是电商中创建的商品

  • 使用产品组件需要在后台创建好对应的产品,后台功能入口:轻晓云后台-经营管理-微站宣传-产品中心

  • 产品创建好之后,在装修区即可选中对应产品并调整相应布局,如下图

产品组件.gif


矩形组件的使用

  • 单击矩形组件,即可在页面装修区显示该组件

  • 可对矩形组件进行大小调整,边角矩形、圆形设置

  • 可对文本组件外观、点击事件和外观进行设置,可搭配文本组件一起使用


矩形组件.gif


表单组件的使用

  • 单机表单组件,即可在页面装修区显示该组件

  • 表单组件可收集用户信息,适用于用户在线提交等场景

  • 支持单文本、多文本、单选、多选、年月日、时间、省市区以及提交按钮共8种表单类型

  • 每一个表单类型可单独配置外观设置、内容样式以及动画效果

表单组件.gif


视频组件的使用

  • 单机视频组件,即可在页面装修区显示该组件

  • 可在装修页面展示并播放视频,并可对视频封面和播放情况进行设置

  • 建议视频格式为MP4格式,大小不超过300M


视频组件.gif


交易营销组件的使用

商城商品组件的使用

  • 单击商城商品组件,即可在页面装修区显示该组件

  • 支持大图轮播、左右滑动、小图平铺、大图平铺四种样式

  • 支持组件标题和副标题自定义设置

  • 该组件中的商品需要在应用中心-电商系统-商品管理中添加商品后才可选中

商城商品.gif


商品搜索组件的使用

  • 单击商品搜索组件,即可在页面装修区显示该组件

  • 系统提供四种搜索组件样式,并可调整组件颜色和自定义搜索提示

  • 商品搜索组件便于用户搜索店内商品,如若商品种类较多建议使用该组件


商品搜索.gif


拼团组件的使用

  • 单击拼团组件,即可在页面装修区显示该组件

  • 系统提供大图轮播、左右滑动、小图平铺、大图平铺、详细列表共五种样式

  • 点击添加拼团即可,需在轻晓云后台-营销推广-多人拼团-拼团管理中提前创建好拼团活动才可选中


拼团组件.gif


砍价组件的使用

  • 单击砍价组件,即可在页面装修区显示该组件

  • 系统提供大图轮播、左右滑动、小图平铺、大图平铺、详细列表共五种样式

  • 点击添加砍价即可,需在轻晓云后台-营销推广-互动砍价-砍价管理中提前创建好砍价活动才可选中


砍价组件.gif


教育组件的使用

书架组件的使用

  • 单击书架组件,即可在页面装修区显示该组件

  • 书架组件其实是商品组件的变种,适用售卖纸质图书

  • 该组件中的商品需要在应用中心-电商系统-商品管理中添加商品后才可选中

  • 可设置商品封面、拖动商品可调整商品排序


书架组件.gif


打卡组件的使用

  • 单击打卡组件,即可在页面装修区显示该组件

  • 提供列表和大图两种样式布局

  • 使用该组件需要提前在后台创建好对应的打卡才可,入口:轻晓云后台-应用中心-督学打卡-打卡列表-创建打卡


打卡组件.gif


知识付费组件的使用

  • 单击知识付费组件,即可在页面装修区显示该组件

  • 提供列表和大图两种样式布局

  • 使用该组件需要提前在后台创建好对应的课程才可,入口:轻晓云后台-应用中心-知识付费-连载课程-添加课程


知识付费.gif

直播组件的使用

  • 单击直播组件,即可在页面装修区显示该组件

  • 使用该组件需要提前在后台创建好对应的直播才可,入口:轻晓云后台-应用中心-在线直播-直播列表-添加直播


直播.gif


导师专题组件的使用

  • 单击导师专题组件,即可在页面装修区显示该组件

  • 该组件用于展示老师信息,可添加老师相关介绍,需结合打卡功能一起使用


老师专题.gif


题库与分类组件的使用

  • 单击题库或者分类组件,即可在页面装修区显示该组件

  • 题库组件只能关联题库内容,分类组件可以关联题库和课程

  • 使用之前需要在后台提前设置好对应的题库和课


题库分类.gif


社区组件的使用

成员推荐组件的使用

  • 单击成员推荐组件,即可在页面装修区显示该组件

  • 该组件用于展示社区成员,便于社区组件的使用,可设置展示热门会员或者最新会员两种形式

  • 使用该组件需要提前在后台创建号相应的社区,然后可进行关联

  • 路径入口:后台-应用中心-粉丝社区-社区管理-创建社区


成员推荐.gif




微信扫码关注免费试用

关注"轻晓云"公众号进行试用

立即获取免费试用

Copyright © 2012-2021 All Rights Reserved 工信部备案号:皖B2-20150071-5