微信小程序_组件

1868 查看

1.基础组件:

什么是组件:


  • 组件是视图层的基本组成单元。

  • 组件自带一些功能与微信风格的样式。

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

2.属性类型


  • Boolean 布尔值 组件写上该属性,不管该属性等于什么,其值都为true
    ,只有组件上没有写该属性时,属性值才为false
    。如果属性值为变量,变量的值会被转换为Boolean类型

  • Number 数字 1
    , 2.5

  • String 字符串 "string"

  • Array 数组 [ 1, "string" ]

  • Object 对象 { key: value }

  • EventHandler 事件处理函数名 "handlerName"
    是 Page中定义的事件处理函数名

  • Any 任意属性

3.共同属性类型

id,class,style,hidden,data-*,bind* / catch*

4.特殊属性

几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰

5.组件列表

基础组件分为以下八大类:

视图容器(View Container):
view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content):
icon 图标, text 文字, progress 进度条

表单(Form):
button 按钮, form 表单, input 输入框, checkbox 多想选择器, radio 单选器, picker列表选择器, slider滚动选择器, switch 开关选择器, label标签.
操作反馈(Interaction)
action-sheet 上拉菜单
modal 模态弹窗
toast 消息提示框
loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image 图片, video 视频
地图

map 地图

画布Canvas
canvas 画布

flex: vt.折曲,使收缩; vi.玩去,收缩