组件

84 阅读1分钟

组件

1.小程序的组件

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

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

视图容器

  1. view : div

  2. scroll-view

     可滚动的视图区域
     常用来实现滚动列表效果
    
  3. swiper和swiper-.item

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

image.png

基础内容组件

1.text组件

通过text组件的selectable属性,实现长按选中文本内容的效果,可以达到长按复制的效果。

2.rich-text

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

image.png

3.button

  • 按钮组件
  • 功能比HTML中的button按钮丰富
  • 通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)

4.image

  • 图片组件
  • image组件默认宽度约300p、高度约240px

navigator

  • 页面导航组件
  • 类似于HTML中的a链接