样式不生效,莫名其妙

来源:5-9 基础卡片视图实现

慕先生8545594

2021-06-12

图片描述

图片描述

图片描述

图片描述为什么我把这个scoll-list封装成组建后,样式就不生效了呢?

==========研究了一个下午,恶补了一下弹性布局
关键就是display:flex,和子元素的flex:1,这样子元素就能占满父元素的剩下全部空间。
然而我试了很多种情况,发现如果子元素下还有子元素(孙子元素),并且它的高度是很高的,会使子元素的高度也撑大,这个时候就需要设置子元素overflow:hidden,但是设置了之后,就会出现滚动不了的情况,h5和小程序不同,h5能滚动的时候小程序滚不了,小程序能滚的时候h5滚不了,什么情况都被我试过了,只能说,真的有意思(算是知道为什么这么多人吐槽uni-app多坑了)
====最终解决办法=

图片描述

写回答

1回答

慕村6345035

2021-06-30

这所以有滚动不了的问题 ,是因为微信会多一层的节点 ,就会导致有些平台上的样式差异,你的这个问题 ,我后面都有解决。

0
0

uni-app实战 以项目为导向 掌握完整开发流程

跟着uni-app团队开发成员快速上手高效率框架,打通前后端,完成初级全栈开发

1104 学习 · 544 问题

查看课程