<icon>

使用开源字体库 Ionicons、Iconfont 进行封装

子组件

不支持子组件。

预览效果

示例代码

<template>
    <scroll-view class="lists" pullTipsNo="">

        <div v-for="item in iconLists" class="item" @click="copyIcon(item)">
            <icon class="icon" :content="item" fontSize="38"></icon>
            <text class="text">{{item}}</text>
        </div>

    </scroll-view>
</template>

<style>
    .lists {
        width: 750px;
        flex: 1;
    }
    .item {
        width: 150px;
        height: 160px;
    }
    .icon {
        width: 150px;
        height: 110px;
    }
    .text {
        width: 150px;
        height: 50px;
        text-align: center;
    }
</style>

<script>
    const eeui = app.requireModule('eeui');

    export default {
        data() {
            return {
                iconLists: [
                    "tb-1111", "tb-1212", "tb-activity", "tb-activity-fill", "tb-add", "tb-add-1", "tb-add-light", "tb-address-book", "tb-album", "tb-all", "tb-appreciate", "tb-appreciate-fill", "tb-appreciate-fill-light", "tb-appreciate-light", "tb-apps", "tb-arrow-left-fill", "tb-arrow-up-fill", "tb-ask", "tb-ask-fill", "tb-attention", "tb-attention-favor", "tb-attention-favor-fill", "tb-attention-fill", "tb-attention-forbid", "tb-attention-forbid-fill", "tb-attention-light", "tb-auction", "tb-baby", "tb-baby-fill", "tb-back", "tb-back-android", "tb-back-android-light", "tb-back-delete", "tb-back-light", "tb-back-ward-fill", "tb-bad", "tb-barcode", "tb-big", "tb-brand", "tb-brand-fill", "tb-calendar", "tb-camera", "tb-camera-add", "tb-camera-add-fill", "tb-camera-fill", "tb-camera-light", "tb-camera-rotate", "tb-cardboard", "tb-cardboard-fill", "tb-cardboard-forbid", "tb-cart", "tb-cart-fill", "tb-cart-fill-light", "tb-cart-light", "tb-cascades", "tb-change", "tb-check", "tb-choiceness", "tb-choiceness-fill", "tb-circle", "tb-circle-fill", "tb-close", "tb-close-light", "tb-clothes", "tb-clothes-fill", "tb-coffee", "tb-coin", "tb-command", "tb-command-fill", "tb-comment", "tb-comment-fill", "tb-comment-fill-light", "tb-comment-light", "tb-community", "tb-community-fill", "tb-community-fill-light", "tb-community-light", "tb-copy", "tb-countdown", "tb-countdown-fill", "tb-creative", "tb-creative-fill", "tb-crown", "tb-crown-fill", "tb-cut", "tb-delete", "tb-delete-fill", "tb-delete-light", "tb-deliver", "tb-deliver-fill", "tb-discover", "tb-discover-fill", "tb-down", "tb-down-light", "tb-dress", "tb-edit", "tb-edit-light", "tb-emoji", "tb-emoji-fill", "tb-emoji-flash-fill", "tb-emoji-light", "tb-evaluate", "tb-evaluate-fill", "tb-exit", "tb-explore", "tb-explore-fill", "tb-expressman", "tb-favor", "tb-favor-fill", "tb-favor-fill-light", "tb-favor-light", "tb-female", "tb-file", "tb-filter", "tb-flashbuy-fill", "tb-flashlight-close", "tb-flashlight-open", "tb-focus", "tb-fold", "tb-footprint", "tb-form", "tb-form-favor-light", "tb-form-fill", "tb-form-fill-light", "tb-form-light", "tb-forward", "tb-forward-fill", "tb-friend", "tb-friend-add", "tb-friend-add-fill", "tb-friend-add-light", "tb-friend-famous", "tb-friend-favor", "tb-friend-fill", "tb-friend-light", "tb-friend-settings-light", "tb-full", "tb-furniture", "tb-game", "tb-global", "tb-global-light", "tb-goods", "tb-goods-favor", "tb-goods-favor-light", "tb-goods-fill", "tb-goods-hot-fill", "tb-goods-light", "tb-goods-new", "tb-goods-new-fill", "tb-goods-new-fill-light", "tb-goods-new-light", "tb-group", "tb-group-fill", "tb-group-fill-light", "tb-group-light", "tb-haodian", "tb-home", "tb-home-fill", "tb-home-fill-light", "tb-home-light", "tb-hot", "tb-hot-fill", "tb-hot-light", "tb-hua", "tb-info", "tb-info-fill", "tb-ju", "tb-juhuasuan", "tb-keyboard", "tb-keyboard-light", "tb-light", "tb-light-auto", "tb-light-fill", "tb-light-forbid", "tb-like", "tb-like-fill", "tb-link", "tb-list", "tb-living", "tb-loading", "tb-loading-a", "tb-loading-b", "tb-loading-c", "tb-loading-d", "tb-location", "tb-location-fill", "tb-location-light", "tb-lock", "tb-magic", "tb-mail", "tb-male", "tb-mao", "tb-mark", "tb-mark-fill", "tb-medal", "tb-medal-fill", "tb-medal-fill-light", "tb-medal-light", "tb-message", "tb-message-fill", "tb-message-fill-light", "tb-message-light", "tb-mobile", "tb-mobile-fill", "tb-mobile-tao", "tb-money-bag", "tb-money-bag-fill", "tb-more", "tb-more-android", "tb-more-android-light", "tb-more-light", "tb-move", "tb-music-fill", "tb-music-forbid-fill", "tb-my", "tb-my-fill", "tb-my-fill-light", "tb-my-light", "tb-new", "tb-new-fill", "tb-news", "tb-news-fill", "tb-news-fill-light", "tb-news-hot", "tb-news-hot-fill", "tb-news-hot-fill-light", "tb-news-hot-light", "tb-news-light", "tb-notice", "tb-notice-fill", "tb-notice-forbid-fill", "tb-notification", "tb-notification-fill", "tb-notification-forbid-fill", "tb-oppose-fill-light", "tb-oppose-light", "tb-order", "tb-paint", "tb-paint-fill", "tb-pay", "tb-people", "tb-people-fill", "tb-people-list", "tb-people-list-light", "tb-phone", "tb-phone-light", "tb-pic", "tb-pic-fill", "tb-pic-light", "tb-pick", "tb-play-fill", "tb-play-forward-fill", "tb-post", "tb-present", "tb-present-fill", "tb-profile", "tb-profile-fill", "tb-profile-light", "tb-pull-down", "tb-pull-down-1", "tb-pull-left", "tb-pull-right", "tb-pull-up", "tb-punch", "tb-punch-light", "tb-qi", "tb-qiang", "tb-qrcode-light", "tb-qrcode", "tb-question", "tb-question-fill", "tb-radiobox", "tb-radiobox-fill", "tb-rank", "tb-rank-fill", "tb-read", "tb-recharge", "tb-recharge-fill", "tb-record", "tb-record-fill", "tb-record-light", "tb-redpacket", "tb-redpacket-fill", "tb-refresh", "tb-refresh-arrow", "tb-refresh-light", "tb-refund", "tb-remind", "tb-repair", "tb-repair-fill", "tb-repeal", "tb-right", "tb-round", "tb-round-add", "tb-round-add-fill", "tb-round-add-light", "tb-round-check", "tb-round-check-fill", "tb-round-close", "tb-round-close-fill", "tb-round-close-fill-light", "tb-round-close-light", "tb-round-comment-light", "tb-round-crown-fill", "tb-round-down", "tb-round-down-light", "tb-round-favor-fill", "tb-round-friend-fill", "tb-round-left-fill", "tb-round-light-fill", "tb-round-like-fill", "tb-round-link-fill", "tb-round-list-light", "tb-round-location-fill", "tb-round-menu-fill", "tb-round-pay", "tb-round-pay-fill", "tb-round-people-fill", "tb-round-rank-fill", "tb-round-record-fill", "tb-round-redpacket", "tb-round-redpacket-fill", "tb-round-right", "tb-round-right-fill", "tb-round-shop-fill", "tb-round-skin-fill", "tb-round-text-fill", "tb-round-ticket", "tb-round-ticket-fill", "tb-round-transfer", "tb-round-transfer-fill", "tb-safe", "tb-same", "tb-same-fill", "tb-scan", "tb-scan-light", "tb-search", "tb-search-light", "tb-search-list", "tb-search-list-light", "tb-selection", "tb-selection-fill", "tb-send", "tb-service", "tb-service-fill", "tb-service-light", "tb-settings", "tb-settings-light", "tb-shake", "tb-share", "tb-share-light", "tb-shop", "tb-shop-fill", "tb-shop-light", "tb-similar", "tb-skin", "tb-skin-fill", "tb-skin-light", "tb-sort", "tb-sort-light", "tb-sound", "tb-sound-light", "tb-sponsor", "tb-sponsor-fill", "tb-sports", "tb-square", "tb-square-check", "tb-square-check-fill", "tb-stop", "tb-suan", "tb-subscription", "tb-subscription-light", "tb-subtitle-block-light", "tb-subtitle-unblock-light", "tb-tag", "tb-tag-fill", "tb-tao", "tb-tao-qianggou", "tb-tao-xiaopu", "tb-taxi", "tb-text", "tb-tian", "tb-tianmao", "tb-ticket", "tb-ticket-fill", "tb-ticket-money-fill", "tb-time", "tb-time-fill", "tb-tmall", "tb-top", "tb-triangle-down-fill", "tb-triangle-up-fill", "tb-unfold", "tb-unlock", "tb-upblock", "tb-upload", "tb-upstage", "tb-upstage-fill", "tb-use-full", "tb-use-full-fill", "tb-video", "tb-video-fill", "tb-video-fill-light", "tb-video-light", "tb-vip", "tb-vip-code-light", "tb-vipcard", "tb-voice", "tb-voice-fill", "tb-voice-light", "tb-wang", "tb-wang-fill", "tb-wang-light", "tb-warn", "tb-warn-fill", "tb-warn-light", "tb-we", "tb-we-fill", "tb-we-fill-light", "tb-we-light", "tb-we-block", "tb-we-unblock", "tb-weibo", "tb-wifi", "tb-write", "tb-write-fill", "tb-xiami", "tb-xiami-forbid", "tb-xiaoheiqun", "tb-ye"
                ]
            }
        },
        methods: {
            copyIcon(text) {
                eeui.copyText(text);
                eeui.toast("复制成功：" + text);
            }
        }
    };
