uniapp 微信小程序 自定义组件在渲染时会比App/H5端多一级节点
更新时间:2024-08-16 01:58
小程序开发注意
各家小程序实现机制不同，可能存在的平台兼容问题
- 浏览器内核差异
各家小程序的浏览器内核不同，可能会造成css兼容性问题，更多细节参考：https://ask.dcloud.net.cn/article/1318
- 自定义组件渲染差异
微信（可以使用virtualHost配置）/QQ/百度/抖音这四家小程序，自定义组件在渲染时会比App/H5端多一级节点，在写样式时需要注意：
- 使用
flex布局时，直接给自定义组件的父元素设置为display:flex不能影响到自定义组件内部的根节点，需要设置当前自定义组件为display:flex才可以。 - 在自定义组件内部设置根元素高度为100%，不能撑满自定义组件父元素。需要同时设置当前自定义组件高度为100%才可以。
支付宝小程序默认启用了virtualHost配置不会插入节点，一般不存在如上问题。