美文网首页微信小程序(Mini Program)
微信小程序之基础组件

微信小程序之基础组件

作者: 大仙爷 | 来源:发表于2018-06-19 23:35 被阅读0次

    微信小程序为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。
    组件的定义
    1.组件是视图层的基本组成单元。
    2.组件自带一些功能与微信风格的样式。
    3.一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。
    基础组件分为以下八大类:

    视图容器(View Container):

    组件名 说明
    view 视图容器(可当做div)
    scroll-view 可滚动视图容器
    swiper 可滑动的视图容器(可当做轮播图)

    基础内容(Basic Content):

    组件名 说明
    cover-view 覆盖在原生组件之上的文本视图,可覆盖的原生组件包括map、video、canvas、camera等等,只支持嵌套cover-view、cover-image。
    movable-view 可移动的视图容器,在页面中可以拖拽滑动
    icon 图标
    text 文本
    rich-text 富文本
    progress 进度条

    表单(Form):

    组件名 说明
    button 按钮
    checkbox 多项选择器
    form 表单
    input 输入框
    label 使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。
    picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器
    picker-view 嵌入页面的滚动选择器
    radio-group 单项选择器,内部由多个<radio/>组成
    slider 滑动选择器
    switch 开关选择器
    textarea 多行输入框

    导航(Navigation):

    组件名 说明
    navigator 页面链接

    媒体组件(Media):

    组件名 说明
    audio 音频 注意1.6.0 版本开始,该组件不再维护。官方建议使用能力更强的 wx.createInnerAudioContext 接口,暂不做进一步说明!
    image 图片
    video 视频
    camera 系统相机,1.6.0版本以上。需要用户授权
    live-player 实时音视频播放
    live-pusher 实时音视频录制

    camera,live-player,live-pusher都需要用户授权,live-player和live-pusher,暂只针对如下类目开放,社交 直播
    教育 在线教育
    医疗 互联网医院,公立医院
    政务民生 所有二级类目
    金融 基金、信托、保险、银行、证券/期货、非金融机构自营小额贷款、征信业务、消费金融

    地图(Map):

    组件名 说明
    map 地图

    画布(Canvas):

    组件名 说明
    canvas 画布

    开放能力

    组件名 说明
    open-data 用于展示微信开放的数据
    web-view 用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。
    ad 广告。目前暂时以邀请制开放申请,后续可能陆续开放

    暂有基础组件如上所述,后期仍不定期更新。

    相关文章

      网友评论

        本文标题:微信小程序之基础组件

        本文链接:https://www.haomeiwen.com/subject/dowzeftx.html