微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 19717|回复: 6

【新版编辑器】自由面板

  [复制链接]
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    910

    主题

    2100

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    发表于 2016-1-27 14:19:31 | 显示全部楼层 |阅读模式
    新版编辑器自由面板
    观看此功能视频教程请点击http://school.jisuapp.cn/courses/151-16.html
    一、组件说明
    自由面板为容器,可在其中置放文本、图片、按钮、分割线、自由面板等组件;组件置放到自由面板中,支持自由拖动、拖拉调节组件大小
    使用自由面板可做出的效果图:

    图片5.png

    二、使用教程
    1.进入【编辑页】-组件库】-【布局】-【自由面板】,选择自由面板,点击即可添加到编辑器内

    图片6.png

    2.在右侧可以设置选择模板,以及设置点击事件,并将制作好的收藏为一整个模板,以便下次直接使用

    注:选择更多模板只能在单个组件中使用,若自由面板中嵌套了自由面板,则无法选择模板

    图片7.png

    自由面板操作说明:
    自由面板中放入其他组件,右击该组件,将会出现如下图操作。
    复制:点击【复制】/快捷键CTRL+C,就可以直接复制
    删除:点击【删除】/快捷键delete,可直接删除该组件
    锁定:点击【锁定】,锁定的该组件的宽高、位置都不能编辑
    解锁:点击【解锁】,锁定的该组件可以自由设置
    层级调整操作:置于顶层、置于底层、上移一层、下移一层,将会根据组件目前所在层次判断是否可以操作
    动画:对该组件设置动画效果

    图片31.png

    设置点击事件

    在编辑器点击【设置点击事件】,即可对该自由面板设置点击事件

    图片8.png

    子元素管理
    在自由面板上新增的组件,在子元素下可以看到(仅支持三级,若自由面板上嵌套多层自由面板,最多显示三层,其他不显示,使用过程中,尽量减少自由面板的多层嵌套);
    鼠标移动到单行上面将会显示编辑,设置,删除的按钮
    支持自定义组件名称

    图片9.png

    支持自定义名称

    图片10.png

    三、收藏模板
    1.点击【收藏为自由面板模板】,依次填写名称、模板缩略图、以及权重(权重越大,排序越靠前)

    图片11.png

    2.收藏成功后,到【添加组合】的我的中查看

    图片12.png

    此功能视频教程请点击http://school.jisuapp.cn/courses/151-16.html






    上一篇:【新版编辑器】评论组件
    下一篇:【新版编辑器】底部导航
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    60

    帖子

    490

    金钱

    禁止发言

    积分
    0
    发表于 2020-6-22 15:54:23 | 显示全部楼层
    提示: 作者被禁止或删除 内容自动屏蔽

    该用户从未签到

    0

    主题

    1

    帖子

    37

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-1-19 12:11:38 | 显示全部楼层
    自由组建保存后为什么不能显示??

    该用户从未签到

    0

    主题

    1

    帖子

    23

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-6-3 11:35:42 | 显示全部楼层
    自由组建  不能放轮播图?
  • TA的每日心情
    开心
    2018-1-5 09:17
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    22

    帖子

    121

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-1-3 11:39:30 | 显示全部楼层
    正需要,支持楼主大人了!

    该用户从未签到

    2

    主题

    6

    帖子

    96

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-3-2 11:28:26 | 显示全部楼层
    保存后 最后会有的点击加载 怎么删除这个点击加载

    该用户从未签到

    0

    主题

    1

    帖子

    41

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-6-3 17:27:04 | 显示全部楼层
    为什么不支持绑定数据
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略

    QQ|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1|网站地图   

    GMT+8, 2021-9-24 05:25 , Processed in 0.971226 second(s), 74 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

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