组件

智能小程序中提供了丰富多样的组件,开发者可以在 .swan 文件中,使用预设好的组件,拼装完成自己的智能小程序的页面。

如:使用 slider 组件

代码示例

  • SWAN
  1. <slider min="200" max="1500" value="{{switchDuration}}"></slider>

即可在页面上展示一个 slider 组件。

也可以在 slider 组件上绑定事件,在相应的组件事件发生时,得到回调与组件信息:

代码示例

  • SWAN
  • JS
  1. <slider min="200" max="1500" value="{{switchDuration}}" bind:change="changeSlider"></slider>
  1. Page({
  2. changeSlider: function () {
  3. console.log('changeSwitchDuration');
  4. }
  5. });

更多组件详情请参考组件列表