- 当前 Bug 的表现(可附上截图)
- 预期表现
期望可以横项滚动图片
- 复现路径
- 提供一个最简复现 Demo
代码代码:
wxml:
< block wx:for-item = "category" wx:for = "{{categories}}" > < view > < view > < text >{{category.name}}</ text > </ view > < scroll-view scroll-x> < block wx:for-item = "scene" wx:for = "{{category.scenes}}" > < image id = "{{index}}" src = "{{scene.url}}" ></ image > </ block > </ scroll-view > </ view > </ block > |
js:
Page({ data: { categories: [{ name: "L1" , scenes: [{ url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }, { url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }, { url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }, { url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }] }, { name: "L2" , scenes: [{ url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }, { url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }, { url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }, { url: "https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18092610" }] } ] } }) |
横向的内容要超过 scroll-view的宽度,设上
white-space: nowrap
white-space: nowrap;设上这个属性,里面的内容再做多行文本省略就会出现好多问题,好蛋疼啊
嘿嘿,你在里面包个view,设上 white-space:normal
骚操作可以,很实用