您的位置首页生活百科

uni-app 动态设置高度

uni-app 动态设置高度

的有关信息介绍如下:

uni-app 动态设置高度

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

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

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

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

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

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

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

1、创建uni-app

2、新建页面文件

3、动态绑定样式

4、动态获取高度

5、函数重新赋值

6、保存编译预览