微信小程序学习(二)--组件

组件

• 组件是视图层的基本组成单元。
• 组件自带一些功能与微信风格的样式。
• 一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。
• 所有组件与属性都是小写，以连字符-连接

共同属性类型

属性名	类型	描述	注解
id	String	组件的唯一标示	保持整个页面唯一
class	String	组件的样式类	在对应的wxss中定义的样式类
style	String	组件的内联样式	可以动态设置的内联样式
hidden	Boolean	组件是否显示	所有组件默认显示
data-*	Any	自定义属性	组件上触发的事件时，会发送给事件处理函数
bind* / catch*	EventHandler	组件的事件	详见事件

组件列表

• 视图容器

• 基础内容容器

  • icon 图标
  • text 文字
  • progress 进度条

• 表单容器

  • button 按钮
  • form 表单
  • input 输入框
  • checkbox 单项选择器
  • radio 多项选择器
  • picker 列表选择器
  • slider 滑动选择器
  • switch 开关选择器
  • label 标签
• 操作反馈(Interaction)容器
  
  • action-sheet 上拉菜单
  • modal 模态弹窗
  • toast 短通知
• 导航(Navigation)
  
  • navigator 应用内跳转
• 多媒体(Media)
  
  • audio 音频
  • image 图片
  • video 视频
• 地图(Map)
  
  • map 地图
  • tip: 请勿在scroll-view中使用 map 组件
• 画布(Canvas)
  
  • canvas 画布