微信开发--51小程序

摘要： switch 开关选择器组件说明: switch，开关选择器。只能选择或者不选。这种属于表单控件或者查询条件控件。 switch 开关选择器示例代码运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 阅读全文

摘要： slider滑动选择器组件说明: 滑动选择器。 slider滑动选择器示例代码运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 < 阅读全文

摘要： radio单选项目组件说明: radio:单选项目。 radio-group： 单项选择器，内部由多个<radio/>组成。 radio单选项目示例代码运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 阅读全文

摘要： picker滚动选择器组件说明: picker: 滚动选择器，现支持三种选择器，通过mode属性来区分， 分别是普通选择器(mode = selector)，时间选择器(mode = time)，日期选择器(mode = date)， 默认是普通选择器。 picker滚动选择器示例代码运行效果如下： 阅读全文

摘要： label标签组件说明: label标签，与html的label标签基本一样。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，就会自动将焦点转到和标签绑定的表单控件上，主要用来改进表单组件的 阅读全文

摘要： input输入框组件说明: 本文介绍input 输入框的各种参数及特性。 input输入框示例代码运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 <view 阅读全文

摘要： form表单组件说明: 表单，将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交。 当点击 <form/> 表单中 formType 为 submit 的<button/> 组件时，会将表单组件中的 val 阅读全文

摘要： checkbox复选项组件说明： checkbox是小程序表单组件中的一个组件，作用是在表单中引导用户做出选择。 要使用checkbox组件，还需要在同组中所有的checkbox标签外使用checkbox-group标签。 checkbox-group标签的作用是可以为其中的checkbox标签绑定 阅读全文

摘要： button按钮组件说明: button，顾名思义，按钮，类似于html的button标签。我们可以设置按钮的属性，比如字体颜色大小，背景颜色等，可以给按钮绑定事件，用户点击时会触发事件。 button按钮组件示例代码运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 ? 1 2 阅读全文

摘要： progress进度条组件说明: 进度条，就是表示事情当前完成到什么地步了，可以让用户视觉上感知事情的执行。progress进度条是微信小程序的组件，和HTML5的进度条progress类似。 progress进度条组件示例代码运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 阅读全文

摘要： text文本组件说明: text 文本就是微信小程序中显示出来的文本。 text文本组件的示例代码运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 ? 1 2 3 4 <view > <text>我是文本组件</text> </view> <text>{{text}}</tex 阅读全文

摘要： icon图标组件说明: icon是一种图标格式，用于系统图标、软件图标等，这种图标扩展名为.icon、.ico。常见的软件或windows桌面上的那些图标一般都是ICON格式的。在应用上面很多地方用到了icon图标,这样方便程序表述程序返回的操作状态,用户一眼就能看出应用返回的意思,提高用户体验,在 阅读全文

摘要： swiper滑块组件说明: 滑块视图容器，用于展示图片，可以通过用户拖拽和设置自动切换属性控制图片的切换 组件的使用示例的运行效果如下： 下面是WXML代码： [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 [/align] <sw 阅读全文

摘要： scroll-view可滚动视图区域组件说明: 可滚动视图区域。 组件用法：纵向滚动用法 Tip: 使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height，否则无法滚动。 当滚动到顶部时会触发bindscrolltoupper事件（具体可留意GIF输出） 当滚动到底部时会触发bind 阅读全文

摘要： view组件说明: 视图容器 跟HTML代码中的DIV一样，可以包裹其他的组件，也可以被包裹在其他的组件内部。用起来比较自由随意，没有固定的结构。 阅读全文