</script>

配置参数

属性名	类型	描述	默认值
content	`String`	图标的名称，注①	home
text	`String`	同`content`	-
color	`String`	图标颜色	#242424
fontSize	`Number`	图标的大小	38
clickColor	`String`	图标点击颜色	-

注①：

属性名content特别说明：

你可以让这个图标旋转起来，语法： home spin.

例如：

<icon 
        ref="reflectName"
        style="width:50px;height:50px;color:#ff0000;font-size:60px" 
        content="home spin">
</icon>

事件回调 `callback`

/**
 * 组件加载完成
 */
@ready = function() { ... }

调用方法 `methods`

/**
 * 设置图标
 * 参数一：图标名称
 */
this.$refs.reflectName.setIcon('home');

/**
 * 设置图标大小
 * 参数一：图标大小
 */
this.$refs.reflectName.setIconSize(20);

/**
 * 设置图标颜色
 * 参数一：颜色代码
 */
this.$refs.reflectName.setIconColor('#ff0000');

/**
 * 设置图标点击颜色
 * 参数一：颜色代码
 */
this.$refs.reflectName.setIconClickColor('#00ff00');

所有图标

Md icons

md-add


md-add-circle


md-add-circle-outline


md-airplane


md-alarm


md-albums


md-alert


md-american-football


