组件

360小程序提供了丰富的基础组件给开发者,开发者可以像搭积木一样,组合各种组件拼合成自己的小程序。

就像 HTML 的 div, p 等标签一样,在小程序里边,你只需要在 WXML 写上对应的组件标签名字就可以把该组件显示在界面上,例如,你需要在界面上一个默认按钮,你只需要这样写即可:

  1. <se-button type="default">默认按钮</se-button>
  2. <se-button type="primary">主要按钮</se-button>
  3. <se-button type="warn">警告按钮</se-button>
  4. <se-button type="danger">危险按钮</se-button>

组件 - 图1

使用组件的时候,还可以通过属性传递值给组件,让组件可以以不同的状态去展现,例如,我们希望默认按钮呈现置灰禁用态:

  1. <div>
  2. <se-button disabled type="default">按钮</se-button>
  3. <se-button disabled type="primary">按钮</se-button>
  4. <se-button disabled type="warn">按钮</se-button>
  5. <se-button disabled type="danger">按钮</se-button>

组件 - 图2

更多组件参考后文。