scroll-view踩坑记录
【scroll-view踩坑记录】要求每个盒子可以手动进行横向拖动，类似bilibili顶部菜单栏，但是在scroll-view设置了scroll-x没有生效，在css中给scroll-view设置了display：flex还是没有生效
第一次编写的代码
WXML
-view scroll-x class="wrap_box">
1
1
1
1
1
WXSS
.wrap_box{
display: flex;
}
.box{
height: 50px;
width: 50px;
background-color: red;
margin-right: 10px;
}
执行以后依旧是垂直排列，没有达到理想的效果
通过查找，发现scroll-view默认是block，并在Scroll-View 组件的scroll-x属性不起作用找到了解决办法，只要把scroll-view设置white-space：nowrape，内部需要拖动的元素设置为inline-block即可
.wrap_box{
white-space: nowrap;
}
.box{
display: inline-block;
height: 50px;
width: 50px;
background-color: red;
margin-right: 10px;
}
总结：
需要给scroll-view设置white-space：nowrap
内部需要拖动的子元素设置inline-block
推荐阅读
- 20170612时间和注意力开销记录
- 【剽悍读书营成长记录】2018年我收获了什么|【剽悍读书营成长记录】2018年我收获了什么 3357－小松
- 记录iOS生成分享图片的一些问题，根据UIView生成固定尺寸的分享图片
- 课后分享记录
- 感赏15+投射
- Day5+5组+小鹿#写手账，就是记录你一生的帐
- 不知不觉，他们又长大了一点
- 记录下有意义的事2021-05-14
- 记录女儿今天做得不错的地方
- 记录20080526