微信小程序 scroll-view 嵌套 for 循环

  • 问题描述:
    scroll-view 内嵌套写死的内容时,可正常滑动,嵌入for循环内容时换行无法滑动。

  • 给scroll-view加上style="white-space: nowrap;"不换行就解决了。

  • 修改后代码

<scroll-view scroll-x="true" style="white-space: nowrap;">
  	<view wx:for="{{list}}" wx:for-item="label" style='display: inline-block;'>
		<text class="labelItem">{{label.content}}text>
	view>
scroll-view>
data: {
  list: [{content:"内容1"}, {content:"内容2"}, {content:"内容3"}, {content:"内容4"},{content:"内容5"},{content:"内容6"}]
}

你可能感兴趣的:(小程序开发)