pp电子

登录
免费开通
产品中心
更多服务

微信小程序官方基础组件库,微信小程序组件列表

—— 2017 ——
12/25
00:00

泉源：

作者：未知

阅读：0

栏目：小程序开发

2017/12/25 0:00:00 泉源：不详 作者：未知

基础组件

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

什么是组件：

  • 组件是视图层的基本组成单位。。。。。。
  • 组件自带一些功效与微信气概的样式。。。。。。

  • 一个组件通常包括最先标签和竣事标签，，，，，属性用来修饰这个组件，，，，，内容在两个标签之内。。。。。。

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

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

属性类型

类型 形貌 注解
Boolean 布尔值 组件写上该属性，，，，，不管该属性即是什么，，，，，其值都为true，，，，，只有组件上没有写该属性时，，，，，属性值才为false。。。。。。若是属性值为变量，，，，，变量的值会被转换为Boolean类型
Number 数字 1, 2.5
String 字符串 "string"
Array 数组 [ 1, "string" ]
Object 工具 { key: value }
EventHandler 事务处理函数名 "handlerName"是Page中界说的事务处理函数名
Any 恣意属性  

配合属性类型

所有组件都有的属性：

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

特殊属性

险些所有组件都有各自界说的属性，，，，，可以对该组件的功效或样式举行修饰，，，，，请参考各个组件的界说。。。。。。

组件列表

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

视图容器(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 画布

 

客服会话：

组件名 说明
contact-button 进入客服会话按钮

更多微信小程序开发教程，，，，，可以关注。。。。。。
【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿，，，，，由于未联系到知识产权人或未发明有关知识产权的挂号，，，，，若有知识产权人并不肯意我们使用，，，，，若是有侵权请连忙联系。。。。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真，，，，，仅系客观性形貌，，，，，如您需要相识该类商品/服务详细的资讯，，，，，请您直接与该类商品/服务的提供者联系。。。。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商，，，，，恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。。

KESION 一直通过手艺立异，，，，，提供产品和服务，，，，，助力企业向数字化转型，，，，，通过科技驱动商业刷新，，，，，让商业变得更智慧！



▼点击进入pp电子官网相识更多



上/下篇

  • 微信小程序性能优化,小程序Trace 导出工具

    微信 Andoid 6.5.10 最先，，，，，我们提供了 Trace 导出工具，，，，，开发者可以在开发者工具 Trace Panel 中使用该功效。。。。。。 使用要领 PC 上需要先装置 adb 工具，，，，，可以参考一些主流教

    微信小程序开发微信小程序SaaS 2017/12/25 0:00:00

  • 微信小程序可转动视图区域scroll-view,scroll-view可转动视图区域

    scroll-view 可转动视图区域。。。。。。 属性名 类型 默认值 说明 scroll-x Boolean false 允许横向转动 scroll-y Boolean false 允许纵向转动 upper

    微信小程序开发微信小程序 2017/12/22 0:00:00
换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序官方基础组件库,微信小程序组件列表 - KESIO