小程序的宿主环境 - 组件
1.小程序中组件的分类
小程序中组件也是由宿主环境提供的,开发这可以基于组件快速搭建出漂亮的页面结构。官方把小程序组件大致分为9大类,分别是:
- 视图容器
- 基础内容
- 表单组件
- 导航组件
- 媒体组件
- map地图组件
- canvas组件
- 开放能力
- 无障碍访问
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属性值如下: