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 作者:秦永莲