mosowe-button 按钮

uniapp/uni_modules组件

下载地址

兼容性

平台	android	ios	微信小程序	H5
兼容	√	√	√	√

props

属性	类型	说明	默认
disabled	boolean	按钮禁用	false
type	normal / warning	按钮类型	normal
plain	boolean	朴素按钮	false
round	boolean/string	圆角，为true时两端半圆，false无圆角	8rpx
size	normal/small/mini	尺寸	normal
width	string	宽度	100%
loading	boolean	loading状态	false

emits

事件名	说明
click	按钮点击事件

slots

插槽名	说明
default	按钮文案
tip	按钮副文案

mosowe-button-group 按钮组

按钮之间间隙为20rpx，不换行，移动端建议最多三个

示例代码

<template>
  <mosowe-button>默认按钮</mosowe-button>
  <mosowe-button disabled>默认按钮禁用</mosowe-button>
  <mosowe-button type="warning">警告按钮</mosowe-button>
  <mosowe-button plain>朴素按钮</mosowe-button>
  <mosowe-button size="small">small按钮 size="small"</mosowe-button>
  <mosowe-button round>圆角按钮 round</mosowe-button>
  <mosowe-button width="300rpx">自定义宽度 width</mosowe-button>
  <mosowe-button>
    默认按钮
    <template #tip>按钮副文案</template>
  </mosowe-button>
  <view>按钮组</view>
  <mosowe-button-group>
    <mosowe-button>默认按钮</mosowe-button>
    <mosowe-button type="warning">警告按钮</mosowe-button>
  </mosowe-button-group>
</template>

贡献者

mosowe