知晓程序注： 微信今天正式发布了 WeUI.js 动态视觉组件库。 这意味着，大家可以在小程序里面，直接使用在官方设计文档附录中的视觉组件（而不需要额外引入其他库）。...关注知晓程序（微信号 zxcx0101），回复「解读」，获取官方设计文档解读文章。 现在，就与知晓程序看看这份突如其来的「惊喜」含金量有多少吧。...概述 weui.js 是 WeUI 的轻量级 JS 封装，不需要依赖其它库，GZIP 后仅有 9.0 KB。...组件 actionsheet alert confirm dialog form gallery loading picker searchbar slider tab toast toptips uploader...文章来源：WeUI（微信号 weui_official） 本文由知晓程序原创出品，关注微信号 zxcx0101，回复「我要体验」获取亲手体验微信小程序的机会。
以下将展示微信小程序之表单组件form源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：表单。...当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。...使 form 组件可以识别到这个自定义组件内部的所有表单控件。...图片wx://form-field-button从基础库版本 2.10.3 开始提供支持。...使 form 组件可以识别到这个自定义组件内部的 button ， 如果自定义组件内部有设置了 form-type 的 button ，它将被组件外的 form 接受。
以下将展示微信小程序之媒体组件camera源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：系统相机。...扫码二维码功能，需升级微信客户端至6.7.3。需要用户授权 scope.camera。...flashstringauto否闪光灯，值为 auto , on, off1.0.0合法值说明最低版本auto自动on打开off关闭torch常亮2.8.0frame-sizestringmedium否指定期望的相机帧数据尺寸...2.7.0合法值说明small小尺寸帧数据medium中尺寸帧数据large大尺寸帧数据bindstopeventhandle否摄像头在非正常终止时触发，如退出后台等情况1.0.0binderroreventhandle...2.tip:请注意原生组件使用限制3.tip:onCameraFrame 接口根据 frame-size 返回不同尺寸的原始帧数据，与 Camera 组件展示的图像不同，其实际像素值由系统决定示例代码JAVASCRIPT
以下将展示微信小程序之表单组件radio源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：单选项目。...Bug & Tip1.tip: 若当前组件所在的页面或全局开启了 enablePassiveEvent 配置项，该内置组件可能会出现非预期表现（详情参考 enablePassiveEvent 文档）属性说明...当该radio 选中时，radio-group 的 change 事件会携带radio的value1.0.0checkedbooleanFALSE否当前是否选中1.0.0disabledbooleanFALSE...否是否禁用1.0.0colorstring#09BB07否radio的颜色，同 css 的color1.0.0示例代码JAVASCRIPT：Page({ onShareAppMessage() {
以下将展示微信小程序之表单组件picker源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：从底部弹起的滚动选择器。...，对于不同的mode，picker拥有不同的属性。...表示有效时间范围的开始，字符串格式为"hh:mm"endstring表示有效时间范围的结束，字符串格式为"hh:mm"bindchangeeventhandlevalue 改变时触发 change 事件...表示有效日期范围的开始，字符串格式为"YYYY-MM-DD"endstring表示有效日期范围的结束，字符串格式为"YYYY-MM-DD"fieldsstringday有效值 year,month,day...可为每一列的顶部添加一个自定义的项1.5.0levelstringregion选择器层级2.21.1bindchangeeventhandlevalue 改变时触发 change 事件，event.detail
以下将展示微信小程序之表单组件checkbox源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：多选项目。...属性说明：属性类型默认值必填说明最低版本valuestring否checkbox标识，选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value1.0.0disabledbooleanFALSE...否是否禁用1.0.0checkedbooleanFALSE否当前是否选中，可用来设置默认选中1.0.0colorstring#09BB07否checkbox的颜色，同 css 的color1.0.0示例代码
以下将展示微信小程序之表单组件label源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：用来改进表单组件的可用性。...使用 for 属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。 for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。...目前可以绑定的控件有：button, checkbox, radio, switch, input。...属性说明：属性类型默认值必填说明最低版本forstring否绑定控件的 id1.0.0示例代码：JAVASCRIPT：Page({ onShareAppMessage() { return {... label用for标识表单组件
以下将展示微信小程序之表单组件editor源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：富文本编辑器，可以对图片、文字进行编辑。...通过setContents接口设置内容时，解析插入的 html 可能会由于一些非法标签导致解析错误，建议开发者在小程序内使用时通过 delta 进行插入。...富文本组件内部引入了一些基本的样式使得内容可以正确的展示，开发时可以进行覆盖。...需要注意的是，在其它组件或环境中使用富文本组件导出的 html 时，需要额外引入 这段样式，并维护...的结构。
以下将展示微信小程序之表单组件switch源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：开关选择器。...1.0.0disabledbooleanFALSE否是否禁用1.0.0typestringswitch否样式，有效值：switch, checkbox1.0.0colorstring#04BE02否switch 的颜色...，同 css 的 color1.0.0bindchangeeventhandle否点击导致 checked 改变时会触发 change 事件，event.detail={ value}1.0.0示例代码
以下将展示微信小程序之表单组件button源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。 功能描述： 按钮。...否 微信开放能力 1.1.0 合法值 说明 最低版本 contact 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，具体说明 （*...回调中获取到用户信息，具体说明 （*小程序插件中不能使用*） 1.2.0 getUserInfo 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 （*小程序插件中不能使用..."提示，用户点击后可以快速发送小程序消息，open-type="contact"时有效 1.5.0 bindgetuserinfo eventhandle 否 用户点击该按钮时，会返回获取到的用户信息...4.tip: 从 2.21.2 起，对getPhoneNumber接口进行了安全升级，bindgetphonenumber 返回的信息中增加code参数，code是一个动态的令牌，开发者拿到code后需调用微信后台接口换取手机号
以下将展示微信小程序之表单组件textarea源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：多行输入框。...该组件是原生组件，使用时请注意相关限制。。...取`textarea`距离底部的距离和`cursor-spacing`指定的距离的最小值作为光标与键盘的距离1.0.0cursornumber-1否指定 focus 时的光标位置1.5.0show-confirm-barbooleanTRUE...3.tip : 键盘高度发生变化，keyboardheightchange事件可能会多次触发，开发者对于相同的 height 值应该忽略掉4.bug: 微信版本 6.3.30，textarea 在列表渲染时...，新增加的 textarea 在自动聚焦时的位置计算错误。
以下将展示微信小程序之媒体组件audio源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：音频。...属性说明：属性类型默认值必填说明最低版本idstring否audio 组件的唯一标识符1.0.0srcstring否要播放音频的资源地址1.0.0loopbooleanFALSE否是否循环播放1.0.0controlsbooleanFALSE...否是否显示默认控件1.0.0posterstring否默认控件上的音频封面的图片资源地址，如果 controls 属性值为 false 则设置 poster 无效1.0.0namestring未知音频否默认控件上的音频名字...，如果 controls 属性值为 false 则设置 name 无效1.0.0authorstring未知作者否默认控件上的作者名字，如果 controls 属性值为 false 则设置 author
以下将展示微信小程序之表单组件slider源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：滑动选择器。...取值必须大于 0，并且可被(max - min)整除1.0.0disabledbooleanFALSE否是否禁用1.0.0valuenumber0否当前取值1.0.0colorcolor#e9e9e9否背景条的颜色...（请使用 backgroundColor）1.0.0selected-colorcolor#1aad19否已选择的颜色（请使用 activeColor）1.0.0activeColorcolor#1aad19...否已选择的颜色1.0.0backgroundColorcolor#e9e9e9否背景条的颜色1.0.0block-sizenumber28否滑块的大小，取值范围为 12 - 281.9.0block-colorcolor...#ffffff否滑块的颜色1.9.0show-valuebooleanFALSE否是否显示当前 value1.0.0bindchangeeventhandle否完成一次拖动后触发的事件，event.detail
以下将展示微信小程序之表单组件input源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：输入框。...该组件是原生组件，使用时请注意相关限制属性说明：WebView：属性类型默认值必填说明最低版本valuestring是输入框的初始内容1.0.0typestringtext否input 的类型1.0.0...css 动画4.tip : 对于将 input 封装在自定义组件中、而 form 在自定义组件外的情况， form 将不能获得这个自定义组件中 input 的值。...此时需要使用自定义组件的 内置 behaviors wx://form-field5.tip : 键盘高度发生变化，keyboardheightchange事件可能会多次触发，开发者对于相同的 height...值应该忽略掉6.bug : 微信版本 6.3.30, focus 属性设置无效7.bug : 微信版本 6.3.30, placeholder 在聚焦时出现重影问题示例代码：JAVASCRIPT：Page
以下将展示微信小程序之媒体组件video源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：视频（v2.4.0 起支持同层渲染）。...2.tip：从 2.4.0 起 video 支持同层渲染，更多请参考原生组件使用限制3.tip: 若当前组件所在的页面或全局开启了 enablePassiveEvent 配置项，该内置组件可能会出现非预期表现...（详情参考 enablePassiveEvent 文档）错误码（errCode）支持的格式图片支持的编码格式图片小窗特性说明video 小窗支持以下三种触发模式（在组件上设置 picture-in-picture-mode...2.点击小窗，用户会被导航回小窗对应的播放器页面3.小窗出现后，用户可点击小窗右上角的关闭按钮或调用 context.exitPictureInPicture() 接口关闭小窗当播放器进入小窗模式后，播放器所在页面处于...DRM 加密播放1.小程序开发者获取到 DRM 加密的 视频地址、身份认证 url、license url2.使用 video 标签将以上几个参数填入3.小程序确认该 video 为 DRM 视频源，进行
以下将展示微信小程序之媒体组件image源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：图片。...（上下三屏）时才开始加载1.5.0show-menu-by-longpressbooleanFALSE否长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码...aspectFill/widthFix/heightFix，其余暂未支持，表现为居中webp无需指定，默认支持lazy-load受 scroll-view 按需渲染影响，默认生效支持长按识别的码类型说明最低版本小程序码微信个人码...2.18.0企业微信个人码2.18.0普通群码指仅包含微信用户的群2.18.0互通群码指既有微信用户也有企业微信用户的群2.18.0公众号二维码2.18.0Bug & Tip1.tip：image组件默认宽度...320px、高度240px2.tip：image组件中二维码/小程序码图片不支持长按识别。
以下将展示微信小程序之导航navigator源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：页面链接。...属性说明：属性类型默认值必填说明最低版本targetstringself否在哪个目标上发生跳转，默认当前小程序2.0.7合法值说明self当前小程序miniProgram其它小程序urlstring否当前小程序内的跳转链接...，打开的页面路径，如果为空则打开首页2.0.7extra-dataobject否当target="miniProgram"且open-type="navigate/navigateBack"时有效，需要传递给目标小程序的数据...trial体验版release正式版，仅在当前小程序为开发版或体验版时此参数有效；如果当前小程序是正式版，则打开的小程序必定是正式版。...关于调试在开发者工具上调用此 API 并不会真实的跳转到另外的小程序，但是开发者工具会校验本次调用跳转是否成功。开发者工具上支持被跳转的小程序处理接收参数的调试。
微信小程序官方组件展示之地图map源码 以下将展示微信小程序之地图map源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。...小程序解决方案 除本章节介绍的小程序地图基础属性外，腾讯位置服务推出《微信小程序解决方案》，从检索API、基础地图组件、个性化、插件、行业方案等多个层面，为不同场景需求的小程序开发者提供完整的地图能力。...详情见：个性化地图使用指南 小程序插件 腾讯位置服务基于微信提供的小程序插件能力，专注于（围绕）地图功能，打造一系列小程序插件，可以帮助开发者简单、快速的构建小程序，是您实现地图功能的最佳伙伴。...目前插件提供路线规划、地铁图、地图选点服务，详情见：小程序地图插件使用指南。...或者登陆位置服务官网的Webservice使用指南了解详细介绍。 微信小程序开发者可以使用海外地图进行展示，若需要海外检索能力，可在海外位置服务进行申请。
以下将展示小程序官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。...功能描述：视图容器属性说明：属性类型默认值必填说明最低版本hover-classstringnone否指定按下去的样式类。...当 hover-class="none" 时，没有点击态效果1.0.0hover-stop-propagationbooleanFALSE否指定是否阻止本节点的祖先节点出现点击态1.5.0hover-start-timenumber50
以下将展示微信小程序之画布canvas源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：画布。...属性说明：图片Bug & Tip1.tip：canvas 标签默认宽度300px、高度150px2.tip：同一页面中的 canvas-id 不可重复，如果使用一个已经出现过的 canvas-id，该...canvas 标签对应的画布将被隐藏并不再正常工作3.tip：请注意原生组件使用限制4.tip：开发者工具中默认关闭了 GPU 硬件加速，可在开发者工具的设置中开启“硬件加速”提高 WebGL 的渲染性能...小程序下，若当前组件所在的页面或全局开启了 enablePassiveEvent 配置项，该内置组件可能会出现非预期表现（详情参考 enablePassiveEvent 文档）Canvas 2D 示例代码...-- 当使用绝对定位时，文档流后边的 canvas 的显示层级高于前边的 canvas --><canvas style="width: 400px; height: 500px;" canvas-id
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
