Icon
图标使用 Bootstrap Icons 的图标字体。图标名称可以在他们的网站上找到。
TODO
由于字体图标的限制,未来将使用更全面、更容易的方式进行重构。
用法
使用 name
属性定义图标。您可以通过调整字体来调整图标的大小。
属性
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
name | string | '' | 设置图标名称。 |
图标使用 Bootstrap Icons 的图标字体。图标名称可以在他们的网站上找到。
TODO
由于字体图标的限制,未来将使用更全面、更容易的方式进行重构。
使用 name
属性定义图标。您可以通过调整字体来调整图标的大小。
<template>
<div space-y-2>
<div fscw gap-4>
<pl-icon name="airplane" />
<pl-icon name="arrow-clockwise" />
<pl-icon name="browser-chrome" />
<pl-icon name="bag-check-fill" />
</div>
</div>
</template>
<template>
<div space-y-2>
<div fscw gap-4>
<pl-icon name="airplane" />
<pl-icon name="arrow-clockwise" />
<pl-icon name="browser-chrome" />
<pl-icon name="bag-check-fill" />
</div>
</div>
</template>
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
name | string | '' | 设置图标名称。 |