微信小程序: scroll-view x軸 不能滾動

1、參考鏈接:https://blog.csdn.net/qq_35324453/article/details/81943899

2、代碼

(1)scroll-x="true"

(2)父容器:white-space: nowrap;

(3)子元素:display:inline-block

<scroll-view class="m-menu" scroll-x="true">
    <navigator  class="item" url="{{item.iconUrl}}" wx:for="{{channel}}" wx:key="{{item.categoryId}}" wx:for-index="index"  wx:if="{{index<=5}}">
      <image src="{{item.iconUrl}}" background-size="cover"></image>
      <text>{{item.categoryName}}</text>
    </navigator>
  </scroll-view>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章