WXOPEN Club

scroll-view 无法实现横向滚动,出现的是竖向滚动。

发布于 6 年前作者 zhouchao12858 次浏览最后编辑 6 年前来自 ask

编辑如下，出现竖向滚动

<view class=‘section’>

       <view class=‘section_title’>test</view>

         <scroll-view scroll-x=‘ture’>

           <block wx:for=‘{{homeurls}}’ wx:key=‘{{item}}’>

             <image class=‘section_image’ src=‘{{item.pic}}’></image>

             <view class=‘section_text’ src=‘{{item.title}}’>{{item.title}}</view>

           </block>

         </scroll-view>

</view>

5 回复
yang50
yang501 楼6 年前

.scroll_father {

min-width: 50px;

white-space: nowrap;

}

.scroll_children {

width: 100px;

min-height: 80px;

display: inline-block;

}

guiying67
guiying672 楼6 年前

<scroll-view scroll-x=‘{{ture}}’>

na22
na223 楼6 年前

谢谢 收到  是的 少了一个display属性

junyuan
junyuan4 楼6 年前

不好意思  好像你这个没有器作用  之前已经试过了@张峰

uqiao
uqiao5 楼5 年前

xss：

.section{

 height: 300px;

 width: 100%;

}

.section_title{

 width: 100%;

 height: 60rpx;

 font-weight: bold;

 font-size: 20px;

 color: grey;

 display: flex;

 align-items: center;

 justify-content: center;

}

.section_image{

 height: 90px;

 width: 33.333%;

}

.section_text{

 height: 15px;

 width: 100%;

 font-size: 13px;

 text-align: center;

}

.js

 homeurls:[

     {pic:‘http://www.000/File/DS0418(3).jpg’,

      title:‘000’,

     },

     {pic:‘http://www.000/File/DS1378.jpg’,

      title:‘000’

     },

     {pic:‘http://www.000/File/DS0362.jpg’,

      title:‘000’,

     },

     {pic:‘http://www.000/File/DS2843.jpg’,

      title:‘000’,

     },

     {pic:‘http://www.000/File/DS2886(2).jpg’,

      title:‘000’,

     },

     {pic:‘http://www.000/File/DS2795(1).jpg’,

      title:‘000’

     }

   ],