首页 > 其他 > 详细

视图容器组件使用

时间:2017-02-19 16:45:30      阅读:243      评论:0      收藏:0      [点我收藏+]

1.scroll-view  可滚动视图区域:

index.wxml:

<!--index.wxml-->
<view class="container">
  <scroll-view scroll-y="true" style="height: 200px;">
    <view id="green" class="scroll-view-item bc_green"></view>
    <view id="red"  class="scroll-view-item bc_red"></view>
    <view id="yellow" class="scroll-view-item bc_yellow"></view>
    <view id="blue" class="scroll-view-item bc_blue"></view>
  </scroll-view>
</view>

index.wxss:

.scroll-view-item{
  height: 200px;
}

.bc_green{
  background-color: green;
}

.bc_red{
  background-color: red;
}

.bc_yellow{
  background-color: yellow;
}
.bc_blue{
  background-color: blue;
}

实现效果如下: 可以进行滚动.

技术分享

 

2.

视图容器组件使用

原文:http://www.cnblogs.com/pengsi/p/6416174.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!