md-analytics


md-aperture


md-apps


md-appstore


md-archive


md-arrow-back


md-arrow-down


md-arrow-dropdown


md-arrow-dropdown-circle


md-arrow-dropleft


md-arrow-dropleft-circle


md-arrow-dropright


md-arrow-dropright-circle


md-arrow-dropup


md-arrow-dropup-circle


md-arrow-forward


md-arrow-round-back


md-arrow-round-down


md-arrow-round-forward


md-arrow-round-up


md-arrow-up


md-at


md-attach


md-backspace


md-barcode


md-baseball


md-basket


md-basketball


md-battery-charging


md-battery-dead


md-battery-full


md-beaker


md-bed


md-beer


md-bicycle


md-bluetooth


md-boat


md-body


md-bonfire


md-book


md-bookmark


md-bookmarks


md-bowtie


md-briefcase


md-browsers


md-brush


md-bug


md-build


md-bulb


md-bus


md-business


md-cafe


md-calculator


md-calendar


md-call


md-camera


md-car


md-card


md-cart


md-cash


md-cellular


md-chatboxes


md-chatbubbles


md-checkbox


md-checkbox-outline


md-checkmark


md-checkmark-circle


md-checkmark-circle-outline


md-clipboard


md-clock


md-close


md-close-circle


