text
1文本组件
类似于html中的span标签
2 rich-text
富文本组件
支持把html 字符串,渲染成wxml结构
在小程序里面。只有text组件的selectable属性支持长按选中文本内容的效果

得到结果

其他常用组件
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属性,会裁剪和缩放图片

网友评论