004_Icon图标

1. Icon图标

1.1. ElementUI提供了一套常用的图标集合。

1.2. 直接通过设置类名为el-icon-iconName来使用即可。

2. Icon图标例子

2.1. 使用脚手架新建一个名为element-ui-icon的前端项目, 同时安装Element插件。

2.2. 编写App.vue

<template><div id="app"><table><tr><td><i class="el-icon-platform-eleme"></i><br /><span class="text">el-icon-platform-eleme</span></td><td><i class="el-icon-eleme"></i><br /><span class="text">el-icon-eleme</span></td><td><i class="el-icon-delete-solid"></i><br /><span class="text">el-icon-delete-solid</span></td><td><i class="el-icon-delete"></i><br /><span class="text">el-icon-delete</span></td><td><i class="el-icon-s-tools"></i><br /><span class="text">el-icon-s-tools</span></td><td><i class="el-icon-setting"></i><br /><span class="text">el-icon-setting</span></td><td><i class="el-icon-user-solid"></i><br /><span class="text">el-icon-user-solid</span></td><td><i class="el-icon-user"></i><br /><span class="text">el-icon-user</span></td><td><i class="el-icon-phone"></i><br /><span class="text">el-icon-phone</span></td><td><i class="el-icon-phone-outline"></i><br /><span class="text">el-icon-phone-outline</span></td></tr><tr><td><i class="el-icon-more"></i><br /><span class="text">el-icon-more</span></td><td><i class="el-icon-more-outline"></i><br /><span class="text">el-icon-more-outline</span></td><td><i class="el-icon-star-on"></i><br /><span class="text">el-icon-star-on</span></td><td><i class="el-icon-star-off"></i><br /><span class="text">el-icon-star-off</span></td><td><i class="el-icon-s-goods"></i><br /><span class="text">el-icon-s-goods</span></td><td><i class="el-icon-goods"></i><br /><span class="text">el-icon-goods</span></td><td><i class="el-icon-warning"></i><br /><span class="text">el-icon-warning</span></td><td><i class="el-icon-warning-outline"></i><br /><span class="text">el-icon-warning-outline</span></td><td><i class="el-icon-question"></i><br /><span class="text">el-icon-question</span></td><td><i class="el-icon-info"></i><br /><span class="text">el-icon-info</span></td></tr><tr><td><i class="el-icon-remove"></i><br /><span class="text">el-icon-remove</span></td><td><i class="el-icon-circle-plus"></i><br /><span class="text">el-icon-circle-plus</span></td><td><i class="el-icon-success"></i><br /><span class="text">el-icon-success</span></td><td><i class="el-icon-error"></i><br /><span class="text">el-icon-error</span></td><td><i class="el-icon-zoom-in"></i><br /><span class="text">el-icon-zoom-in</span></td><td><i class="el-icon-zoom-out"></i><br /><span class="text">el-icon-zoom-out</span></td><td><i class="el-icon-remove-outline"></i><br /><span class="text">el-icon-remove-outline</span></td><td><i class="el-icon-circle-plus-outline"></i><br /><span class="text">el-icon-circle-plus-outline</span></td><td><i class="el-icon-circle-check"></i><br /><span class="text">el-icon-circle-check</span></td><td><i class="el-icon-circle-close"></i><br /><span class="text">el-icon-circle-close</span></td></tr><tr><td><i class="el-icon-s-help"></i><br /><span class="text">el-icon-s-help</span></td><td><i class="el-icon-help"></i><br /><span class="text">el-icon-help</span></td><td><i class="el-icon-minus"></i><br /><span class="text">el-icon-minus</span></td><td><i class="el-icon-plus"></i><br /><span class="text">el-icon-plus</span></td><td><i class="el-icon-check"></i><br /><span class="text">el-icon-check</span></td><td><i class="el-icon-close"></i><br /><span class="text">el-icon-close</span></td><td><i class="el-icon-picture"></i><br /><span class="text">el-icon-picture</span></td><td><i class="el-icon-picture-outline"></i><br /><span class="text">el-icon-picture-outline</span></td><td><i class="el-icon-picture-outline-round"></i><br /><span class="text">el-icon-picture-outline-round</span></td><td><i class="el-icon-upload"></i><br /><span class="text">el-icon-upload</span></td></tr><tr><td><i class="el-icon-upload2"></i><br /><span class="text">el-icon-upload2</span></td><td><i class="el-icon-download"></i><br /><span class="text">el-icon-download</span></td><td><i class="el-icon-camera-solid"></i><br /><span class="text">el-icon-camera-solid</span></td><td><i class="el-icon-camera"></i><br /><span class="text">el-icon-camera</span></td><td><i class="el-icon-video-camera-solid"></i><br /><span class="text">el-icon-video-camera-solid</span></td><td><i class="el-icon-video-camera"></i><br /><span class="text">el-icon-video-camera</span></td><td><i class="el-icon-message-solid"></i><br /><span class="text">el-icon-message-solid</span></td><td><i class="el-icon-bell"></i><br /><span class="text">el-icon-bell</span></td><td><i class="el-icon-s-cooperation"></i><br /><span class="text">el-icon-s-cooperation</span></td><td><i class="el-icon-s-order"></i><br /><span class="text">el-icon-s-order</span></td></tr><tr><td><i class="el-icon-s-platform"></i><br /><span class="text">el-icon-s-platform</span></td><td><i class="el-icon-s-fold"></i><br /><span class="text">el-icon-s-fold</span></td><td><i class="el-icon-s-unfold"></i><br /><span class="text">el-icon-s-unfold</span></td><td><i class="el-icon-s-operation"></i><br /><span class="text">el-icon-s-operation</span></td><td><i class="el-icon-s-promotion"></i><br /><span class="text">el-icon-s-promotion</span></td><td><i class="el-icon-s-home"></i><br /><span class="text">el-icon-s-home</span></td><td><i class="el-icon-s-release"></i><br /><span class="text">el-icon-s-release</span></td><td><i class="el-icon-s-ticket"></i><br /><span class="text">el-icon-s-ticket</span></td><td><i class="el-icon-s-management"></i><br /><span class="text">el-icon-s-management</span></td><td><i class="el-icon-s-open"></i><br /><span class="text">el-icon-s-open</span></td></tr><tr><td><i class="el-icon-s-shop"></i><br /><span class="text">el-icon-s-shop</span></td><td><i class="el-icon-s-marketing"></i><br /><span class="text">el-icon-s-marketing</span></td><td><i class="el-icon-s-flag"></i><br /><span class="text">el-icon-s-flag</span></td><td><i class="el-icon-s-comment"></i><br /><span class="text">el-icon-s-comment</span></td><td><i class="el-icon-s-finance"></i><br /><span class="text">el-icon-s-finance</span></td><td><i class="el-icon-s-claim"></i><br /><span class="text">el-icon-s-claim</span></td><td><i class="el-icon-s-custom"></i><br /><span class="text">el-icon-s-custom</span></td><td><i class="el-icon-s-opportunity"></i><br /><span class="text">el-icon-s-opportunity</span></td><td><i class="el-icon-s-data"></i><br /><span class="text">el-icon-s-data</span></td><td><i class="el-icon-s-check"></i><br /><span class="text">el-icon-s-check</span></td></tr><tr><td><i class="el-icon-s-grid"></i><br /><span class="text">el-icon-s-grid</span></td><td><i class="el-icon-menu"></i><br /><span class="text">el-icon-menu</span></td><td><i class="el-icon-share"></i><br /><span class="text">el-icon-share</span></td><td><i class="el-icon-d-caret"></i><br /><span class="text">el-icon-d-caret</span></td><td><i class="el-icon-caret-left"></i><br /><span class="text">el-icon-caret-left</span></td><td><i class="el-icon-caret-right"></i><br /><span class="text">el-icon-caret-right</span></td><td><i class="el-icon-caret-bottom"></i><br /><span class="text">el-icon-caret-bottom</span></td><td><i class="el-icon-caret-top"></i><br /><span class="text">el-icon-caret-top</span></td><td><i class="el-icon-bottom-left"></i><br /><span class="text">el-icon-bottom-left</span></td><td><i class="el-icon-bottom-right"></i><br /><span class="text">el-icon-bottom-right</span></td></tr><tr><td><i class="el-icon-back"></i><br /><span class="text">el-icon-back</span></td><td><i class="el-icon-right"></i><br /><span class="text">el-icon-right</span></td><td><i class="el-icon-bottom"></i><br /><span class="text">el-icon-bottom</span></td><td><i class="el-icon-top"></i><br /><span class="text">el-icon-top</span></td><td><i class="el-icon-top-left"></i><br /><span class="text">el-icon-top-left</span></td><td><i class="el-icon-top-right"></i><br /><span class="text">el-icon-top-right</span></td><td><i class="el-icon-arrow-left"></i><br /><span class="text">el-icon-arrow-left</span></td><td><i class="el-icon-arrow-right"></i><br /><span class="text">el-icon-arrow-right</span></td><td><i class="el-icon-arrow-down"></i><br /><span class="text">el-icon-arrow-down</span></td><td><i class="el-icon-arrow-up"></i><br /><span class="text">el-icon-arrow-up</span></td></tr><tr><td><i class="el-icon-d-arrow-left"></i><br /><span class="text">el-icon-d-arrow-left</span></td><td><i class="el-icon-d-arrow-right"></i><br /><span class="text">el-icon-d-arrow-right</span></td><td><i class="el-icon-video-pause"></i><br /><span class="text">el-icon-video-pause</span></td><td><i class="el-icon-video-play"></i><br /><span class="text">el-icon-video-play</span></td><td><i class="el-icon-refresh"></i><br /><span class="text">el-icon-refresh</span></td><td><i class="el-icon-refresh-right"></i><br /><span class="text">el-icon-refresh-right</span></td><td><i class="el-icon-refresh-left"></i><br /><span class="text">el-icon-refresh-left</span></td><td><i class="el-icon-finished"></i><br /><span class="text">el-icon-finished</span></td><td><i class="el-icon-sort"></i><br /><span class="text">el-icon-sort</span></td><td><i class="el-icon-sort-up"></i><br /><span class="text">el-icon-sort-up</span></td></tr><tr><td><i class="el-icon-sort-down"></i><br /><span class="text">el-icon-sort-down</span></td><td><i class="el-icon-rank"></i><br /><span class="text">el-icon-rank</span></td><td><i class="el-icon-loading"></i><br /><span class="text">el-icon-loading</span></td><td><i class="el-icon-view"></i><br /><span class="text">el-icon-view</span></td><td><i class="el-icon-c-scale-to-original"></i><br /><span class="text">el-icon-c-scale-to-original</span></td><td><i class="el-icon-date"></i><br /><span class="text">el-icon-date</span></td><td><i class="el-icon-edit"></i><br /><span class="text">el-icon-edit</span></td><td><i class="el-icon-edit-outline"></i><br /><span class="text">el-icon-edit-outline</span></td><td><i class="el-icon-folder"></i><br /><span class="text">el-icon-folder</span></td><td><i class="el-icon-folder-opened"></i><br /><span class="text">el-icon-folder-opened</span></td></tr><tr><td><i class="el-icon-folder-add"></i><br /><span class="text">el-icon-folder-add</span></td><td><i class="el-icon-folder-remove"></i><br /><span class="text">el-icon-folder-remove</span></td><td><i class="el-icon-folder-delete"></i><br /><span class="text">el-icon-folder-delete</span></td><td><i class="el-icon-folder-checked"></i><br /><span class="text">el-icon-folder-checked</span></td><td><i class="el-icon-tickets"></i><br /><span class="text">el-icon-tickets</span></td><td><i class="el-icon-document-remove"></i><br /><span class="text">el-icon-document-remove</span></td><td><i class="el-icon-document-delete"></i><br /><span class="text">el-icon-document-delete</span></td><td><i class="el-icon-document-copy"></i><br /><span class="text">el-icon-document-copy</span></td><td><i class="el-icon-document-checked"></i><br /><span class="text">el-icon-document-checked</span></td><td><i class="el-icon-document"></i><br /><span class="text">el-icon-document</span></td></tr><tr><td><i class="el-icon-document-add"></i><br /><span class="text">el-icon-document-add</span></td><td><i class="el-icon-printer"></i><br /><span class="text">el-icon-printer</span></td><td><i class="el-icon-paperclip"></i><br /><span class="text">el-icon-paperclip</span></td><td><i class="el-icon-takeaway-box"></i><br /><span class="text">el-icon-takeaway-box</span></td><td><i class="el-icon-search"></i><br /><span class="text">el-icon-search</span></td><td><i class="el-icon-monitor"></i><br /><span class="text">el-icon-monitor</span></td><td><i class="el-icon-attract"></i><br /><span class="text">el-icon-attract</span></td><td><i class="el-icon-mobile"></i><br /><span class="text">el-icon-mobile</span></td><td><i class="el-icon-scissors"></i><br /><span class="text">el-icon-scissors</span></td><td><i class="el-icon-umbrella"></i><br /><span class="text">el-icon-umbrella</span></td></tr><tr><td><i class="el-icon-headset"></i><br /><span class="text">el-icon-headset</span></td><td><i class="el-icon-brush"></i><br /><span class="text">el-icon-brush</span></td><td><i class="el-icon-mouse"></i><br /><span class="text">el-icon-mouse</span></td><td><i class="el-icon-coordinate"></i><br /><span class="text">el-icon-coordinate</span></td><td><i class="el-icon-magic-stick"></i><br /><span class="text">el-icon-magic-stick</span></td><td><i class="el-icon-reading"></i><br /><span class="text">el-icon-reading</span></td><td><i class="el-icon-data-line"></i><br /><span class="text">el-icon-data-line</span></td><td><i class="el-icon-data-board"></i><br /><span class="text">el-icon-data-board</span></td><td><i class="el-icon-pie-chart"></i><br /><span class="text">el-icon-pie-chart</span></td><td><i class="el-icon-data-analysis"></i><br /><span class="text">el-icon-data-analysis</span></td></tr><tr><td><i class="el-icon-collection-tag"></i><br /><span class="text">el-icon-collection-tag</span></td><td><i class="el-icon-film"></i><br /><span class="text">el-icon-film</span></td><td><i class="el-icon-suitcase"></i><br /><span class="text">el-icon-suitcase</span></td><td><i class="el-icon-suitcase-1"></i><br /><span class="text">el-icon-suitcase-1</span></td><td><i class="el-icon-receiving"></i><br /><span class="text">el-icon-receiving</span></td><td><i class="el-icon-collection"></i><br /><span class="text">el-icon-collection</span></td><td><i class="el-icon-files"></i><br /><span class="text">el-icon-files</span></td><td><i class="el-icon-notebook-1"></i><br /><span class="text">el-icon-notebook-1</span></td><td><i class="el-icon-notebook-2"></i><br /><span class="text">el-icon-notebook-2</span></td><td><i class="el-icon-toilet-paper"></i><br /><span class="text">el-icon-toilet-paper</span></td></tr><tr><td><i class="el-icon-office-building"></i><br /><span class="text">el-icon-office-building</span></td><td><i class="el-icon-school"></i><br /><span class="text">el-icon-school</span></td><td><i class="el-icon-table-lamp"></i><br /><span class="text">el-icon-table-lamp</span></td><td><i class="el-icon-house"></i><br /><span class="text">el-icon-house</span></td><td><i class="el-icon-no-smoking"></i><br /><span class="text">el-icon-no-smoking</span></td><td><i class="el-icon-smoking"></i><br /><span class="text">el-icon-smoking</span></td><td><i class="el-icon-shopping-cart-full"></i><br /><span class="text">el-icon-shopping-cart-full</span></td><td><i class="el-icon-shopping-cart-1"></i><br /><span class="text">el-icon-shopping-cart-1</span></td><td><i class="el-icon-shopping-cart-2"></i><br /><span class="text">el-icon-shopping-cart-2</span></td><td><i class="el-icon-shopping-bag-1"></i><br /><span class="text">el-icon-shopping-bag-1</span></td></tr><tr><td><i class="el-icon-shopping-bag-2"></i><br /><span class="text">el-icon-shopping-bag-2</span></td><td><i class="el-icon-sold-out"></i><br /><span class="text">el-icon-sold-out</span></td><td><i class="el-icon-sell"></i><br /><span class="text">el-icon-sell</span></td><td><i class="el-icon-present"></i><br /><span class="text">el-icon-present</span></td><td><i class="el-icon-box"></i><br /><span class="text">el-icon-box</span></td><td><i class="el-icon-bank-card"></i><br /><span class="text">el-icon-bank-card</span></td><td><i class="el-icon-money"></i><br /><span class="text">el-icon-money</span></td><td><i class="el-icon-coin"></i><br /><span class="text">el-icon-coin</span></td><td><i class="el-icon-wallet"></i><br /><span class="text">el-icon-wallet</span></td><td><i class="el-icon-discount"></i><br /><span class="text">el-icon-discount</span></td></tr><tr><td><i class="el-icon-price-tag"></i><br /><span class="text">el-icon-price-tag</span></td><td><i class="el-icon-news"></i><br /><span class="text">el-icon-news</span></td><td><i class="el-icon-guide"></i><br /><span class="text">el-icon-guide</span></td><td><i class="el-icon-male"></i><br /><span class="text">el-icon-male</span></td><td><i class="el-icon-female"></i><br /><span class="text">el-icon-female</span></td><td><i class="el-icon-thumb"></i><br /><span class="text">el-icon-thumb</span></td><td><i class="el-icon-cpu"></i><br /><span class="text">el-icon-cpu</span></td><td><i class="el-icon-link"></i><br /><span class="text">el-icon-link</span></td><td><i class="el-icon-connection"></i><br /><span class="text">el-icon-connection</span></td><td><i class="el-icon-open"></i><br /><span class="text">el-icon-open</span></td></tr><tr><td><i class="el-icon-turn-off"></i><br /><span class="text">el-icon-turn-off</span></td><td><i class="el-icon-set-up"></i><br /><span class="text">el-icon-set-up</span></td><td><i class="el-icon-chat-round"></i><br /><span class="text">el-icon-chat-round</span></td><td><i class="el-icon-chat-line-round"></i><br /><span class="text">el-icon-chat-line-round</span></td><td><i class="el-icon-chat-square"></i><br /><span class="text">el-icon-chat-square</span></td><td><i class="el-icon-chat-dot-round"></i><br /><span class="text">el-icon-chat-dot-round</span></td><td><i class="el-icon-chat-dot-square"></i><br /><span class="text">el-icon-chat-dot-square</span></td><td><i class="el-icon-chat-line-square"></i><br /><span class="text">el-icon-chat-line-square</span></td><td><i class="el-icon-message"></i><br /><span class="text">el-icon-message</span></td><td><i class="el-icon-postcard"></i><br /><span class="text">el-icon-postcard</span></td></tr><tr><td><i class="el-icon-position"></i><br /><span class="text">el-icon-position</span></td><td><i class="el-icon-turn-off-microphone"></i><br /><span class="text">el-icon-turn-off-microphone</span></td><td><i class="el-icon-microphone"></i><br /><span class="text">el-icon-microphone</span></td><td><i class="el-icon-close-notification"></i><br /><span class="text">el-icon-close-notification</span></td><td><i class="el-icon-bangzhu"></i><br /><span class="text">el-icon-bangzhu</span></td><td><i class="el-icon-time"></i><br /><span class="text">el-icon-time</span></td><td><i class="el-icon-odometer"></i><br /><span class="text">el-icon-odometer</span></td><td><i class="el-icon-crop"></i><br /><span class="text">el-icon-crop</span></td><td><i class="el-icon-aim"></i><br /><span class="text">el-icon-aim</span></td><td><i class="el-icon-switch-button"></i><br /><span class="text">el-icon-switch-button</span></td></tr><tr><td><i class="el-icon-full-screen"></i><br /><span class="text">el-icon-full-screen</span></td><td><i class="el-icon-copy-document"></i><br /><span class="text">el-icon-copy-document</span></td><td><i class="el-icon-mic"></i><br /><span class="text">el-icon-mic</span></td><td><i class="el-icon-stopwatch"></i><br /><span class="text">el-icon-stopwatch</span></td><td><i class="el-icon-medal-1"></i><br /><span class="text">el-icon-medal-1</span></td><td><i class="el-icon-medal"></i><br /><span class="text">el-icon-medal</span></td><td><i class="el-icon-trophy"></i><br /><span class="text">el-icon-trophy</span></td><td><i class="el-icon-trophy-1"></i><br /><span class="text">el-icon-trophy-1</span></td><td><i class="el-icon-first-aid-kit"></i><br /><span class="text">el-icon-first-aid-kit</span></td><td><i class="el-icon-discover"></i><br /><span class="text">el-icon-discover</span></td></tr><tr><td><i class="el-icon-place"></i><br /><span class="text">el-icon-place</span></td><td><i class="el-icon-location"></i><br /><span class="text">el-icon-location</span></td><td><i class="el-icon-location-outline"></i><br /><span class="text">el-icon-location-outline</span></td><td><i class="el-icon-location-information"></i><br /><span class="text">el-icon-location-information</span></td><td><i class="el-icon-add-location"></i><br /><span class="text">el-icon-add-location</span></td><td><i class="el-icon-delete-location"></i><br /><span class="text">el-icon-delete-location</span></td><td><i class="el-icon-map-location"></i><br /><span class="text">el-icon-map-location</span></td><td><i class="el-icon-alarm-clock"></i><br /><span class="text">el-icon-alarm-clock</span></td><td><i class="el-icon-timer"></i><br /><span class="text">el-icon-timer</span></td><td><i class="el-icon-watch-1"></i><br /><span class="text">el-icon-watch-1</span></td></tr><tr><td><i class="el-icon-watch"></i><br /><span class="text">el-icon-watch</span></td><td><i class="el-icon-lock"></i><br /><span class="text">el-icon-lock</span></td><td><i class="el-icon-unlock"></i><br /><span class="text">el-icon-unlock</span></td><td><i class="el-icon-key"></i><br /><span class="text">el-icon-key</span></td><td><i class="el-icon-service"></i><br /><span class="text">el-icon-service</span></td><td><i class="el-icon-mobile-phone"></i><br /><span class="text">el-icon-mobile-phone</span></td><td><i class="el-icon-bicycle"></i><br /><span class="text">el-icon-bicycle</span></td><td><i class="el-icon-truck"></i><br /><span class="text">el-icon-truck</span></td><td><i class="el-icon-ship"></i><br /><span class="text">el-icon-ship</span></td><td><i class="el-icon-basketball"></i><br /><span class="text">el-icon-basketball</span></td></tr><tr><td><i class="el-icon-football"></i><br /><span class="text">el-icon-football</span></td><td><i class="el-icon-soccer"></i><br /><span class="text">el-icon-soccer</span></td><td><i class="el-icon-baseball"></i><br /><span class="text">el-icon-baseball</span></td><td><i class="el-icon-wind-power"></i><br /><span class="text">el-icon-wind-power</span></td><td><i class="el-icon-light-rain"></i><br /><span class="text">el-icon-light-rain</span></td><td><i class="el-icon-lightning"></i><br /><span class="text">el-icon-lightning</span></td><td><i class="el-icon-heavy-rain"></i><br /><span class="text">el-icon-heavy-rain</span></td><td><i class="el-icon-sunrise"></i><br /><span class="text">el-icon-sunrise</span></td><td><i class="el-icon-sunrise-1"></i><br /><span class="text">el-icon-sunrise-1</span></td><td><i class="el-icon-sunset"></i><br /><span class="text">el-icon-sunset</span></td></tr><tr><td><i class="el-icon-sunny"></i><br /><span class="text">el-icon-sunny</span></td><td><i class="el-icon-cloudy"></i><br /><span class="text">el-icon-cloudy</span></td><td><i class="el-icon-partly-cloudy"></i><br /><span class="text">el-icon-partly-cloudy</span></td><td><i class="el-icon-cloudy-and-sunny"></i><br /><span class="text">el-icon-cloudy-and-sunny</span></td><td><i class="el-icon-moon"></i><br /><span class="text">el-icon-moon</span></td><td><i class="el-icon-moon-night"></i><br /><span class="text">el-icon-moon-night</span></td><td><i class="el-icon-dish"></i><br /><span class="text">el-icon-dish</span></td><td><i class="el-icon-dish-1"></i><br /><span class="text">el-icon-dish-1</span></td><td><i class="el-icon-food"></i><br /><span class="text">el-icon-food</span></td><td><i class="el-icon-chicken"></i><br /><span class="text">el-icon-chicken</span></td></tr><tr><td><i class="el-icon-fork-spoon"></i><br /><span class="text">el-icon-fork-spoon</span></td><td><i class="el-icon-knife-fork"></i><br /><span class="text">el-icon-knife-fork</span></td><td><i class="el-icon-burger"></i><br /><span class="text">el-icon-burger</span></td><td><i class="el-icon-tableware"></i><br /><span class="text">el-icon-tableware</span></td><td><i class="el-icon-sugar"></i><br /><span class="text">el-icon-sugar</span></td><td><i class="el-icon-dessert"></i><br /><span class="text">el-icon-dessert</span></td><td><i class="el-icon-ice-cream"></i><br /><span class="text">el-icon-ice-cream</span></td><td><i class="el-icon-hot-water"></i><br /><span class="text">el-icon-hot-water</span></td><td><i class="el-icon-water-cup"></i><br /><span class="text">el-icon-water-cup</span></td><td><i class="el-icon-coffee-cup"></i><br /><span class="text">el-icon-coffee-cup</span></td></tr><tr><td><i class="el-icon-cold-drink"></i><br /><span class="text">el-icon-cold-drink</span></td><td><i class="el-icon-goblet"></i><br /><span class="text">el-icon-goblet</span></td><td><i class="el-icon-goblet-full"></i><br /><span class="text">el-icon-goblet-full</span></td><td><i class="el-icon-goblet-square"></i><br /><span class="text">el-icon-goblet-square</span></td><td><i class="el-icon-goblet-square-full"></i><br /><span class="text">el-icon-goblet-square-full</span></td><td><i class="el-icon-refrigerator"></i><br /><span class="text">el-icon-refrigerator</span></td><td><i class="el-icon-grape"></i><br /><span class="text">el-icon-grape</span></td><td><i class="el-icon-watermelon"></i><br /><span class="text">el-icon-watermelon</span></td><td><i class="el-icon-cherry"></i><br /><span class="text">el-icon-cherry</span></td><td><i class="el-icon-apple"></i><br /><span class="text">el-icon-apple</span></td></tr><tr><td><i class="el-icon-pear"></i><br /><span class="text">el-icon-pear</span></td><td><i class="el-icon-orange"></i><br /><span class="text">el-icon-orange</span></td><td><i class="el-icon-coffee"></i><br /><span class="text">el-icon-coffee</span></td><td><i class="el-icon-ice-tea"></i><br /><span class="text">el-icon-ice-tea</span></td><td><i class="el-icon-ice-drink"></i><br /><span class="text">el-icon-ice-drink</span></td><td><i class="el-icon-milk-tea"></i><br /><span class="text">el-icon-milk-tea</span></td><td><i class="el-icon-potato-strips"></i><br /><span class="text">el-icon-potato-strips</span></td><td><i class="el-icon-lollipop"></i><br /><span class="text">el-icon-lollipop</span></td><td><i class="el-icon-ice-cream-square"></i><br /><span class="text">el-icon-ice-cream-square</span></td><td><i class="el-icon-ice-cream-round"></i><br /><span class="text">el-icon-ice-cream-round</span></td></tr></table></div>
</template><style>* {padding: 0;margin: 0;}#app {width: 90%;margin: 0 auto;}table {border-collapse: collapse;}table, td {border: 1px solid black;}td {width: 190px;height: 120px;font-size: 32px;text-align:center;}.text {font-size: 12px;}
</style>

