1、首先新建一个空白页面,在工作区域拖入相关元件元素,弄两个矩形,如下图所示。
2、元件元素准备完成后,对元件的样式及值等信息进行设置,第一个矩形获取界面宽高、第二个矩形获取当前元件的宽高,如下图所示。
3、下面开始对矩形的交互事件旅邯佤践进行设置,获取界面高宽的函数如下,宽度:[[Window.width]] 高度:[[Window.height]]
4、然后对下一步矩形的交互事件进行设置,获取当前元件的宽高函数如下,宽度:[[Th坡纠课柩is.width]] 高度:[[This.height]]
5、准备工作完成,f5预览一下效果,如下图所示。
6、当点击第一个矩形的时候,会获取当前界面的宽高值,如下图所示。
7、当点击第二个矩形的时候,会获取当前元件的宽高值,如下图所示。