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

 找回密码
 立即注册

扫一扫,访问微社区

查看: 22000|回复: 6

【新版编辑器】自由面板

  [复制链接]

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 | 显示全部楼层
自由组建  不能放轮播图?

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 | 显示全部楼层
为什么不支持绑定数据
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2023-1-29 06:15 , Processed in 0.144513 second(s), 41 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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