md-close-circle-outline


md-cloud


md-cloud-circle


md-cloud-done


md-cloud-download


md-cloud-outline


md-cloud-upload


md-cloudy


md-cloudy-night


md-code


md-code-download


md-code-working


md-cog


md-color-fill


md-color-filter


md-color-palette


md-color-wand


md-compass


md-construct


md-contact


md-contacts


md-contract


md-contrast


md-copy


md-create


md-crop


md-cube


md-cut


md-desktop


md-disc


md-document


md-done-all


md-download


md-easel


md-egg


md-exit


md-expand


md-eye


md-eye-off


md-fastforward


md-female


md-filing


md-film


md-finger-print


md-fitness


md-flag


md-flame


md-flash


md-flashlight


md-flash-off


md-flask


md-flower


md-folder


md-folder-open


md-football


md-funnel


md-gift


md-git-branch


md-git-commit


md-git-compare


md-git-merge


md-git-network


md-git-pull-request


md-glasses


md-globe


md-grid


md-hammer


md-hand


md-happy


md-headset


md-heart


md-heart-dislike


md-heart-empty


md-heart-half


md-help


md-help-buoy


md-help-circle


md-help-circle-outline


md-home


md-hourglass


md-ice-cream


md-image


md-images


md-infinite


md-information


md-information-circle


md-information-circle-outline


md-jet


md-journal


md-key


md-keypad


md-laptop


md-leaf


md-link


md-list


md-list-box


md-locate


md-lock


md-log-in


md-log-out


md-magnet


md-mail


md-mail-open


md-mail-unread


md-male


md-man


md-map


md-medal


md-medical


md-medkit


md-megaphone


md-menu


md-mic


md-mic-off


md-microphone


md-moon


md-more


md-move


md-musical-note


md-musical-notes


md-navigate


md-notifications


md-notifications-off


md-notifications-outline


md-nuclear


md-nutrition


md-open


md-options


md-outlet


md-paper


md-paper-plane


md-partly-sunny


md-pause


md-paw


md-people


md-person


md-person-add


md-phone-landscape


md-phone-portrait


md-photos


md-pie


md-pin


md-pint


md-pizza


md-planet


md-play


md-play-circle


md-podium


md-power


md-pricetag


md-pricetags


md-print


md-pulse


md-qr-scanner


md-quote


md-radio


md-radio-button-off


md-radio-button-on


md-rainy


md-recording


md-redo


md-refresh


md-refresh-circle


md-remove


md-remove-circle


md-remove-circle-outline


md-reorder


md-repeat


md-resize


md-restaurant


md-return-left


md-return-right


md-reverse-camera


md-rewind


md-ribbon


md-rocket


md-rose


md-sad


md-save


md-school


md-search


md-send


md-settings


md-share


md-share-alt


md-shirt


md-shuffle


md-skip-backward


md-skip-forward


md-snow


md-speedometer


md-square


md-square-outline


md-star


md-star-half


md-star-outline


md-stats


md-stopwatch


md-subway


md-sunny


md-swap


md-switch


md-sync


md-tablet-landscape


md-tablet-portrait


