Icon 图标

使用方式

<template>
  <div class="icon-use">
    <plv-icon icon="info-circle" />
    <plv-icon icon="check" />
    <plv-icon icon="close" />
    <plv-icon icon="bill" />
    <plv-input
      placeholder="请输入搜索内容"
      size="small"
      prefix-icon="search"
      v-model="value" />
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: ''
      };
    }
  };
</script>

显示代码

方向类

• arrow-up
  plv-admin-icon-arrow-up
• arrow-down
  plv-admin-icon-arrow-down
• arrow-left
  plv-admin-icon-arrow-left
• arrow-right
  plv-admin-icon-arrow-right
• d-arrow-down
  plv-admin-icon-d-arrow-down
• caret-up
  plv-admin-icon-caret-up
• caret-down
  plv-admin-icon-caret-down
• caret-left
  plv-admin-icon-caret-left
• caret-right
  plv-admin-icon-caret-right
• top
  plv-admin-icon-top
• bottom
  plv-admin-icon-bottom
• left
  plv-admin-icon-left
• right
  plv-admin-icon-right
• top-circle
  plv-admin-icon-top-circle
• bottom-circle
  plv-admin-icon-bottom-circle
• left-circle
  plv-admin-icon-left-circle
• right-circle
  plv-admin-icon-right-circle

功能类

• bill
  plv-admin-icon-bill
• check
  plv-admin-icon-check
• close
  plv-admin-icon-close
• close-circle-fill
  plv-admin-icon-close-circle-fill
• collapse
  plv-admin-icon-collapse
• uncollapse
  plv-admin-icon-uncollapse
• finance
  plv-admin-icon-finance
• home
  plv-admin-icon-home
• message
  plv-admin-icon-message
• switch
  plv-admin-icon-switch
• tool
  plv-admin-icon-tool
• minus
  plv-admin-icon-minus
• picture
  plv-admin-icon-picture
• time
  plv-admin-icon-time
• feedback
  plv-admin-icon-feedback
• information
  plv-admin-icon-information
• view
  plv-admin-icon-view
• hide
  plv-admin-icon-hide
• delay
  plv-admin-icon-delay
• calendar
  plv-admin-icon-calendar
• rocket
  plv-admin-icon-rocket
• more
  plv-admin-icon-more
• link
  plv-admin-icon-link
• setting
  plv-admin-icon-setting
• move-up
  plv-admin-icon-move-up
• move-down
  plv-admin-icon-move-down
• clear
  plv-admin-icon-clear
• edit
  plv-admin-icon-edit
• add
  plv-admin-icon-add
• delete
  plv-admin-icon-delete
• play
  plv-admin-icon-play
• create
  plv-admin-icon-create
• user
  plv-admin-icon-user
• like
  plv-admin-icon-like
• tabulation
  plv-admin-icon-tabulation
• file-add
  plv-admin-icon-file-add
• lock
  plv-admin-icon-lock
• copy
  plv-admin-icon-copy
• change
  plv-admin-icon-change
• upload
  plv-admin-icon-upload
• design
  plv-admin-icon-design
• reset
  plv-admin-icon-reset
• feedback-s
  plv-admin-icon-feedback-s
• information-s
  plv-admin-icon-information-s
• prevent
  plv-admin-icon-prevent
• zoom-in
  plv-admin-icon-zoom-in
• zoom-out
  plv-admin-icon-zoom-out

标记类

• badge-beta
  plv-admin-icon-badge-beta
• badge-new
  plv-admin-icon-badge-new
• badge-recommend
  plv-admin-icon-badge-recommend
• badge-hot
  plv-admin-icon-badge-hot
• badge-free
  plv-admin-icon-badge-free
• badge-expect
  plv-admin-icon-badge-expect

提示建议类

• done-circle-fill
  plv-admin-icon-done-circle-fill
• error-circle-fill
  plv-admin-icon-error-circle-fill
• hint-circle-fill
  plv-admin-icon-hint-circle-fill
• info-circle
  plv-admin-icon-info-circle
• warning-circle-fill
  plv-admin-icon-warning-circle-fill
• question-circle
  plv-admin-icon-question-circle
• down-load
  plv-admin-icon-down-load

导航类

• application
  plv-admin-icon-application
• camera
  plv-admin-icon-camera
• computer
  plv-admin-icon-computer
• develop
  plv-admin-icon-develop
• id-card
  plv-admin-icon-id-card
• layout
  plv-admin-icon-layout
• order-list
  plv-admin-icon-order-list
• pie-chart
  plv-admin-icon-pie-chart
• platform
  plv-admin-icon-platform
• playback
  plv-admin-icon-playback
• senior
  plv-admin-icon-senior
• statistics
  plv-admin-icon-statistics
• course
  plv-admin-icon-course

页面装修类

• live-room
  plv-admin-icon-live-room
• splash
  plv-admin-icon-splash
• commerce
  plv-admin-icon-commerce
• cn-and-en
  plv-admin-icon-cn-and-en

播放器类

• player-play
  plv-admin-icon-player-play
• player-pause
  plv-admin-icon-player-pause
• player-refresh
  plv-admin-icon-player-refresh
• player-setting
  plv-admin-icon-player-setting
• player-full-screen
  plv-admin-icon-player-full-screen
• renovation-face
  plv-admin-icon-renovation-face
• renovation-more
  plv-admin-icon-renovation-more
• renovation-bar
  plv-admin-icon-renovation-bar
• renovation-notice
  plv-admin-icon-renovation-notice
• renovation-share
  plv-admin-icon-renovation-share
• renovation-hot
  plv-admin-icon-renovation-hot
• renovation-picture
  plv-admin-icon-renovation-picture
• renovation-face-pc
  plv-admin-icon-renovation-face-pc

Attributes

参数	说明	类型	可选值	默认值
icon	图标名称	String	-	-
tag	标签名	String	-	span