小程序的宿主环境 组件

小程序的宿主环境 - 组件

1.小程序中组件的分类

小程序中组件也是由宿主环境提供的，开发这可以基于组件快速搭建出漂亮的页面结构。官方把小程序组件大致分为9大类，分别是：

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

2.常见的视图容器类组件

view

        普通视图区域

        类似于HTML中的div，是一个块级容器

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

scroll-view

        可滚动的视图区域

        常用来实现滚动列表效果

swiper 和 swiper-item

        轮播图容器组件 和 轮播图item组件

3.view 组件的基本使用

实现flex 横向布局效果：

4.scroll-view 组件的基本使用

5.swiper 和 swiper-item组件的基本使用

6.swiper 组件的常用属性

7.常用的基础内容组件

text

        文本组件

        类似于HTML中的span标签，是一个行内元素

rich-text

        富文本组件

        支持把所有的HTML字符串渲染为WXML结构

 8.其它常用组件

button

        按钮组件功能

        功能比HTML中的button按钮丰富

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

image

        图片组件

        image 组件默认宽度300px 高度约240px

navigator

        页面导航组件

        类似于HTML中的a链接

        

9.button的基本使用

10.image 组件的基本使用

image组件中mode属性用来指定图片的裁剪和缩放模式，常用的mode属性值如下：