小程序(三) ---- 组件

  框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。

  一.组件定义

• 组件是视图层的基本组成单元。
• 组件自带一些功能与微信风格的样式。

• 一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。

  <tagname property="value">
    Content goes here ...
  </tagname>
  

  注意：所有组件与属性都是小写，以连字符-连接

  二.组件类别

       基础组件分为以下七大类：

      1.视图容器(View Container)：

组件名	说明
view	视图容器
scroll-view	可滚动视图容器
swiper	滑块视图容器

基础内容(Basic Content)：

组件名	说明
icon	图标
text	文字
progress	进度条

表单(Form)：

标签名	说明
button	按钮
form	表单
input	输入框
checkbox	多项选择器
radio	单项选择器
picker	列表选择器
picker-view	内嵌列表选择器
slider	滚动选择器
switch	开关选择器
label	标签

导航(Navigation)：

组件名	说明
navigator	应用链接

多媒体(Media)：

组件名	说明
audio	音频
image	图片
video	视频

地图(Map)：

组件名	说明
map	地图

画布(Canvas)：

组件名	说明
canvas	画布

组件列表

基础组件分为以下七大类：

视图容器(View Container)：

组件名	说明
view	视图容器
scroll-view	可滚动视图容器
swiper	滑块视图容器

基础内容(Basic Content)：

组件名	说明
icon	图标
text	文字
progress	进度条

表单(Form)：

标签名	说明
button	按钮
form	表单
input	输入框
checkbox	多项选择器
radio	单项选择器
picker	列表选择器
picker-view	内嵌列表选择器
slider	滚动选择器
switch	开关选择器
label	标签

导航(Navigation)：

组件名	说明
navigator	应用链接

多媒体(Media)：

组件名	说明
audio	音频
image	图片
video	视频

地图(Map)：

组件名	说明
map	地图

画布(Canvas)：

组件名	说明
canvas	画布

 

根据上面的内容，自己写了所有组件的小demo，放在github上面，地址是：

https://github.com/cutemantou/miniProgram-subgroup