md-tennisball


md-text


md-thermometer


md-thumbs-down


md-thumbs-up


md-thunderstorm


md-time


md-timer


md-today


md-train


md-transgender


md-trash


md-trending-down


md-trending-up


md-trophy


md-tv


md-umbrella


md-undo


md-unlock


md-videocam


md-volume-high


md-volume-low


md-volume-mute


md-volume-off


md-walk


md-wallet


md-warning


md-watch


md-water


md-wifi


md-wine


md-woman



iOS icons

ios-add


ios-add-circle


ios-add-circle-outline


ios-airplane


ios-alarm


ios-albums


ios-alert


ios-american-football


ios-analytics


ios-aperture


ios-apps


ios-appstore


ios-archive


ios-arrow-back


ios-arrow-down


ios-arrow-dropdown


ios-arrow-dropdown-circle


ios-arrow-dropleft


ios-arrow-dropleft-circle


ios-arrow-dropright


ios-arrow-dropright-circle


ios-arrow-dropup


ios-arrow-dropup-circle


ios-arrow-forward


ios-arrow-round-back


ios-arrow-round-down


ios-arrow-round-forward


ios-arrow-round-up


ios-arrow-up


ios-at


ios-attach


ios-backspace


ios-barcode


ios-baseball


ios-basket


ios-basketball


ios-battery-charging


ios-battery-dead


ios-battery-full


ios-beaker


ios-bed


ios-beer


ios-bicycle


ios-bluetooth


ios-boat


ios-body


ios-bonfire


ios-book


ios-bookmark


ios-bookmarks


ios-bowtie


ios-briefcase


ios-browsers


ios-brush


ios-bug


ios-build


ios-bulb


ios-bus


ios-business


ios-cafe


ios-calculator


ios-calendar


ios-call


ios-camera


ios-car


ios-card


ios-cart


ios-cash


ios-cellular


ios-chatboxes


ios-chatbubbles


ios-checkbox


ios-checkbox-outline


ios-checkmark


ios-checkmark-circle


ios-checkmark-circle-outline


ios-clipboard


ios-clock


ios-close


ios-close-circle


ios-close-circle-outline


ios-cloud


ios-cloud-circle


ios-cloud-done


ios-cloud-download


ios-cloud-outline


ios-cloud-upload


ios-cloudy


ios-cloudy-night


ios-code


ios-code-download


ios-code-working


ios-cog


ios-color-fill


ios-color-filter


ios-color-palette


ios-color-wand


ios-compass


ios-construct


ios-contact


ios-contacts


ios-contract


ios-contrast


ios-copy


ios-create


ios-crop


ios-cube


ios-cut


ios-desktop


ios-disc


ios-document


ios-done-all


ios-download


ios-easel


ios-egg


ios-exit


ios-expand


ios-eye


ios-eye-off


ios-fastforward


ios-female


ios-filing


ios-film


ios-finger-print


ios-fitness


ios-flag


ios-flame


ios-flash


ios-flashlight


ios-flash-off


ios-flask


ios-flower


ios-folder


ios-folder-open


ios-football


ios-funnel


ios-gift


ios-git-branch


ios-git-commit


ios-git-compare


ios-git-merge


ios-git-network


ios-git-pull-request


ios-glasses


ios-globe


ios-grid


ios-hammer


ios-hand


ios-happy


ios-headset


ios-heart


ios-heart-dislike


ios-heart-empty


ios-heart-half


ios-help


ios-help-buoy


ios-help-circle


ios-help-circle-outline


ios-home


ios-hourglass


ios-ice-cream


ios-image


ios-images


ios-infinite


ios-information


ios-information-circle


ios-information-circle-outline


ios-jet


ios-journal


ios-key


ios-keypad


ios-laptop


ios-leaf


ios-link


ios-list


ios-list-box


ios-locate


ios-lock


ios-log-in


ios-log-out


ios-magnet


ios-mail


ios-mail-open


ios-mail-unread


ios-male


ios-man


ios-map


ios-medal


ios-medical


ios-medkit


ios-megaphone


ios-menu


ios-mic


