美文网首页007-2271-不出局
微信小程序之组件2

微信小程序之组件2

作者: 短暂瞬间 | 来源:发表于2018-11-06 22:53 被阅读3次

第61篇

极客时间《9小时搞定微信小程序开发》第四课:原生组件。

组件是框架为开发者提供的基本工具,可以通过组合这些组件进行快速开发。

什么是组件?

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

表单组件

表单组件

button: https://developers.weixin.qq.com/miniprogram/dev/component/button.html

checkbox
form input
label

从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。
普通选择器:mode = selector
多列选择器:mode = multiSelector
时间选择器:mode = time
日期选择器:mode = date
省市区选择器:mode = region


pickerview
radio
slider
switch textarea

导航组件


nav functional-page-navigator

媒体组件


audio
image
video: https://developers.weixin.qq.com/miniprogram/dev/component/video.html camera live-player
live-pusher

地图组件

maps
map: https://developers.weixin.qq.com/miniprogram/dev/component/map.html

画布组件

canvas
canvas: https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html

开放能力组件

opendata
web-view
ad
official-account

自定义组件

自定义组件

相关文章

  • 小程序好文集合

    组件篇 微信小程序:组件实践 整体梳理 微信小程序开发深入解读

  • 微信小程序-canvas压缩图片使用入门

    微信小程序canvas组件官方文档 微信小程序canvas组件官方文档canvas API canvas组件介绍 ...

  • 微信小程序日历组件开发

    # 微信小程序日历组件开发 微信小程序基础知识 微信小程序 框架介绍 组件文档 上述是开发小程序的基本知识。 今天...

  • 微信小程序基础

    微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...

  • 微信小程序之组件2

    第61篇 极客时间《9小时搞定微信小程序开发》第四课:原生组件。 组件是框架为开发者提供的基本工具,可以通过组合这...

  • 微信小程序组件探究和应用

    把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:sc...

  • 微信小程序性能优化实践

    历史回顾: 微信小程序自定义组件 - 表格组件来啦 通过微信小程序来实现 “钉钉打卡” 记一次微信小程序项目分包,...

  • 小程序相关实用文章

    1、微信小程序开发常见之坑2、微信小程序联盟-微信小程序开发社区-小程序3、怎么在弹窗中加入输入框4、微信小程序实...

  • 微信小程序组件化开发

    什么是组件化开发 微信小程序的组件和Vue的组件非常相似。 在微信小程序中有很多内置组件,比如button vie...

  • 小程序tab组件封装

    微信小程序tab组件封装 最近在做微信小程序的项目,下面就微信小程序中tab的tab功能封装成一个组件,在项目项需...

网友评论

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

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