小程序学习之小程序组件(二)基础内容组件

1.icon   图标组件,可自定义其类型、大小和颜色。

  • type   图标类型
  • size    图标大小,px
  • color  图标颜色

type属性值对应的样式:

小程序学习之小程序组件(二)基础内容组件

2.text   文本组件

组件对应属性:

小程序学习之小程序组件(二)基础内容组件

space属性值:

小程序学习之小程序组件(二)基础内容组件

注意事项:

小程序学习之小程序组件(二)基础内容组件

3.rich-text   富文本组件

组件对应属性:

小程序学习之小程序组件(二)基础内容组件

示例:

小程序学习之小程序组件(二)基础内容组件

ps:nodes属性推荐使用Arrray类型,因为<rich-text>组件会将String类型转换为Array类型,内容多的时候性能会有所下降。

Array类型目前支持两种节点,元素节点和文本节点,支持的事件有tap、touchstart、touchmove、touched、longtap

  • 元素节点  type='node'时为元素节点效果,不支持id属性

小程序学习之小程序组件(二)基础内容组件

  • 文本节点  type='text'时为文本节点效果

小程序学习之小程序组件(二)基础内容组件

4.progress   进度条组件

该组件对应属性:

小程序学习之小程序组件(二)基础内容组件