也進軍前端~前端框架:ElementUI圖示幫助文件

Happy王子樂發表於2018-03-21

Icon 圖示

Icon 圖示

提供了一套常用的圖示集合。

使用方法

直接通過設定類名為 el-icon-iconName 來使用即可。例如:

 

<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜尋</el-button>

 

圖示集合

  • el-icon-info
  • el-icon-error
  • el-icon-success
  • el-icon-warning
  • el-icon-question
  • el-icon-back
  • el-icon-arrow-left
  • el-icon-arrow-down
  • el-icon-arrow-right
  • el-icon-arrow-up
  • el-icon-caret-left
  • el-icon-caret-bottom
  • el-icon-caret-top
  • el-icon-caret-right
  • el-icon-d-arrow-left
  • el-icon-d-arrow-right
  • el-icon-minus
  • el-icon-plus
  • el-icon-remove
  • el-icon-circle-plus
  • el-icon-remove-outline
  • el-icon-circle-plus-outline
  • el-icon-close
  • el-icon-check
  • el-icon-circle-close
  • el-icon-circle-check
  • el-icon-circle-close-outline
  • el-icon-circle-check-outline
  • el-icon-zoom-out
  • el-icon-zoom-in
  • el-icon-d-caret
  • el-icon-sort
  • el-icon-sort-down
  • el-icon-sort-up
  • el-icon-tickets
  • el-icon-document
  • el-icon-goods
  • el-icon-sold-out
  • el-icon-news
  • el-icon-message
  • el-icon-date
  • el-icon-printer
  • el-icon-time
  • el-icon-bell
  • el-icon-mobile-phone
  • el-icon-service
  • el-icon-view
  • el-icon-menu
  • el-icon-more
  • el-icon-more-outline
  • el-icon-star-on
  • el-icon-star-off
  • el-icon-location
  • el-icon-location-outline
  • el-icon-phone
  • el-icon-phone-outline
  • el-icon-picture
  • el-icon-picture-outline
  • el-icon-delete
  • el-icon-search
  • el-icon-edit
  • el-icon-edit-outline
  • el-icon-rank
  • el-icon-refresh
  • el-icon-share
  • el-icon-setting
  • el-icon-upload
  • el-icon-upload2
  • el-icon-download
  • el-icon-loading

相關文章