JANUS UI

Appearance

Icon - 图标 ​

安装 ​

# NPM
npm install @janus-c/icons-vue
# Yarn
yarn add @janus-c/icons-vue
# pnpm
pnpm install @janus-c/icons-vue

基础用法 ​

结合 ja-icon 使用，可以为svg图标提供额外的 size/color 属性

增加类名 is-loading，图标就可以有旋转效果

<ja-icon :size="size" :color="color">
  <Arrow />
</ja-icon>

<ja-icon class="is-loading" :size="size" :color="color">
  <Loading />
</ja-icon>

图标集合 ​

  • Arrow
  • Bluesky
  • Category
  • Close
  • CloseFilled
  • Comment
  • Date
  • Discord
  • Expand
  • Github
  • Home
  • Juejin
  • Like
  • Loading
  • Mastodon
  • Menu
  • Meta
  • Moon
  • Project
  • Search
  • SuccessFilled
  • Sun
  • Tag
  • Tiktok
  • View
  • WarningFilled
  • Wechat
  • X

Icon API​ ​

Icon Attributes ​

参数说明类型可选值默认值
size图标大小number / string-继承字体大小
colorsvg 的 fill 颜色string-继承颜色