Button

按钮用于开始一个即时操作。

说明

组件API详细内容请参考:https://www.antdv.com/components/button-cn

新增属性

  • 属性说明:
参数名 类型 必填 默认值 说明
iconColor string 图标颜色
bgColor string 背景颜色
fontColor string 字体颜色
borderColor string 边框颜色

使用方法

  • 代码示例:

    // 在script标签中按需引入
    import { Button } from '@jecloud/ui';
    export default {
      components: { Button },
    };
    // 在vue的template标签中
    <Button
      type="primary"
      icon="fal fa-search"
      bgColor="#00B42A"
      fontColor="#f9f9f9"
      iconColor="#4E83FD"
      borderColor="#000000"
    >
      自定义颜色
    </Button>
  • 事件脚本示例:

    const { Button } = JE.useUi(); 
    const { h }= JE.useVue();
    return h(Button, {bgColor:"#00B42A",fontColor: "#f9f9f9",type: "primary",icon: "fal fa-search",iconColor: "#4E83FD",borderColor:"#000000"}, "自定义颜色");
  • 注意:
    支持:bgColor,fontColor,iconColor,borderColor,设置后将会覆盖原有样式
    iconColor默认使用fontColor

最后编辑: 秦永莲  文档更新时间: 2024-08-08 13:51   作者:秦永莲