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

编辑如下，出现竖向滚动

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

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

</block>

</scroll-view>

</view>

yang50 1楼•4 年前

.scroll_father {

min-width: 50px;

white-space: nowrap;

}

.scroll_children {

width: 100px;

min-height: 80px;

display: inline-block;

}

guiying67 2楼•4 年前

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

na22 3楼•4 年前

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

junyuan 4楼•4 年前

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

uqiao 5楼•3 年前

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’

}