码迷,mamicode.com
首页 > 其他好文 > 详细

视图容器组件使用

时间:2017-02-19 16:48:04      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:style   pre   scroll   XML   组件   dex   实现   bsp   技术分享   

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.

视图容器组件使用

标签:style   pre   scroll   XML   组件   dex   实现   bsp   技术分享   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!