??斗地主捕鱼电竞提现秒到 广告位招租 - 15元/月全站展示
??支付宝搜索579087183领大额红包 ??伍彩集团官网直营彩票
??好待遇→招代理 ??伍彩集团官网直营彩票
??络茄网 广告位招租 - 15元/月全站展示
微信小程序_基础组件大全

转载   百度小程序   2018-11-12   浏览量:30


微信小程序_基础组件


彩票开奖查询 www.kbyp.net 微信小程序为小程序开发者提供了一系列小程序基础组件,开发者可以通过组合这些小程序基础组件进行微信小程序的快速开发。

微信小程序组件是什么?微信小程序组件怎么用?

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

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

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

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

    注意:所有小程序组件与属性都是小写,以连字符-连接


一、微信小程序_属性类型


类型描述注解
Boolean布尔值组件写上该属性,不管该属性等于什么,其值都为true,只有组件上没有写该属性时,属性值才为false。如果属性值为变量,变量的值会被转换为Boolean类型
Number数字12.5
String字符串"string"
Array数组[ 1, "string" ]
Object对象{ key: value }
EventHandler事件处理函数名"handlerName"Page中定义的事件处理函数名
Any任意属性


二、微信小程序_共同属性类型


所有组件都有的属性:

属性名类型描述注解
idString组件的唯一标示保持整个页面唯一
classString组件的样式类在对应的wxss中定义的样式类
styleString组件的内联样式可以动态设置的内联样式
hiddenBoolean组件是否显示所有组件默认显示
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进入客服会话按钮


转载自://blog.51cto.com/13598411/2315935

招聘 不方便扫码就复制添加关注:程序员招聘谷,微信号:jobs1024



微信小程序_文档_03_框架_视图层_WXML_数据绑定_列表渲染_事件处理
视图层框架的视图层由WXML与WXSS编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言,结合?WXML,可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component...
注册微信小程序有什么步骤
随着互联网发展,不少人在犹豫和观望,为如何快速注册一个微信小程序感到发愁,在为怎么建一个简洁大方的小程序感到迷茫。那么注册一个微信小程序步骤有什么呢,小程序有什么作用呢,这是许多电商企业都考虑的问题。
如何注册微信小程序
在微信上可以将自己的功能应用放在微信小程序平台上运行,那么微信小程序如何注册呢?许多开发者在刚开始使用的时候都会有或多或少的问题。在微信小程序界面当中,开发者可以通过注册只属于微信小程序使用者的微信来进行登录,登录成功之后,需要去填写个人信息。
怎么选择制作微信小程序公司
互联网新时代来临之后,各大传统行业面临着转型的局面,更是在微信的影响,涌现了很多关于小程序的行业。那么怎么选择制作微信小程序公司,相信这是不少企业和商家都想了解的问题。
调用微信公众平台的分享接口,自己分享的只有自己能看见图片别人却看不见是为什么?
调用微信公众平台的分享接口,自己分享的只有自己能看见图片别人却看不见是为什么?
微信公众号开发时hashcode为定值(da39a3ee5e6b4b0d3255bfef95601890afd80709)问题如何解决?
微信公众号开发时hashcode为定值(da39a3ee5e6b4b0d3255bfef95601890afd80709)问题如何解决?问题描述:hashcode为定值(我这边是da39a3ee5e6b4b0d3255bfef95601890afd80709),因为hashcode是由token,timestamp,nonce三个变量决定的,所以由常识知道问题出在算法上,
基于Django的微信公众号开发之实现消息的接收与发送
基于Django的微信公众号开发之实现消息的接收与发送。准备工作:在正式开始之前,需要做一些准备:a:安装好wechat_sdk;b:成功通过了微信公众号的开发者认证;c:新建一个应用(不是必须的),我新建了一个dict应用
微信公众号开发步骤(缩减版)
微信公众号开发步骤(缩减版)。使用框架:wx-tools:三、调用WxService来实现业务逻辑。这里有必要介绍一下wx-tools的四大组件。WxMessageRouter消息路由器WxMessageMatcher(接口)消息匹配器WxMessageInterceptor(接口)消息拦截器WxMessageHandler(接口)消息处
微信小程序开发教程之全局变量及封装网络请求
微信小程序开发教程之全局变量及封装网络请求。App({globalData:{requestUrl:
微信公众号支付设计代码之下单支付
微信公众号支付设计代码之下单支付。本页面是微信授权后微信回访的页面,微信回访时,会带一个名为code的参数,页面需要将code通过ajax请求到后台,然后后台通过公众号的appid和code去微信后台换取用户的openid,然后在使用服务商的appid和换取到的openid后台调用微信统一下