ios-mic-off


ios-microphone


ios-moon


ios-more


ios-move


ios-musical-note


ios-musical-notes


ios-navigate


ios-notifications


ios-notifications-off


ios-notifications-outline


ios-nuclear


ios-nutrition


ios-open


ios-options


ios-outlet


ios-paper


ios-paper-plane


ios-partly-sunny


ios-pause


ios-paw


ios-people


ios-person


ios-person-add


ios-phone-landscape


ios-phone-portrait


ios-photos


ios-pie


ios-pin


ios-pint


ios-pizza


ios-planet


ios-play


ios-play-circle


ios-podium


ios-power


ios-pricetag


ios-pricetags


ios-print


ios-pulse


ios-qr-scanner


ios-quote


ios-radio


ios-radio-button-off


ios-radio-button-on


ios-rainy


ios-recording


ios-redo


ios-refresh


ios-refresh-circle


ios-remove


ios-remove-circle


ios-remove-circle-outline


ios-reorder


ios-repeat


ios-resize


ios-restaurant


ios-return-left


ios-return-right


ios-reverse-camera


ios-rewind


ios-ribbon


ios-rocket


ios-rose


ios-sad


ios-save


ios-school


ios-search


ios-send


ios-settings


ios-share


ios-share-alt


ios-shirt


ios-shuffle


ios-skip-backward


ios-skip-forward


ios-snow


ios-speedometer


ios-square


ios-square-outline


ios-star


ios-star-half


ios-star-outline


ios-stats


ios-stopwatch


ios-subway


ios-sunny


ios-swap


ios-switch


ios-sync


ios-tablet-landscape


ios-tablet-portrait


ios-tennisball


ios-text


ios-thermometer


ios-thumbs-down


ios-thumbs-up


ios-thunderstorm


ios-time


ios-timer


ios-today


ios-train


ios-transgender


ios-trash


ios-trending-down


ios-trending-up


ios-trophy


ios-tv


ios-umbrella


ios-undo


ios-unlock


ios-videocam


ios-volume-high


ios-volume-low


ios-volume-mute


ios-volume-off


ios-walk


ios-wallet


ios-warning


ios-watch


ios-water


ios-wifi


ios-wine


ios-woman



Logo icons

logo-android


logo-angular


logo-apple


logo-bitbucket


logo-bitcoin


logo-buffer


logo-chrome


logo-closed-captioning


logo-codepen


logo-css3


logo-designernews


logo-dribbble


logo-dropbox


logo-euro


logo-facebook


logo-flickr


logo-foursquare


logo-freebsd-devil


logo-game-controller-a


logo-game-controller-b


logo-github


logo-google


logo-googleplus


logo-hackernews


logo-html5


logo-instagram


logo-ionic


logo-ionitron


logo-javascript


logo-linkedin


logo-markdown


logo-model-s


logo-nodejs


logo-no-smoking


logo-npm


logo-octocat


logo-pinterest


logo-playstation


logo-polymer


logo-python


logo-reddit


logo-rss


logo-sass


logo-skype


logo-slack


logo-snapchat


logo-steam


logo-tumblr


logo-tux


logo-twitch


logo-twitter


logo-usd


logo-vimeo


logo-vk


logo-whatsapp


logo-windows


logo-wordpress


logo-xbox


logo-xing


logo-yahoo


logo-yen


logo-youtube



Tb icons

tb-1111


tb-1212


tb-activity


tb-activity-fill


tb-add


tb-add-1


tb-add-light


tb-address-book


tb-album


tb-all


tb-appreciate


tb-appreciate-fill


tb-appreciate-fill-light


tb-appreciate-light


tb-apps


tb-arrow-left-fill


tb-arrow-up-fill


tb-ask


tb-ask-fill


tb-attention


tb-attention-favor


tb-attention-favor-fill


tb-attention-fill


tb-attention-forbid


tb-attention-forbid-fill


tb-attention-light


tb-auction


tb-baby


tb-baby-fill


tb-back


tb-back-android


tb-back-android-light


tb-back-delete


tb-back-light


tb-back-ward-fill


tb-bad


