小程序为什么显示嵌套异常

Posted 2023-05-16

参考技术A 小程序为啥显示嵌套异常？你好，很高兴接到你的回答，最后发现是因为 scroll-view 嵌套的原因,换成普通的 view 标签即可解决,这应该不是 uni-app 的问题,算是小程序本身的 bug。 参考技术B 最后发现是因为 scroll-view 嵌套的原因,换成普通的 view 标签即可解决,这应该不是 uni-app 的问题,算是小程序本身的 bug。

微信小程序scroll-view横向显示及异常显示处理

参考技术A 在微信小程序开发过程中，我们会经常使用到scroll-view组件，有时我们要在scroll-view中水平显示列表，类似这样：

但是当我们设置了scroll-view的flex-direction:row;等属性时，会发现没有用，列表依然垂直显示，像这样：

主要是因为display:flex;等属性对于scroll-view来说是没有用的，此时我们只需要设置子试图的属性display: inline-block;即可，不需要设置scroll-view的flex属性。

但是当我们设置完成后可能会出现一下情况：

会发现列表好像没有对齐，有两个子试图错位了，接下来我们可以通过设置子属性vertical-align:top;来解决，最后会得到我们想要的效果。