uni-app 微信小程序 获取节点css布局

参考链接：https://uniapp.dcloud.net.cn/api/ui/nodes-info.html#nodesref-boundingclientrect

1. 获取css布局

// 支付宝小程序不支持in
const query = uni.createSelectorQuery().in(this)
const element = query.select('.buttom-dialog').boundingClientRect(data => {
	console.log(JSON.stringify(data))
	
	// 无法更改
	// data.bottom = 0
}).exec()

打印结果：
{“id”:“dialog”,“dataset”:{},“left”:0,“right”:390,“top”:1134,“bottom”:1506,“width”:390,“height”:372}

2.获取节点的相关信息

const query = uni.createSelectorQuery().in(this)
const element = query.select('.buttom-dialog').fields({ id: true, rect: true}, data => {
	console.log(JSON.stringify(data))
	// 打印结果：
	// {"id":"dialog","left":0,"right":390,"top":1134,"bottom":1506}
	
	// 无法更改
	// data.bottom = 0
}).exec()