vue集成iconfont、fontawesome和图标选择器(含fontawesome、el-icon和加入的iconfont)

目录

  • (一)引入iconfont字体图标库
      • 将图标加入购物车
      • 新建(添加至)项目
      • 下载后项目中引入
  • (二)引入fontawesome
  • (三)图标选择器
      • 效果图
      • 结构
      • 使用
      • 源码

(一)引入iconfont字体图标库

将图标加入购物车

阿里巴巴矢量图标库:
在这里插入图片描述

新建(添加至)项目

右上角的购物车 → 添加至项目 → 进入到项目页面
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

下载后项目中引入

点击下载至本地,解压缩包,只需要这四个文件
在这里插入图片描述

在这里插入图片描述
此时.ttf和.woff文件已经保存了前面步骤的图标,将其复制于 src/assets/iconfont (看个人爱好)
在这里插入图片描述
然后main.js全局引入这个css就行

// 引入自定义iconfont
import "@/assets/iconfont/iconfont.css";

在iconfont.css文件中可以看到、更改图标对应得类名,iconfont是根类名,每个图标必须都有的,使用:

<i calss="iconfont icon-yangtuo" ></i>

(二)引入fontawesome

安装依赖

npm install font-awesome --save

main.js

import 'font-awesome/css/font-awesome.min.css' 

使用

<i class="fa fa-camera-retro"></i>

(三)图标选择器

效果图

在这里插入图片描述

结构

在这里插入图片描述

使用

		<IconPickerv-model="row.icon"placement="bottom-left"size="40"width="1000"></IconPicker>

在新增iconfont图标后只需在iconList里面添加对应类名即可,比如"iconfont icon-CS"

源码

index.vue

