uni-app 动态设置高度

  • uni-app 动态设置高度1
  • uni-app 动态设置高度2
  • uni-app 动态设置高度3
  • uni-app 动态设置高度4
  • uni-app 动态设置高度5
  • uni-app 动态设置高度6
  • uni-app 动态设置高度7
分步阅读

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

uni-app 动态设置高度

工具/原料

  • uni-app
  • HBuilderX
  • 微信小程序
  • 微信小程序开发工具
  • PPT
  • 截图工具
  • 笔记本电脑

方法/步骤

  1. 1

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

    uni-app 动态设置高度
  2. 2

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

    uni-app 动态设置高度
  3. 3

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

    uni-app 动态设置高度
  4. 4

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

    uni-app 动态设置高度
  5. 5

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

    uni-app 动态设置高度
  6. 6

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

    uni-app 动态设置高度
    END
  7. 6
    本页面未经许可获取自百度经验

总结

  • 1、创建uni-app

    2、新建页面文件

    3、动态绑定样式

    4、动态获取高度

    5、函数重新赋值

    6、保存编译预览

    uni-app 动态设置高度
    END

注意事项

  • 注意uni-app 动态设置高度
  • 注意uni-app如何转换成微信小程序
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签微信小程序