📓组件介绍

cl-button是对a-button的二次封装。基于cl-button，你可以使用自定义的iconfont图标。

⌨️代码演示

不传任何属性，默认效果

<cl-button>一个按钮</cl-button>

使用 iconfont 图标

<cl-button type="primary" icon="truck" ghost>一个按钮</cl-button>

配置 iconfont 图标的颜色和大小

<cl-button type="primary" icon="truck" ghost :iconSize="12" iconColor="#ff7875">一个按钮</cl-button>

使用 iconfont 图标时，必须提供一个 iconfont 的 js 链接，用于生成svg symbol清单。

这个 js 链接可以通过ConfigProvider组件注入，通常是在App.vue模板的最外层包裹。

<cl-config-provider svgIconScriptUrl="https://at.alicdn.com/t/font_2315902_0viez6ffofs.js">
    <router-view></router-view>
</cl-config-provider>

1
2
3

其他属性/事件见Button Props。