LButton 用法
<template>
<l-button>插槽内容</l-button>
<l-button lIcon="wendu" disabled/>
<l-button isCircle color="red" name="按钮" />
<l-button color="#fff" bgColor="red" lIcon="jia" name="新增" />
<l-button rIcon="shezhi" name="设置" />
<l-button
lIcon="jia"
rIcon="shezhi"
name="导出"
@click="handleClick"
></l-button>
</template>
<script>
export default {
methods: {
handleClick() {
console.log("点击按钮");
},
},
};
</script>
<style>
.l-button {
margin-right: 10px;
}
</style>
显示代码
复制代码片段
Button Attributes
name | des | type | optional | default |
---|---|---|---|---|
name | 按钮名称 | String | -- | -- |
bgcolor | 按钮背景颜色 | String | -- | #2395ff |
color | 文字和图标颜色 | String | -- | #fff |
lIcon | 左边 icon | String | -- | shezhi |
rIcon | 右边 icon | String | -- | shuaxin |