tb-barcode


tb-big


tb-brand


tb-brand-fill


tb-calendar


tb-camera


tb-camera-add


tb-camera-add-fill


tb-camera-fill


tb-camera-light


tb-camera-rotate


tb-cardboard


tb-cardboard-fill


tb-cardboard-forbid


tb-cart


tb-cart-fill


tb-cart-fill-light


tb-cart-light


tb-cascades


tb-change


tb-check


tb-choiceness


tb-choiceness-fill


tb-circle


tb-circle-fill


tb-close


tb-close-light


tb-clothes


tb-clothes-fill


tb-coffee


tb-coin


tb-command


tb-command-fill


tb-comment


tb-comment-fill


tb-comment-fill-light


tb-comment-light


tb-community


tb-community-fill


tb-community-fill-light


tb-community-light


tb-copy


tb-countdown


tb-countdown-fill


tb-creative


tb-creative-fill


tb-crown


tb-crown-fill


tb-cut


tb-delete


tb-delete-fill


tb-delete-light


tb-deliver


tb-deliver-fill


tb-discover


tb-discover-fill


tb-down


tb-down-light


tb-dress


tb-edit


tb-edit-light


tb-emoji


tb-emoji-fill


tb-emoji-flash-fill


tb-emoji-light


tb-evaluate


tb-evaluate-fill


tb-exit


tb-explore


tb-explore-fill


tb-expressman


tb-favor


tb-favor-fill


tb-favor-fill-light


tb-favor-light


tb-female


tb-file


tb-filter


tb-flashbuy-fill


tb-flashlight-close


tb-flashlight-open


tb-focus


tb-fold


tb-footprint


tb-form


tb-form-favor-light


tb-form-fill


tb-form-fill-light


tb-form-light


tb-forward


tb-forward-fill


tb-friend


tb-friend-add


tb-friend-add-fill


tb-friend-add-light


tb-friend-famous


tb-friend-favor


tb-friend-fill


tb-friend-light


tb-friend-settings-light


tb-full


tb-furniture


tb-game


tb-global


tb-global-light


tb-goods


tb-goods-favor


tb-goods-favor-light


tb-goods-fill


tb-goods-hot-fill


tb-goods-light


tb-goods-new


tb-goods-new-fill


tb-goods-new-fill-light


tb-goods-new-light


tb-group


tb-group-fill


tb-group-fill-light


tb-group-light


tb-haodian


tb-home


tb-home-fill


tb-home-fill-light


tb-home-light


tb-hot


tb-hot-fill


tb-hot-light


tb-hua


tb-info


tb-info-fill


tb-ju


tb-juhuasuan


tb-keyboard


tb-keyboard-light


tb-light


tb-light-auto


tb-light-fill


tb-light-forbid


tb-like


tb-like-fill


tb-link


tb-list


tb-living


tb-loading


tb-loading-a


tb-loading-b


tb-loading-c


tb-loading-d


tb-location


tb-location-fill


tb-location-light


tb-lock


tb-magic


tb-mail


tb-male


tb-mao


tb-mark


tb-mark-fill


tb-medal


tb-medal-fill


tb-medal-fill-light


tb-medal-light


tb-message


tb-message-fill


tb-message-fill-light


tb-message-light


tb-mobile


tb-mobile-fill


tb-mobile-tao


tb-money-bag


tb-money-bag-fill


tb-more


tb-more-android


tb-more-android-light


tb-more-light


tb-move


tb-music-fill


tb-music-forbid-fill


tb-my


tb-my-fill


tb-my-fill-light


tb-my-light


tb-new


tb-new-fill


tb-news


tb-news-fill


tb-news-fill-light


tb-news-hot


tb-news-hot-fill


tb-news-hot-fill-light


tb-news-hot-light


tb-news-light


tb-notice


tb-notice-fill


tb-notice-forbid-fill


tb-notification


tb-notification-fill


tb-notification-forbid-fill


tb-oppose-fill-light


tb-oppose-light


tb-order


tb-paint


tb-paint-fill


tb-pay


tb-people


tb-people-fill


tb-people-list


