• 组件

组件

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

如：使用 slider 组件

代码示例

• SWAN

 
 
 

  
  
  
<slider min="200" max="1500" value="{{switchDuration}}"></slider>
 
 
 

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

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

代码示例

• SWAN
• JS

 
 
 

  
  
  
<slider min="200" max="1500" value="{{switchDuration}}" bind:change="changeSlider"></slider>
 
 
 

 
 
 

  
  
  
Page({
  
  
  
 changeSlider: function () {
  
  
  
 console.log('changeSwitchDuration');
  
  
  
 }
  
  
  
});
 
 
 

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