【第八节：微信小程序 小程序UI组件E】微信小程序入门，以思维导图的方式展开8

 如果看不清图，可私信给发大图哈。

 8、小程序UI组件E

    视图容器(View Container)

        view    视图容器

            hover    Boolean    false    是否启用点击态
            hover-class    String    none    指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
            hover-start-time    Number    50    按住后多久出现点击态，单位毫秒
            hover-stay-time    Number    400    手指松开后点击态保留时间，单位毫秒

        scroll-view    可滚动视图容器

            scroll-x    Boolean    false    允许横向滚动
            scroll-y    Boolean    false    允许纵向滚动
            upper-threshold    Number    50    距顶部/左边多远时（单位px），触发 scrolltoupper 事件
            lower-threshold    Number    50    距底部/右边多远时（单位px），触发 scrolltolower 事件
            scroll-top    Number        设置竖向滚动条位置
            scroll-left    Number        设置横向滚动条位置
            scroll-into-view    String        值应为某子元素id（id不能以数字开头），则滚动到该元素，元素顶部对齐滚动区域顶部，只支持纵向滚动
            scroll-with-animation    Boolean    false    在设置滚动条位置时使用动画过渡
            enable-back-to-top    Boolean    false    iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向
            bindscrolltoupper    EventHandle        滚动到顶部/左边，会触发 scrolltoupper 事件
            bindscrolltolower    EventHandle        滚动到底部/右边，会触发 scrolltolower 事件
            bindscroll    EventHandle        滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

        swiper    滑块视图容器

            indicator-dots    Boolean    false    是否显示面板指示点
            indicator-color    Color    rgba(0, 0, 0, .3)    指示点颜色
            indicator-active-color    Color    #000000    当前选中的指示点颜色
            autoplay    Boolean    false    是否自动切换
            current    Number    0    当前所在页面的 index
            interval    Number    5000    自动切换时间间隔
            duration    Number    500    滑动动画时长
            circular    Boolean    false    是否采用衔接滑动
            bindchange    EventHandle        current 改变时会触发 change 事件，event.detail = {current: current}

    基础内容(Basic Content)

        icon    图标

            type    String        icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
            size    Number    23    icon的大小，单位px
            color    Color        icon的颜色，同css的color

        text    文字

            selectable    Boolean    false    文本是否可选
        progress    进度条
            percent    Float    无    百分比0~100
            show-info    Boolean    false    在进度条右侧显示百分比
            stroke-width    Number    6    进度条线的宽度，单位px
            color    Color    #09BB07    进度条颜色 （请使用 activeColor）
            activeColor    Color        已选择的进度条的颜色
            backgroundColor    Color        未选择的进度条的颜色
            active    Boolean    false    进度条从左往右的动画