Skip to content
目录

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

namedestypeoptionaldefault
name按钮名称String----
bgcolor按钮背景颜色String--#2395ff
color文字和图标颜色String--#fff
lIcon左边 iconString--shezhi
rIcon右边 iconString--shuaxin