tb-people-list-light


tb-phone


tb-phone-light


tb-pic


tb-pic-fill


tb-pic-light


tb-pick


tb-play-fill


tb-play-forward-fill


tb-post


tb-present


tb-present-fill


tb-profile


tb-profile-fill


tb-profile-light


tb-pull-down


tb-pull-down-1


tb-pull-left


tb-pull-right


tb-pull-up


tb-punch


tb-punch-light


tb-qi


tb-qiang


tb-qrcode-light


tb-qrcode


tb-question


tb-question-fill


tb-radiobox


tb-radiobox-fill


tb-rank


tb-rank-fill


tb-read


tb-recharge


tb-recharge-fill


tb-record


tb-record-fill


tb-record-light


tb-redpacket


tb-redpacket-fill


tb-refresh


tb-refresh-arrow


tb-refresh-light


tb-refund


tb-remind


tb-repair


tb-repair-fill


tb-repeal


tb-right


tb-round


tb-round-add


tb-round-add-fill


tb-round-add-light


tb-round-check


tb-round-check-fill


tb-round-close


tb-round-close-fill


tb-round-close-fill-light


tb-round-close-light


tb-round-comment-light


tb-round-crown-fill


tb-round-down


tb-round-down-light


tb-round-favor-fill


tb-round-friend-fill


tb-round-left-fill


tb-round-light-fill


tb-round-like-fill


tb-round-link-fill


tb-round-list-light


tb-round-location-fill


tb-round-menu-fill


tb-round-pay


tb-round-pay-fill


tb-round-people-fill


tb-round-rank-fill


tb-round-record-fill


tb-round-redpacket


tb-round-redpacket-fill


tb-round-right


tb-round-right-fill


tb-round-shop-fill


tb-round-skin-fill


tb-round-text-fill


tb-round-ticket


tb-round-ticket-fill


tb-round-transfer


tb-round-transfer-fill


tb-safe


tb-same


tb-same-fill


tb-scan


tb-scan-light


tb-search


tb-search-light


tb-search-list


tb-search-list-light


tb-selection


tb-selection-fill


tb-send


tb-service


tb-service-fill


tb-service-light


tb-settings


tb-settings-light


tb-shake


tb-share


tb-share-light


tb-shop


tb-shop-fill


tb-shop-light


tb-similar


tb-skin


tb-skin-fill


tb-skin-light


tb-sort


tb-sort-light


tb-sound


tb-sound-light


tb-sponsor


tb-sponsor-fill


tb-sports


tb-square


tb-square-check


tb-square-check-fill


tb-stop


tb-suan


tb-subscription


tb-subscription-light


tb-subtitle-block-light


tb-subtitle-unblock-light


tb-tag


tb-tag-fill


tb-tao


tb-tao-qianggou


tb-tao-xiaopu


tb-taxi


tb-text


tb-tian


tb-tianmao


tb-ticket


tb-ticket-fill


tb-ticket-money-fill


tb-time


tb-time-fill


tb-tmall


tb-top


tb-triangle-down-fill


tb-triangle-up-fill


tb-unfold


tb-unlock


tb-upblock


tb-upload


tb-upstage


tb-upstage-fill


tb-use-full


tb-use-full-fill


tb-video


tb-video-fill


tb-video-fill-light


tb-video-light


tb-vip


tb-vip-code-light


tb-vipcard


tb-voice


tb-voice-fill


tb-voice-light


tb-wang


tb-wang-fill


tb-wang-light


tb-warn


tb-warn-fill


tb-warn-light


tb-we


tb-we-fill


tb-we-fill-light


tb-we-light


tb-we-block


tb-we-unblock


tb-weibo


tb-wifi


tb-write


tb-write-fill


tb-xiami


tb-xiami-forbid


tb-xiaoheiqun


tb-ye



← <grid> <marquee> →

# <icon>

# 子组件

# 预览效果

# 示例代码

# 配置参数

# 事件回调 callback

# 调用方法 methods

# 所有图标

<icon>

子组件

预览效果

示例代码

配置参数

事件回调 `callback`

调用方法 `methods`

所有图标