一、微信小程序获取系统信息
微信获取系统信息函数为wx.getSystemInfo(OBJECT)
object 参数说明success 回调参数说明
二、css3引入’vm’ 和 “vh”
vm=view width ; vh=view height
以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小
例如:
view{width: 100vw;font-size: 80vw; /* 宽度为窗口100%, 字体大小为窗口宽度的10% */}view{height: 100vh;font-size: 80vh; /* 高度为窗口100%, 字体大小为窗口高度的10% */}
三、获取元素的高度wx.createSelectorQuery()//获取wxml节点信息api
返回一个SelectorQuery对象实例。可以在这个实例上使用select等方法选择节点,并使用boundingClientRect等方法选择需要查询的信息。
示例代码
Page({queryMultipleNodes: function(){var query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect(function(res){res.dataset // 节点的datasetres.width// 节点的宽度res.height// 节点的高度res.scrollLeft // 节点的水平滚动位置res.scrollTop // 节点的竖直滚动位置res.scrollX // 节点 scroll-x 属性的当前值res.scrollY // 节点 scroll-y 属性的当前值// 此处返回指定要返回的样式名res.marginres.backgroundColor})}})
selectorQuery 对象的方法列表