🎉页面布局
V-Proto 的原型区别于其他原型，主打自适应的原型配置。在位置用户设备尺寸下，能最佳的显示原型，以达到用户较高的演示体验。
1. 布局编排
在 V-Proto 为达到界面自适应效果，有多种布局功能。
2. 排列
排列，用以支持流式布局，包括水平排列、垂直排列、网格排列。一般配合宽度、高度、水平位置、垂直位置一起使用。
水平排列、垂直排列原理：排列编组内部被划分为九宫格，控件在排列的九宫格中展示。示意图如下：
2.1 水平排列
将控件以水平方向自左至右组织编排，编组内的控件不会换行。当移除一个元素后，后面的元素会自动向前填充空缺。
常配合控件自身属性 宽度、高度、水平位置、垂直位置一起使用。
2.2 垂直排列
将控件以垂直方向自上而下组织编排。当移除一个元素后，后面的元素会自动向前填充空缺。
常配合控件自身属性 宽度、高度、水平位置、垂直位置一起使用。
2.3 网格排列
将控件以指定列数自左至右编排，每个控件默认占一列宽度，当一行排满时控件自动折行。
同时，可以设置网格列数。
3. 泊靠
被指定为泊靠的控件，将会向指定方向堆砌，切分界面剩余空间。常与排列后的编组配合使用，实现界面的自适应效果。
分为：靠上、靠下、靠左、靠右、铺满。
3.1 靠上
控件占领界面顶部边角。如果同级中其他控件也设定为靠上的话，那么控件将自上而下堆砌、不会交叠。
控件宽度可随着界面的宽度拉伸，效果如图：
3.2 靠左
控件占领界面左侧边角。如果同级中其他控件也设定为靠左的话，那么控件将自左至右堆砌、不会交叠。
控件高度可随着界面的高度拉伸，效果如图：
3.3 靠下
控件占领界面底部边角。如果同级中其他控件也设定为靠下的话，那么控件将自下而上堆砌、不会交叠。
控件宽度可随着界面的宽度拉伸，效果如图：
3.4 靠右
控件占领界面右侧边角。如果同级中其他控件也设定为靠右的话，那么控件将自右向左堆砌、不会交叠。
控件高度可随着界面的高度拉伸，效果如图：
3.5 铺满
控件占领界面上下左右四个边角。如果同级中其他控件也设为铺满，那么控件将被彼此沿 Z 轴覆盖。
当使用铺满时，尽量减少靠上/靠下的使用，避免因为垂直空间的切分，导致浏览器窗口较小时过度挤压铺满空间，从而页面元素消失变形。
控件宽度、高度可以随着界面的宽度高度而拉伸，效果如图：
3.6 锚定（不推荐）
控件拖入画布中默认为锚定状态，该控件左上脚坐标与页面左上脚坐标位置保持固定，可设置 X 轴和 Y 轴来调整控件在页面的位置。
锚定的元素不会跟随页面尺寸的变化而变化，效果如图：
