scroll-view为滚动视图,分为水平滚动和垂直滚动。
注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。
滚动视图常用的地方一般都是Item项比较多的界面,
可以使用的有: cover-view 、 cover-image , button , <ad> , <navigator> ,其他的一律不显示
意思就是要么设置四周的边框,要么就不显示,单独使用 border-left , border-right , border-top , border-bottom 都不会显示,那么问题来了,如果要绘制类似于表格的东西,单元格之间边框肯定会很粗,这就需要单独设置某一条边的边框,这恰恰是 cover-view 不支持的,例如:
微信开发者工具上看好的很:
然而我们再来看看真机上:
Android上同样不显示
有问题就要解决啊,于是又弄了这么个解决办法:所谓边框就是4条线吧,那我们手动创建这四条线:
开发工具上完全符合我的需求啊,当时就乐的不行,感觉自己是个天才,而且ios上也好的很,可是,偏偏Android让人头疼:
cover-view 的定位还是有点问题,遇到这样子的也真是无解了
正常应该是这样的:
但就是因为用了 cover-view ,才出现这个样子:
在子节点溢出父节点后,溢出部分就被吃掉了,这种情况只在 cover-view/cover-image 出现,只能把超出的那个 cover-view 提到上一层去了,但是这又会掉到新的坑里去了,这里很明显有个层级问题
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)