09-17基础内容的组件

text

1文本组件

类似于html中的span标签

2 rich-text

富文本组件

支持把html 字符串，渲染成wxml结构

在小程序里面。只有text组件的selectable属性支持长按选中文本内容的效果

用rich-text中的nodes

得到结果

其他常用组件

1botton

按钮组件

功能比html中button更丰富

<button>普通按钮</button>

<button type="primary">主色按钮</button>

<button type="warn">警告按钮</button>

<button size="mini">普通按钮</button>

<button type="primary" size="mini">主色按钮</button>

<button type="warn" size="mini">警告按钮</button>

其中type能够改变按钮的主色调是否是暗色还是灰色

size是能够改变按钮的大小，限定其大小

plain是镂空的按钮 <button type="warn" size="mini" plain>警告按钮</button>

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

image

图片组件

图片

这里需要注意的是在图片要在这个项目的目录中。图片和目录名为英文

这里图片有点变形

是因为mode属性，会裁剪和缩放图片

用了宽填满