uniapp 空格怎么打_uni-app 坑

本文总结了uni-app开发中遇到的一些问题及其解决办法,包括元素定位、props传参、textarea事件、CSS选择器限制、导航栏与状态栏重合以及获取节点信息的注意事项。针对不同平台的特性,提供了条件编译的适配方案。
摘要由CSDN通过智能技术生成

1.元素定位

因为顶部导航栏的存在,在使用定位时,每个平台计算位置时,对top:0的解析是不一致的。

先说结论:

H5中,顶部导航栏包含在内容区,而小程序的内容区不包含导航栏

在H5中,整个内容区是包括顶部导航栏的,所以为了定位元素不与之重叠,定位时需要加上导航栏的高度来避开它。例如:

position: fixed;

top:44px;

05e6a621f175918f388c52aa03a56c2e.png

微信小程序和app中,内容区已经排除了导航栏,所以无需计算导航栏的高度

position: fixed;

top:0;

c45f8d49e2072f455046ed7fb868bde6.png

解决办法:使用条件编译

position: fixed;

top:44px;

/* #ifdef MP-WEIXIN || APP-PLUS */

top:0;

/* #endif */

2.props传参只可接收,不可修改

子组价通过props接收的数据,只可接收,不可修改。也就是说,如果

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值