养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

uni-app 动态设置高度

时间:2024-10-04 05:30:57

在uni-app框架中,设置一个控件或组件的高度,而且是动态设置,具体如何实现?

uni-app 动态设置高度

工具/原料

uni-app

HBuilderX

微信小程序

微信小程序开发工具

PPT

截图工具

笔记本电脑

方法/步骤

1、在已打开的HBuilderX开发工具中,创建uni-app项目

uni-app 动态设置高度

2、在对应的标签元素中,插入一个view标签,并设置样式

uni-app 动态设置高度

3、结果发现这样绑定样式,会编译出错;使用动态绑定class属性

uni-app 动态设置高度

4、在data对象中,利用对象形式设置高度属性

uni-app 动态设置高度

5、结果发现动态绑定class属性也不对,改为动态绑定style

uni-app 动态设置高度

6、在onLoad周期函数中,获取屏幕高度和宽度赋值给变量;然后编译查看效果

uni-app 动态设置高度

© 一点知识