示例

             

 

代码

<template>
  <zz-button>按钮</zz-button>&nbsp;
  <zz-button color="green" size="mini" icon="warn" disabled>注意</zz-button>
  <zz-button color="red" size="emdium" loading>加载中</zz-button>&nbsp;
  <zz-button color="yellow" size="small" icon="search">搜索</zz-button>&nbsp;
  <zz-button color="blue" size="mini" icon="success">成功</zz-button>&nbsp;
  <zz-button color="red" size="mini" icon="success" circle></zz-button>&nbsp;
  <zz-button color="green" size="mini" icon="success"></zz-button>&nbsp;
  <zz-button color="orange" size="mini" circle icon="shanchu"></zz-button>&nbsp;
  <zz-button color="pink" size="mini" round loading @click="visible = true"
    >圆角</zz-button
  >
</template>

属性

参数	说明	类型	是否必要	默认值	可选值
color	颜色	String	false	green	css 可用颜色
circle	圆形按钮	Boolean	false	false	true/false
round	圆角按钮	Boolean	false	false	true/false
size	大小	String	false	large	large、emdium 、small 、 mini
icon	图标	String	false		warn、 search、 shanchu 、success
loading	加载中	Boolean	false	false	true/false