组件

一个组件通常包括开始标签以及结束标签
例如：

所有的组件与属性都是小写，以连字符-连接

属性类型

Boolean：布尔值，组件上写上该属性，即表示true，只有将属性置为false才为false
Number：数字，1，2，33.3
String：字符串
Array：数组，[1，“hello”]
Object：对象，{key : value}
EventHandler：事件处理函数
Any：任意属性

共同属性
所有组件均具有
id：组件的唯一表示
class（wxss定义）
style，
hidden：组件是否显示
data-（自定义属性）
bind/catch*
（这里上边填写的*表示可以随便写）

特殊属性
组件自身特有，对该组件的功能或样式进行修饰，例如view

view

视图容器，页面划分区域块

scroll-view：可滚动，与view的功能相同，使用竖向滚动时，需要给一个固定高度，通过wxss设置height

<view class="container">
  <view>
    <text>vertical scroll</text>
    //通过scroll-y实现纵向滚动，它为Boolean属性
    //bindscrolltoupper：滚动到顶部/左边，触发scrollupper事件
    //bindscrolltolower：滚动到底部/右边，触发scrolllower事件
    //bindscroll：滚动时触发
    //scroll-top：设置竖向滚动条位置
    <scroll-view scroll-y style="height:200px;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-top="{{scrollTop}}">
    //以下四个块组成了scroll-view的内容
      <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>
    <button type="primary" bindtap="tapMove" >滚动</button>
  </view>

  <view>
    <text>horizontal scroll</text>
    //scroll-x实现横向滚动
    <scroll-view scroll-x="true" style="width:100%">
        <view class="scroll-view_H">
          <view class="scroll-view-item_H bc_green"></view>
          <view class="scroll-view-item_H bc_red"></view>
          <view class="scroll-view-item_H bc_yellow"></view>
          <view class="scroll-view-item_H bc_blue"></view>
        </view>
    </scroll-view>
  </view> 
</view>