【小程序】小程序常用组件

一、小程序组件的分类

        1.视图组件；2.基础组件；3.表单组件；4.导航组件；5.媒体组件；6.map地图组件；7.canvas画布组件；8.开放能力；9.无障碍访问

二、常用的视图容器类组件

        1、view

                普通视图区域，类似于HTML的div，是一个块级元素；

                常用来实现页面的布局效果；

        2、scroll-view

                可滚动的视图区域；

                常用来实现滚动列表效果

                标签属性 scroll-y   注意：外侧盒子要给高度

        3、swiper和swiper-item

                轮播图

属性	类型	默认值	说明
indicator-dots	boolean	false	是否显示面板指示点
indicator-color	color	rgba(0,0,0,.3)	指示点颜色
indicator-active-color	color	#000000	当前选中的指示灯颜色
autoplay	boolean	false	是否自动切换
interval	number	5000	自动切换时间间隔
circular	boolean	false	是否采用衔接滑动

        4、text

                通过text组件的selectable属性，实现长按选中文本内容的效果。

        5、rich-text

                通过rich-text组件的nodes属性节点，把HTML字符串渲染为对应的UI结构

        6、button

                通过open-type属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等）

                type=“primary” size=“mini”  主色调按钮

                type=“warn”  警告按钮

        7、image

                图片组件，默认宽度约300px、高度约240px

        

mode值	说明
scaleToFill	默认值，
aspectFit	保持纵横比，使图片的长边显示出来
aspctFill	保持纵横比，使图片的短边显示出来
widthFix	宽不变，高度自动变化
hightFix	高不变，宽度自动变化

        8、navigator

                类似于a链接