xinglie / report-designer

⚡打印设计、可视化、标签打印、编辑器、设计器、数据分析、报表设计、组件化、表单设计、h5页面、调查问卷、pdf生成、流程图、试卷、SVG、图形元素、物联网、标签纸
https://xinglie.github.io/report-designer/
929 stars 242 forks source link

调整z轴操作 #10

Open xinglie opened 4 years ago

xinglie commented 4 years ago

处于同一个容器内的元素支持调整z轴操作。

使用工具栏

选中要调整z轴的元素,如果支持向上或向下调整时,工具栏中相应的按钮会高亮显示,如图

image

使用右键菜单

右键单击要调整z轴的元素,如果支持向上或向下调整时,右键菜单相应的功能项会高亮显示,如图

image

使用快捷键

选中元素后,可以使用快捷键TBUD四个按键进行调整z轴。 查看所有快捷键

使用组件树面板

image

如上图,编辑区右侧的元素面板,不但显示整个编辑区所有的元素层次结构,同时也支持点击选中元素以及拖动调整z轴顺序。 面板上z轴大的在上方。 只有在同一个容器格子内的元素才支持调整z轴顺序哦,比如不能把H-Flex容器中的元素拖到外面来