微信小程序—组件

scroll-view组件的基本使用

scroll-y ：允许纵向滚动
scroll-x ：允许横向滚动
list.wxml:

<scroll-view class="container1" scroll-y>
  <view>a</view>
  <view>b</view>
  <view>c</view>
</scroll-view>

list.wcss:

.container1 view{
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.container1 view:nth-child(1){
 background-color:  aqua;
}
.container1 view:nth-child(2){
 background-color: yellow;
}
.container1 view:nth-child(3){
 background-color: blue;
}
.container1{
  border: 1px solid red;
  height: 110px;
  width: 100px;
}