iot-ui/docs/Btn.md

基于快应用的IoT组件库

### Btn按钮

属性:

| 属性  | 说明   |  类型 | 默认值  |
| -----| ---- | ---- | ---- |
| title | 按钮显示的文字 | string | 空字符串 |
| type | 设置按钮类型，可选值为 primary default dashed或者不设| string | default |
| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |
|  ontap | 点击按钮事件 | | |

### 注意 ⚠️

```
 1.0.0 版本点击按钮事件使用 onevt-click 而非 ontap

```

### 示例
``` html 

<import name="Btn" src="iot-ui/Btn/index.ux"></import>
<template>
  <div class="box">
    <div class="item">
      <Btn
        type="{{type}}"
        title="{{title}}"
        block="{{block}}"
        ontap="handleClickButton"
      ></Btn>
    </div>
    <div class="item"><Btn type="dashed" title="取消"></Btn></div>
  </div>
</template>

<style lang="less">
.box {
  flex-direction: column;

  justify-content: center;
  align-items: center;
}

.item {
  margin: 10px;
}
</style>

<script>
export default {
  onInit() {},
  data() {
    return {
      block: false, //block属性true,将使按钮适合其父宽度
      type: "default", //dashed, primary
      title: "按钮名字"
    };
  },
  handleClickButton(evt) {
    console.log("点击按钮");
    console.log(evt);
  }
};
</script>


```