2.3. 运行项目

004_Icon图标相关推荐

SpringBoot-web开发(二): 页面和图标定制(源码分析)
[SpringBoot-web系列]前文: SpringBoot-web开发(一): 静态资源的导入(源码分析) 目录一.首页 1. 源码分析 2. 访问首页测试二.动态页面 1. 动态资源目录t ...
HarmonyOS 设置图标在Text 旁边
当Text 使用element_left的时候,图标在文本的左侧当Text 使用element_right的时候,图标在文本的右侧当Text 使用element_top的时候,图标在文本的上侧当 ...
Ubuntu系统创建AndroidStudio启动图标(快捷方式)
Ubuntu 的快捷方式都在/usr/share/applications/路径的,可以cd到这个目录ls 查看下创建androidstudio 的快捷方式同样也是在这个目录下面 1 首先这这个目录 ...
window 10 系统部分软件打开图标的修改
比如下面的word 图标变为了 google 的图标了,双击打开的时候是在浏览器中下载了,只能通过打开方式里面选择软件打开出现这种情况. 下面修改下鼠标右键选择属性然后在点击打开方式的更改然后 ...
改变mac中launchpad图标大小
一.首先运行"终端"程序,执行以下命令: 1.调整每一列显示图标数量,7 表示每一列显示7个,在我的电脑上,7个个人觉得比较不错 defaults write com.apple. ...
Windows图标：有一些你未必知道的东西
有一天,我的程序在任务栏的应用程序中看起来是这样的很奇怪,我的图标明明不是这样的,在资源管理器的文件夹里面,我的图标能够正常显示,在桌面的任务栏里,也能正常的显示,唯独在任务管理器里显示不正常.虽然 ...
w ndows7启动后没有图标,Windows7下双击桌面图标无法打开怎么解决？
为了操作方便,用户会在Win7桌面上创建程序图标,只要双击桌面图标就能快速打开程序,可近日有用户双击桌面图标无法打开,这是怎么回事?来看下小编是怎么解决的吧. 解决方法一: 1.首先双击打开win7桌 ...
python自定义图标_Python-nautilus：添加自定义标志(叠加图标)
我使用 python-nautilus模块,我尝试添加自定义徽标(图标叠加),如下所示: 但我没有发现任何相关信息. 我可以使用以下代码添加像"多媒体"这样的现有徽章: impor ...
app图标圆角角度_?APP图标造型分析
规范布局强化设计空间文/祝艳妮单从视觉效果上看,图标都有一个标准尺寸的外形,借助图标的规范模版,我们方便控制图形大小.空间安排.结构比例.移动终端体积小,一般是近距离观看.适应这一使用特性,APP ...

004_Icon图标

004_Icon图标相关推荐

最新文章

热门文章