wxml:
这里使用了一个列表循环
<view class='father'>
<block wx:for="{{arrays}}">
<view class='son' ></view>
</block>
</view>
wxss:
主要代码:
.father中:
white-space: nowrap;
overflow-x: auto;
.son中:
display: inline-block;
.father{
width:90%;
height:500px;
border: 1px solid #666666;
white-space: nowrap;
overflow-x: auto;
}
.son{
width:100px;
height:90px;
background: #e32432;
display: inline-block;
/* white-space: normal;
word-wrap: break-word; */
/* overflow: hidden; */
border: 1px solid #ffffff;
}
js:
因为是列表循环,所以才有JS,没有的话忽略
data: {
arrays:[
{},
{},
{},
{},
{}
],
},