在uni-app框架中,设置一个控件或组件的高度,而且是动态设置,具体如何实现?
工具/原料
uni-app
HBuilderX
微信小程序
微信小程序开发工具
PPT
截图工具
笔记本电脑
方法/步骤
1、在已打开的HBuilderX开发工具中,创建uni-app项目
2、在对应的标签元素中,插入一个view标签,并设置样式
3、结果发现这样绑定样式,会编译出错;使用动态绑定class属性
4、在data对象中,利用对象形式设置高度属性
5、结果发现动态绑定class属性也不对,改为动态绑定style
6、在onLoad周期函数中,获取屏幕高度和宽度赋值给变量;然后编译查看效果