微信小程序 button 组件的使用

小程序中的按钮

在小程序中，我们可以使用<button>标签来创建按钮。

<button>标签有以下属性：

• type：按钮类型，可选值为"default"（默认）、“primary”（主色调）、“warn”（警告）
• size：按钮尺寸，可选值为"normal"（默认）、“mini”（小尺寸）
• plain：是否镂空，可选值为true或false，默认为false

示例代码

<view>通过 type 指定按钮类型~</view>
<button>默认按钮</button>
<button type="primary">主色调按钮</button>
<button type="warn">警告按钮</button>

<view>size="mini"小尺寸按钮</view>
<button size="mini">默认按钮</button>
<button type="primary" size="mini">主色调按钮</button>
<button type="warn" size="mini">警告按钮</button>

<view>plain 镂空按钮</view>
<button size="mini" plain>默认按钮</button>
<button type="primary" size="mini" plain>主色调按钮</button>
<button type="warn" size="mini" plain>警告按钮</button>

效果展示

通过type属性指定按钮类型：

通过size属性指定小尺寸按钮：

通过plain属性制作镂空按钮：