<template><el-popoverv-model="visible"trigger="click"title="选择图标"popper-class="el-icon-popper":placement="placement":width="width"@after-leave="hide"><i :class="_prefixIcon" class="fa-2x select-icon" slot="reference"></i><div slot="" class="ui-fas"><el-inputv-model="_name":style="getInputStyle"placeholder="请选择图标"@change="_changeInput"clearable><template slot="prepend"><i :class="_prefixIcon" :style="getBtnStyle" /></template></el-input><!-- 图标列表 --><ul class="fas-icon-list"><liv-for="(item, index) in iconList":key="index":title="item":style="getLiStyle"@click="selectedIcon(item)"><i :class="item" :style="getLiIStyle" /><!-- <div v-show="title">{{ getIconTitle(item) }}</div> --></li></ul></div></el-popover>
</template><script>
import fontawesome from "./iconList";export default {name: "iconPicker",props: {value: {type: String,default() {return "";}},placement: {type: String,//  bottomdefault() {return "bottom";}},width: {default: 1000},size: {default: 50}// title: {//   type: Boolean,//   default: false// }},computed: {_size() {let px = this.size.toString().indexOf("px");return px !== -1 ? this.size.substring(0, px) : this.size;},_maxSize() {return this._size > 50 ? 50 : this._size;},_prefixIcon: {get() {return this._name ? this._name : this.defalutIcon;},set(val) {if (!val) {this._prefixIcon = this.defalutIcon;}}},_name: {get() {return this.value;},set(val) {this.$emit("input", val);}},getBtnStyle() {return {fontSize: this._maxSize / 2.5 + "px"// border: this.value ? "" : "1px dotted #acafb4"};},getInputStyle() {return { fontSize: this._maxSize / 3 + "px" };},getLiStyle() {return { height: this._size + "px", width: this._size + "px", lineHeight: this._size + "px" };},getLiIStyle() {return { fontSize: this._size / 2 + "px" };}},watch: {},data() {return {iconList: fontawesome,visible: false,defalutIcon: "el-icon-plus"};},created() {},mounted() {},beforeDestroy() {},methods: {// 搜索_changeInput(val) {this.iconList = fontawesome.filter((_) => _.indexOf(val) !== -1);},selectedIcon(val) {this._name = val;this.visible = false;},// getIconTitle(val) {//   let el = val.lastIndexOf("el-icon-") + 1; // el-icon//   let fa = val.lastIndexOf("fa-") + 1; // fa//   let iconfont = val.lastIndexOf("icon-") + 1; // fa//   return val.substring(el ? el + 7 : 0 || fa ? fa + 2 : 0 || iconfont ? iconfont + 4 : 0);// },hide() {if (!this.iconList.includes(this._name)) {this._name = "";this.iconList = fontawesome;}}}
};
</script><style>
.el-icon-popper {top: 100%;left: 0;
}[class^="fa"] {vertical-align: middle;text-align: center;
}
.fas-icon-list {list-style-type: none;margin-top: 8px;padding: 0;display: flex;flex-direction: row;flex-wrap: wrap;max-height: 400px;overflow: auto;
}.fas-icon-list li {/* margin: 3px;padding: 5px; */cursor: pointer;
}.fas-icon-list li:hover {background-color: rgba(204, 232, 250, 0.7);
}.fas-icon-list div {overflow: hidden;white-space: nowrap;/* text-emphasis: "-"; */text-overflow: ellipsis;
}.select-icon:hover {background-color: rgba(204, 232, 250, 1);cursor: pointer;
}
</style>

iconList.js

export default ["iconfont icon-CS","fa fa-slack","el-icon-s-ticket","fa fa-arrows-alt","el-icon-s-help","fa fa-wpexplorer","fa fa-video-camera","fa fa-cutlery","fa fa-times-rectangle-o","fa fa-coffee","el-icon-message-solid","fa fa-play-circle","el-icon-remove-outline","el-icon-document-add","fa fa-chain","fa fa-hand-rock-o","el-icon-user-solid","fa fa-list-ul","fa fa-sitemap","el-icon-guide","el-icon-goblet","fa fa-step-backward","fa fa-columns","fa fa-arrow-left","fa fa-fa","fa fa-italic","fa fa-turkish-lira","el-icon-s-flag","fa fa-github-square","fa fa-mobile","fa fa-file-o","fa fa-paw","fa fa-tree","fa fa-remove","fa fa-adn","fa fa-google-plus","el-icon-d-caret","fa fa-external-link","el-icon-caret-right","fa fa-maxcdn","fa fa-battery-three-quarters","fa fa-cc","fa fa-wpbeginner","el-icon-trophy","fa fa-universal-access","fa fa-hand-grab-o","el-icon-s-claim","fa fa-vine","fa fa-hacker-news","fa fa-sticky-note","fa fa-caret-square-o-right","fa fa-yahoo","fa fa-shopping-basket","fa fa-code-fork","fa fa-user","el-icon-office-building","el-icon-location-information","el-icon-s-data","fa fa-codepen","fa fa-reorder","fa fa-cc-mastercard","fa fa-laptop","fa fa-sheqel","fa fa-chevron-circle-left","fa fa-meh-o","fa fa-spoon","fa fa-cloud","fa fa-file-pdf-o","el-icon-monitor","fa fa-deaf","fa fa-th-list","fa fa-address-book-o","fa fa-quote-right","fa fa-battery-2","fa fa-battery-1","fa fa-bookmark","fa fa-battery-4","fa fa-file-sound-o","fa fa-battery-3","el-icon-files","fa fa-caret-square-o-up","fa fa-xing","fa fa-battery-0","fa fa-upload","fa fa-commenting-o","fa fa-chevron-circle-right","el-icon-cloudy","el-icon-s-management","fa fa-times","el-icon-truck","fa fa-pie-chart","fa fa-leanpub","el-icon-ice-tea","fa fa-glass","fa fa-toggle-left","fa fa-hand-o-right","el-icon-knife-fork","fa fa-file-code-o","fa fa-hand-spock-o","fa fa-asl-interpreting","fa fa-pencil","el-icon-chat-line-square","fa fa-calendar","fa fa-i-cursor","el-icon-apple","fa fa-shirtsinbulk","el-icon-pear","fa fa-caret-up","el-icon-document-delete","fa fa-snapchat-ghost","fa fa-user-circle","el-icon-baseball","el-icon-zoom-in","fa fa-user-times","fa fa-tencent-weibo","fa fa-close","fa fa-tags","fa fa-skype","el-icon-download","fa fa-ge","fa fa-digg","fa fa-ravelry","fa fa-binoculars","fa fa-gg","fa fa-soccer-ball-o","fa fa-google","fa fa-beer","el-icon-heavy-rain","fa fa-contao","fa fa-mars-stroke","fa fa-cube","el-icon-arrow-left","fa fa-align-justify","fa fa-file-archive-o","fa fa-toggle-on","el-icon-folder-add","fa fa-whatsapp","fa fa-suitcase","el-icon-warning","fa fa-pencil-square","fa fa-font","el-icon-attract","fa fa-eercast","fa fa-trello","fa fa-calendar-plus-o","el-icon-video-camera","fa fa-arrow-circle-left","el-icon-view","fa fa-pencil-square-o","fa fa-connectdevelop","fa fa-bullhorn","el-icon-error","fa fa-thermometer-half","el-icon-loading","fa fa-chevron-left","fa fa-stack-exchange","fa fa-book","el-icon-coffee-cup","fa fa-arrows","fa fa-window-close-o","fa fa-shekel","fa fa-git","fa fa-scissors","fa fa-fast-forward","fa fa-cc-amex","fa fa-car","el-icon-s-operation","el-icon-headset","fa fa-tint","el-icon-time","fa fa-outdent","el-icon-chat-square","el-icon-orange","fa fa-flickr","fa fa-arrow-up","fa fa-music","el-icon-connection","fa fa-mercury","fa fa-html5","fa fa-microphone-slash","fa fa-simplybuilt","el-icon-mobile","fa fa-inr","el-icon-bank-card","fa fa-send-o","fa fa-krw","fa fa-long-arrow-up","fa fa-thumbs-down","fa fa-diamond","fa fa-bolt","fa fa-hand-pointer-o","el-icon-football","fa fa-bomb","el-icon-mobile-phone","fa fa-paste","fa fa-birthday-cake","fa fa-jsfiddle","fa fa-file-movie-o","el-icon-remove","fa fa-tag","fa fa-youtube","fa fa-thumbs-o-up","el-icon-top","el-icon-folder-checked","fa fa-keyboard-o","fa fa-hand-peace-o","fa fa-blind","el-icon-folder","el-icon-warning-outline","el-icon-aim","fa fa-list-ol","el-icon-pie-chart","fa fa-id-card","el-icon-crop","el-icon-zoom-out","fa fa-cab","fa fa-delicious","el-icon-copy-document","fa fa-file-powerpoint-o","fa fa-dollar","fa fa-shield fa-rotate-270","fa fa-ils","fa fa-backward","fa fa-etsy","el-icon-cpu","fa fa-circle-thin","fa fa-copyright","fa fa-folder","fa fa-group","fa fa-spotify","fa fa-television","fa fa-vimeo","el-icon-present","el-icon-price-tag","el-icon-sugar","fa fa-hospital-o","fa fa-volume-control-phone","el-icon-table-lamp","fa fa-sort-desc","el-icon-video-camera-solid","fa fa-mail-forward","fa fa-twitter","fa fa-bluetooth-b","el-icon-printer","fa fa-chevron-circle-up","fa fa-ioxhost","el-icon-ship","el-icon-data-analysis","el-icon-caret-left","el-icon-sunset","fa fa-at","fa fa-pause","fa fa-angle-left","fa fa-quora","fa fa-eraser","el-icon-odometer","fa fa-rss-square","el-icon-question","fa fa-thermometer-three-quarters","fa fa-hdd-o","fa fa-gittip","fa fa-mobile-phone","el-icon-school","fa fa-users","el-icon-watch","fa fa-assistive-listening-systems","fa fa-caret-square-o-down","fa fa-unlock","fa fa-play","fa fa-superscript","fa fa-chevron-right","fa fa-sign-in","el-icon-unlock","el-icon-document-checked","el-icon-notebook-2","fa fa-paint-brush","fa fa-youtube-play","el-icon-notebook-1","fa fa-odnoklassniki","fa fa-empire","fa fa-deafness","fa fa-arrow-circle-up","fa fa-photo","fa fa-reddit-alien","fa fa-shopping-cart","fa fa-fire-extinguisher","fa fa-share-square","el-icon-potato-strips","el-icon-cloudy-and-sunny","fa fa-picture-o","fa fa-cc-diners-club","el-icon-refresh","el-icon-wallet","fa fa-square","fa fa-times-circle-o","el-icon-user","el-icon-circle-check","fa fa-wechat","fa fa-search-plus","fa fa-window-restore","el-icon-document-copy","fa fa-sort-alpha-asc","fa fa-gbp","el-icon-thumb","fa fa-font-awesome","el-icon-watermelon","fa fa-facebook-official","fa fa-quote-left","fa fa-thumbs-o-down","fa fa-hand-scissors-o","fa fa-linux","fa fa-steam","fa fa-building","fa fa-soundcloud","fa fa-sticky-note-o","fa fa-amazon","el-icon-more","fa fa-eye-slash","fa fa-lightbulb-o","fa fa-arrow-circle-o-left","fa fa-align-right","fa fa-long-arrow-right","el-icon-collection","fa fa-bar-chart-o","el-icon-bottom-right","fa fa-modx","fa fa-android","fa fa-times-rectangle","fa fa-cc-discover","fa fa-star-half-o","fa fa-firefox","el-icon-s-release","fa fa-snowflake-o","fa fa-glide-g","el-icon-smoking","el-icon-picture-outline-round","fa fa-paypal","fa fa-pied-piper-alt","fa fa-cloud-download","fa fa-circle-o","fa fa-github","el-icon-picture-outline","el-icon-map-location","el-icon-sunrise","fa fa-gratipay","fa fa-underline","fa fa-key","fa fa-magic","fa fa-caret-right","fa fa-grav","el-icon-right","fa fa-facebook-f","fa fa-address-card","fa fa-object-group","fa fa-google-plus-square","fa fa-btc","fa fa-viacoin","fa fa-address-book","fa fa-battery","el-icon-sort-up","el-icon-s-cooperation","fa fa-windows","fa fa-bus","fa fa-sun-o","fa fa-strikethrough","el-icon-upload","fa fa-tablet","el-icon-medal-1","fa fa-bold","el-icon-cherry","fa fa-life-bouy","el-icon-soccer","fa fa-image","fa fa-align-left","fa fa-crop","fa fa-microphone","fa fa-bug","fa fa-wpforms","fa fa-slideshare","fa fa-xing-square","fa fa-transgender","fa fa-hotel","fa fa-file-image-o","fa fa-battery-half","el-icon-mouse","fa fa-pause-circle-o","el-icon-circle-plus","fa fa-indent","fa fa-share-square-o","fa fa-codiepie","el-icon-news","fa fa-rotate-left","fa fa-toggle-right","fa fa-behance-square","fa fa-exchange","el-icon-burger","fa fa-mail-reply-all","fa fa-ship","fa fa-exclamation","fa fa-umbrella","el-icon-goblet-square-full","fa fa-meanpath","fa fa-warning","el-icon-more-outline","el-icon-alarm-clock","fa fa-spinner","fa fa-exclamation-circle","fa fa-google-plus-circle","fa fa-share-alt-square","el-icon-check","fa fa-external-link-square","fa fa-wheelchair-alt","fa fa-low-vision","fa fa-step-forward","fa fa-asterisk","el-icon-moon","fa fa-angle-double-down","fa fa-sort-amount-asc","fa fa-arrows-v","el-icon-info","el-icon-s-tools","fa fa-support","fa fa-s15","el-icon-add-location","fa fa-undo","el-icon-sunrise-1","fa fa-signing","el-icon-delete-location","fa fa-tachometer","fa fa-long-arrow-left","fa fa-comment-o","fa fa-flask","el-icon-ice-cream-round","fa fa-flash","fa fa-youtube-square","el-icon-circle-close","fa fa-arrows-h","fa fa-steam-square","fa fa-dedent","fa fa-hard-of-hearing","fa fa-dashcube","fa fa-language","fa fa-newspaper-o","fa fa-trophy","fa fa-forumbee","fa fa-genderless","el-icon-location-outline","fa fa-angle-double-right","fa fa-imdb","fa fa-automobile","el-icon-fork-spoon","fa fa-list","fa fa-calendar-check-o","fa fa-heart","fa fa-pinterest","fa fa-vcard","fa fa-pinterest-square","fa fa-flag-checkered","el-icon-shopping-cart-full","el-icon-top-left","el-icon-tableware","el-icon-light-rain","fa fa-user-circle-o","el-icon-food","fa fa-mars-double","fa fa-circle","fa fa-envelope-square","fa fa-briefcase","fa fa-check-circle","fa fa-check-square","fa fa-houzz","fa fa-calendar-o","fa fa-paperclip","el-icon-sort-down","el-icon-location","fa fa-caret-left","fa fa-money","el-icon-finished","el-icon-rank","el-icon-suitcase","el-icon-caret-top","fa fa-id-badge","el-icon-discover","fa fa-expeditedssl","el-icon-arrow-down","el-icon-no-smoking","fa fa-calendar-times-o","fa fa-credit-card","fa fa-sort-down","fa fa-map","fa fa-clock-o","fa fa-rupee","fa fa-usd","el-icon-s-marketing","fa fa-save","fa fa-terminal","fa fa-venus-mars","fa fa-bicycle","fa fa-graduation-cap","el-icon-paperclip","fa fa-usb","el-icon-postcard","fa fa-window-close","fa fa-shield fa-rotate-90","fa fa-database","el-icon-s-shop","fa fa-yelp","fa fa-thermometer-empty","fa fa-text-height","fa fa-gear","el-icon-folder-opened","fa fa-share-alt","fa fa-star-half-empty","fa fa-intersex","fa fa-sort-alpha-desc","fa fa-reddit-square","fa fa-retweet","fa fa-foursquare","fa fa-sellsy","fa fa-minus","fa fa-share","fa fa-neuter","fa fa-phone-square","fa fa-volume-down","fa fa-paper-plane-o","fa fa-linode","fa fa-gift","fa fa-bluetooth","fa fa-floppy-o","fa fa-gears","fa fa-arrow-circle-right","fa fa-hand-o-left","fa fa-weixin","el-icon-stopwatch","fa fa-crosshairs","fa fa-bell-o","el-icon-collection-tag","el-icon-phone-outline","el-icon-house","fa fa-puzzle-piece","fa fa-industry","fa fa-stack-overflow","el-icon-s-grid","fa fa-tasks","fa fa-drupal","fa fa-hand-o-down","el-icon-chat-dot-square","el-icon-sort","fa fa-battery-full","el-icon-dish","fa fa-smile-o","fa fa-align-center","el-icon-plus","fa fa-link","el-icon-sold-out","el-icon-video-pause","el-icon-chat-line-round","fa fa-power-off","fa fa-stop","el-icon-d-arrow-left","fa fa-chevron-circle-down","fa fa-handshake-o","fa fa-moon-o","fa fa-resistance","fa fa-y-combinator-square","el-icon-video-play","fa fa-hourglass-start","fa fa-signal","fa fa-paper-plane","el-icon-share","el-icon-chat-dot-round","fa fa-desktop","el-icon-key","el-icon-data-line","fa fa-life-buoy","fa fa-microchip","el-icon-goods","fa fa-qrcode","fa fa-random","fa fa-won","fa fa-bitcoin","fa fa-arrow-circle-o-up","el-icon-bicycle","fa fa-user-md","el-icon-service","fa fa-git-square","fa fa-adjust","el-icon-menu","fa fa-search-minus","el-icon-film","el-icon-close-notification","fa fa-odnoklassniki-square","fa fa-battery-empty","fa fa-pied-piper-pp","el-icon-mic","fa fa-opencart","el-icon-scissors","fa fa-camera","el-icon-moon-night","el-icon-star-on","el-icon-medal","el-icon-refresh-left","el-icon-shopping-cart-2","el-icon-s-platform","fa fa-square-o","fa fa-sort-asc","fa fa-info-circle","el-icon-shopping-cart-1","el-icon-set-up","fa fa-eyedropper","el-icon-data-board","fa fa-instagram","fa fa-lastfm","el-icon-lock","fa fa-folder-open-o","fa fa-thermometer-4","fa fa-star-o","fa fa-bell-slash","fa fa-google-wallet","fa fa-angle-down","el-icon-s-opportunity","fa fa-file-audio-o","fa fa-sort-numeric-desc","fa fa-plus-square-o","fa fa-reply","el-icon-upload2","fa fa-chevron-up","fa fa-mixcloud","el-icon-wind-power","fa fa-bed","fa fa-question-circle-o","fa fa-cc-jcb","el-icon-brush","fa fa-chevron-down","fa fa-thermometer-full","fa fa-trash","fa fa-arrow-circle-down","fa fa-forward","el-icon-c-scale-to-original","fa fa-file-word-o","fa fa-id-card-o","el-icon-eleme","fa fa-podcast","el-icon-back","fa fa-glide","el-icon-setting","fa fa-comments-o","fa fa-wheelchair","el-icon-s-fold","el-icon-picture","fa fa-long-arrow-down","el-icon-arrow-right","fa fa-unlink","fa fa-snapchat-square","el-icon-delete","fa fa-location-arrow","fa fa-ban","fa fa-envelope-open-o","fa fa-google-plus-official","el-icon-bell","fa fa-file-video-o","fa fa-window-minimize","fa fa-caret-down","fa fa-thermometer-1","fa fa-thermometer-0","fa fa-thermometer-3","fa fa-thermometer-2","fa fa-bar-chart","fa fa-question-circle","el-icon-goblet-full","fa fa-black-tie","fa fa-cloud-upload","fa fa-tripadvisor","fa fa-file-text-o","el-icon-chicken","fa fa-lemon-o","fa fa-wordpress","fa fa-mars","fa fa-first-order","fa fa-envelope-open","fa fa-barcode","fa fa-expand","fa fa-plane","el-icon-success","fa fa-arrow-right","fa fa-map-marker","el-icon-hot-water","fa fa-euro","fa fa-unsorted","fa fa-joomla","el-icon-first-aid-kit","fa fa-bath","el-icon-toilet-paper","fa fa-meetup","fa fa-chrome","el-icon-message","fa fa-repeat","fa fa-toggle-down","fa fa-rouble","fa fa-download","fa fa-life-ring","fa fa-shield fa-flip-vertical","el-icon-basketball","fa fa-globe","fa fa-jpy","fa fa-arrow-down","fa fa-shield","fa fa-balance-scale","el-icon-camera","el-icon-refrigerator","fa fa-apple","fa fa-fort-awesome","fa fa-tumblr","fa fa-file-photo-o","el-icon-milk-tea","fa fa-stop-circle-o","fa fa-stumbleupon","el-icon-folder-delete","fa fa-header","fa fa-twitch","fa fa-venus","fa fa-openid","fa fa-institution","fa fa-question","el-icon-s-check","fa fa-chain-broken","fa fa-recycle","fa fa-skyatlas","fa fa-file-excel-o","el-icon-coin","fa fa-bars","fa fa-hand-stop-o","fa fa-frown-o","el-icon-platform-eleme","fa fa-paragraph","fa fa-print","fa fa-circle-o-notch","fa fa-clipboard","fa fa-inbox","fa fa-sign-out","fa fa-navicon","fa fa-drivers-license-o","fa fa-legal","fa fa-leaf","el-icon-bottom-left","el-icon-umbrella","fa fa-flag","fa fa-hand-lizard-o","fa fa-bookmark-o","fa fa-copy","el-icon-s-home","fa fa-scribd","fa fa-mars-stroke-v","fa fa-shield fa-rotate-180","fa fa-life-saver","fa fa-envelope","el-icon-suitcase-1","fa fa-sort-amount-desc","fa fa-comments","el-icon-watch-1","el-icon-open","fa fa-500px","fa fa-reply-all","fa fa-map-pin","el-icon-place","fa fa-send","fa fa-arrow-circle-o-right","fa fa-university","fa fa-credit-card-alt","fa fa-road","fa fa-trash-o","fa fa-cart-plus","fa fa-futbol-o","fa fa-fax","fa fa-wifi","fa fa-user-o","el-icon-dish-1","fa fa-percent","fa fa-mars-stroke-h","el-icon-bangzhu","fa fa-refresh","fa fa-medkit","fa fa-safari","fa fa-server","fa fa-mouse-pointer","el-icon-close","fa fa-files-o","fa fa-dot-circle-o","el-icon-edit","fa fa-buysellads","fa fa-gamepad","fa fa-train","el-icon-box","el-icon-male","el-icon-arrow-up","fa fa-times-circle","fa fa-angle-double-up","el-icon-refresh-right","fa fa-braille","fa fa-product-hunt","fa fa-cubes","el-icon-sunny","el-icon-star-off","fa fa-eject","fa fa-cc-stripe","fa fa-address-card-o","fa fa-yen","el-icon-date","el-icon-female","fa fa-pagelines","fa fa-battery-quarter","fa fa-code","fa fa-rebel","fa fa-wikipedia-w","el-icon-phone","fa fa-th-large","fa fa-thermometer","el-icon-dessert","fa fa-history","fa fa-unlock-alt","el-icon-reading","fa fa-angellist","fa fa-minus-circle","fa fa-edit","fa fa-hourglass-half","fa fa-phone","fa fa-vk","fa fa-user-secret","fa fa-male","fa fa-internet-explorer","fa fa-plus","fa fa-shower","el-icon-search","fa fa-sort","fa fa-rotate-right","fa fa-dropbox","fa fa-feed","fa fa-bullseye","el-icon-camera-solid","fa fa-sign-language","fa fa-comment","fa fa-level-up","fa fa-heart-o","el-icon-folder-remove","el-icon-sell","fa fa-themeisle","fa fa-subscript","fa fa-wrench","fa fa-file-text","fa fa-shield fa-flip-horizontal","fa fa-american-sign-language-interpreting","fa fa-edge","fa fa-building-o","fa fa-tv","fa fa-certificate","fa fa-reddit","fa fa-th","fa fa-viadeo-square","el-icon-grape","fa fa-calculator","fa fa-minus-square-o","el-icon-s-finance","fa fa-archive","fa fa-rocket","fa fa-sort-numeric-asc","el-icon-delete-solid","fa fa-caret-square-o-left","fa fa-cogs","fa fa-twitter-square","fa fa-heartbeat","fa fa-headphones","el-icon-position","fa fa-cc-visa","fa fa-anchor","fa fa-motorcycle","fa fa-shopping-bag","fa fa-viadeo","el-icon-chat-round","el-icon-goblet-square","fa fa-angle-up","el-icon-full-screen","fa fa-superpowers","fa fa-tumblr-square","fa fa-commenting","fa fa-rss","fa fa-play-circle-o","el-icon-top-right","fa fa-flag-o","fa fa-mail-reply","fa fa-gg-circle","fa fa-thermometer-quarter","el-icon-money","fa fa-rub","fa fa-sort-up","fa fa-pinterest-p","el-icon-lollipop","fa fa-volume-up","fa fa-text-width","el-icon-edit-outline","fa fa-get-pocket","fa fa-level-down","fa fa-renren","el-icon-help","fa fa-css3","fa fa-bathtub","el-icon-lightning","fa fa-vimeo-square","fa fa-taxi","fa fa-gitlab","fa fa-fast-backward","fa fa-area-chart","fa fa-stethoscope","el-icon-circle-plus-outline","fa fa-pause-circle","fa fa-deviantart","el-icon-s-promotion","fa fa-h-square","fa fa-weibo","fa fa-fire","fa fa-angle-right","fa fa-cart-arrow-down","fa fa-bank","el-icon-caret-bottom","fa fa-cut","fa fa-mortar-board","fa fa-yc","fa fa-toggle-off","el-icon-coordinate","fa fa-window-maximize","fa fa-star","el-icon-minus","fa fa-exclamation-triangle","fa fa-eye","el-icon-discount","fa fa-trademark","fa fa-bitbucket","fa fa-stumbleupon-circle","fa fa-compass","fa fa-female","fa fa-folder-o","fa fa-audio-description","fa fa-home","fa fa-envelope-o","fa fa-filter","el-icon-switch-button","fa fa-registered","el-icon-s-open","fa fa-check-square-o","el-icon-partly-cloudy","el-icon-ice-drink","fa fa-bitbucket-square","fa fa-map-o","fa fa-vcard-o","fa fa-dribbble","fa fa-bandcamp","fa fa-snapchat","fa fa-arrow-circle-o-down","el-icon-s-unfold","el-icon-coffee","fa fa-plus-circle","fa fa-bell","fa fa-venus-double","fa fa-transgender-alt","fa fa-envira","fa fa-yc-square","fa fa-tty","fa fa-compress","fa fa-fonticons","el-icon-ice-cream","el-icon-water-cup","fa fa-toggle-up","el-icon-takeaway-box","fa fa-space-shuttle","fa fa-truck","fa fa-street-view","fa fa-folder-open","fa fa-hashtag","fa fa-facebook-square","fa fa-minus-square","fa fa-file-zip-o","el-icon-s-order","fa fa-cc-paypal","fa fa-hourglass-end","fa fa-subway","fa fa-info","el-icon-turn-off-microphone","el-icon-cold-drink","el-icon-shopping-bag-2","el-icon-shopping-bag-1","el-icon-s-comment","fa fa-facebook","fa fa-eur","fa fa-github-alt","el-icon-bottom","fa fa-search","el-icon-turn-off","fa fa-clone","el-icon-microphone","fa fa-try","fa fa-thumb-tack","fa fa-behance","fa fa-linkedin","fa fa-ellipsis-h","fa fa-ra","fa fa-hand-o-up","el-icon-tickets","fa fa-hourglass-o","el-icon-timer","fa fa-star-half-full","el-icon-ice-cream-square","fa fa-object-ungroup","fa fa-creative-commons","fa fa-qq","fa fa-fighter-jet","fa fa-file-picture-o","fa fa-linkedin-square","fa fa-opera","fa fa-plus-square","el-icon-trophy-1","fa fa-y-combinator","fa fa-magnet","fa fa-rmb","fa fa-user-plus","fa fa-ambulance","fa fa-sliders","fa fa-free-code-camp","fa fa-file","fa fa-child","fa fa-ticket","fa fa-pied-piper","fa fa-gavel","fa fa-list-alt","fa fa-film","fa fa-cog","fa fa-line-chart","el-icon-s-custom","fa fa-check-circle-o","fa fa-cny","fa fa-ellipsis-v","fa fa-plug","fa fa-thumbs-up","fa fa-yoast","el-icon-d-arrow-right","fa fa-optin-monster","fa fa-lastfm-square","el-icon-document-remove","fa fa-medium","fa fa-hourglass-1","fa fa-drivers-license","fa fa-table","fa fa-hourglass-2","fa fa-hourglass-3","fa fa-ruble","fa fa-check","fa fa-stop-circle","el-icon-receiving","fa fa-lock","fa fa-calendar-minus-o","fa fa-bell-slash-o","fa fa-star-half","fa fa-angle-double-left","el-icon-s-goods","el-icon-document","fa fa-hourglass","fa fa-telegram","fa fa-map-signs","el-icon-magic-stick","fa fa-camera-retro","el-icon-link","fa fa-dashboard","fa fa-hand-paper-o","fa fa-volume-off"]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/278591.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java之Synchronize

2019独角兽企业重金招聘Python工程师标准>>> 实现原理&#xff1a;JVM 是通过进入、退出对象监视器( Monitor )来实现对方法、同步块的同步的。 具体实现是在编译之后在同步方法调用前加入一个 monitor.enter 指令&#xff0c;在退出方法和异常处插入 monitor.exit …

HikariCP连接池配置

2019独角兽企业重金招聘Python工程师标准>>> HikariCP号称性能最好的Java数据库连接池。虽没做过亲测但是公司项目一直在用&#xff0c;大概经历过2万左右用户同时在线&#xff0c;链接池性能方面未出现问题。 官网&#xff1a;http://brettwooldridge.github.io/Hi…

Microsoft Desktop Player是IT Pro的宝贵工具

If you are an IT Professional, a new education tool introduced by Microsoft is the MS Desktop Player. Today we take a look at what it has to offer, from Webcasts, White Papers, Training Videos, and more. 如果您是IT专业人员&#xff0c;则Microsoft推出的新的培…

如何在Microsoft Excel中将文本转换为日期值

Analysis of business data often requires working with date values in Excel to answer questions such as “how much money did we make today” or “how does this compare to the same day last week?” And that can be hard when Excel doesn’t recognize the valu…

看着手机会让您晕眩吗? 禁用动画

Giulio_Fornasar/ShutterstockGiulio_Fornasar /快门Are your phone’s buttery-smooth animations causing motion sickness, eyestrain, or even slow app performance? Those animations are just for looks, and you can disable a lot of them on both iPhone and Androi…

电脑的组成

一、按电脑组成分 1.CPU&#xff08;中央处理器&#xff09;&#xff0c;是一块超大规模的集成电路&#xff0c;有很多针脚&#xff0c;是电脑的核心&#xff0c;它是电脑进行运算和控制的核心&#xff0c;处理着各种信息的运算&#xff0c;就像人计算数学题要用头脑运算一样。…

微信小程序之 SideBar(侧栏分类)

项目目录&#xff1a; 模拟数据&#xff1a; utils / data.js function getSData() {var data [{"id": 1,"tree": {"id": 1,"desc": "宝宝奶粉","desc2": null,"level": "level1","log…

如何在线查找成千上万的免费电子书

You’ve got an ebook reader (or a laptop or netbook with ebook reading software) now you just need some free books to put it to good use. Read on as we show you the best places to score free books online. 您已经有了一个电子书阅读器(或带有电子书阅读软件的笔…

Spring Bean默认配置为单实例 Spring Bean生命周期

2019独角兽企业重金招聘Python工程师标准>>> Spring 的Bean默认的是单例的. 如果不想单例需要如下配置&#xff1a; <bean id"user" class"..." scope"singleton"/> scope"singleton"就是配置这个bean是单例的&#…

minecraft服务器_如何启动自己的Minecraft服务器进行多人游戏

minecraft服务器If you’ve played Minecraft, then it’s easy to see how much fun it can be. Running your own server lets you bring all of your friends into the same game, and you can play with rules you get to make or break. It’s the ultimate in an already…

Spring Boot 2.x(六):优雅的统一返回值

目录 为什么要统一返回值ReturnVOReturnCode使用ReturnVO使用AOP进行全局异常的处理云撸猫公众号为什么要统一返回值 在我们做后端应用的时候&#xff0c;前后端分离的情况下&#xff0c;我们经常会定义一个数据格式&#xff0c;通常会包含code&#xff0c;message&#xff0c;…

jhope代码分析以及网站结构

如下图所示&#xff0c;为Extjs部分代码提供的网页结构&#xff1a;网站看上去本来是这样的前端采用ExtJS&#xff0c;与后台的SpringMVCSpringHibernate进行数据交互。之前分析过登录的过程&#xff0c;不赘述在loginController处理登录返回结果的最后&#xff0c;如下语句也就…

Ubuntu下Authentication token manipulation error或者Authentication Failure解决办法

在Ubuntu18.04使用以下命令出现以下错误: 用passwd为新建用户或者root添加密码:Authentication token manipulation error 切换root用户出现Authentication Failure. 网上出现了大致两种方法: 第一种&#xff1a;用户文件和密码文件被保护&#xff0c;用chattr命令移除保护即可…

初学者:如何使用虚拟PC将Windows 7安装到虚拟机

Continuing in our series covering how to use Virtual PC, this week we’ll be showing you how to install Windows 7 into a virtual machine. It’s a very simple process, but here’s the step-by-step guide for beginners. 继续我们的系列文章&#xff0c;介绍如何使…

arcgis本地服务快速迁移到新机

情景 在本机或服务器发布了几十、几百个gis服务&#xff0c;当换电脑或者换服务器时不可能挨个找源文件重新发布服务&#xff0c;于是就想着既然是本地文件&#xff0c;一定可以拷贝过去的&#xff0c;经过一番搜索&#xff0c;结果如下: 方案一、迁移至新站点 新机站点创建…

极客大佬用什么电脑_极客特惠:笔记本电脑,高清电视和免费应用

极客大佬用什么电脑If you love new gear but not high prices then we’ve got some deals for you; grab some deeply discounted laptops, monitors and HDTVs, and free mobile apps in this week’s Geek Deals roundup. 如果您喜欢新设备&#xff0c;但不喜欢高价&#x…

ppt插入html(用office而不是wps)

最近新get到的技能&#xff0c;在ppt里面插入html&#xff01;注意要用 Microsoft Office PowerPoint 才行&#xff0c;而不是wps&#xff0c;一定要先安装Microsoft Office PowerPoint再执行以下操作。 1、修改注册表的值&#xff0c;才能在PowerPoint中插入 Microsoft Web B…

如何使用SkyDrive的25 GB作为映射驱动器以方便访问

SkyDrive is an online storage system included in Windows Live, which gives you 25 GB of space that you can sync to your desktop. Here’s how to connect it to your Windows 7 computer as a mapped drive. SkyDrive是Windows Live中包含的一个在线存储系统&#xff…

SpringBoot+Mybatis 框架之 @SelectProvider注解方式搭建

之前搭建了Select标签来做SringBootMybatis的集成。这次使用SelectProvider标签的方式搭建一次。 一、搭建SpringBoot的项目 https://start.spring.io/自己配置SpringBoot的项目&#xff0c;点击“Generate Project”按钮就可以下载下来一个配置好的SpringBoot项目。 二、项目结…

从购买域名到nginx,flask搭建自己的网站

搭建一个只属于自己的网站? 一、注册域名&#xff08;可选*&#xff09; 1.注册阿里云账号 网址&#xff1a;登录&#xff08;注册&#xff09; 2.购买域名&#xff1a;阿里云域名注册 有一元域名、免费域名等。 购买过程中需要创建信息模板&#xff08;必须完成邮箱真实…