├── fonts ├── iconfont.eot ├── iconfont.ttf ├── iconfont.woff ├── demo.css ├── iconfont.css ├── demo_unicode.html └── demo_fontclass.html ├── js ├── addZero.js ├── main.js └── calendar.js ├── html └── index.html ├── css ├── main.css.map ├── style.css.map ├── style.scss ├── main.scss ├── style.css └── main.css └── main.html /fonts/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/swb1999/calendar/HEAD/fonts/iconfont.eot -------------------------------------------------------------------------------- /fonts/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/swb1999/calendar/HEAD/fonts/iconfont.ttf -------------------------------------------------------------------------------- /fonts/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/swb1999/calendar/HEAD/fonts/iconfont.woff -------------------------------------------------------------------------------- /js/addZero.js: -------------------------------------------------------------------------------- 1 | function addZero(val){ 2 | if(val<10){ 3 | val = "0"+val; 4 | } 5 | return val; 6 | } -------------------------------------------------------------------------------- /html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
出行时间
12 |
13 |
14 | 15 | 16 | 26 | 27 | -------------------------------------------------------------------------------- /css/main.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAQ,kCAAuB;AAC/B,CAAC;EACA,MAAM,EAAC,CAAC;EACR,OAAO,EAAC,CAAC;;AAEV,EAAE;EACD,UAAU,EAAC,IAAI;;AAEhB,oBAAkB;EACjB,UAAU,EAAE,UAAU;;AAEvB,iBAAM;EACL,KAAK,EAAC,IAAI;EACV,MAAM,EAAC,IAAI;EACX,QAAQ,EAAC,MAAM;;AAEhB,iBAAe;EAEd,SAAS,EAAE,KAAK;;AAEjB,IAAI;EACH,SAAS,EAAE,SAAS;;AAErB,KAAK;EACJ,SAAS,EAAE,OAAO;EAClB,OAAO,EAAE,YAAY;EACrB,sBAAsB,EAAE,MAAM;;AAE/B,OAAO;EACN,cAAc,EAAC,CAAC;EAChB,MAAM,EAAE,MAAM;EACd,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,UAAU,EAAE,IAAI;;AAEjB,KAAK;EACJ,UAAU,EAAC,IAAI;;AAGhB,EAAE;EACD,OAAO,EAAE,OAAO;EAChB,OAAO,EAAE,YAAY;EACrB,eAAe,EAAE,aAAa;EAC9B,aAAa,EAAE,cAAc;EAC7B,WAAW,EAAE,IAAI;EACjB,mBAAgB;IACf,KAAK,EAAC,GAAG;IACT,OAAO,EAAC,IAAI;IACZ,eAAe,EAAE,aAAa;IAC9B,qBAAC;MACA,KAAK,EAAC,IAAI;MACV,+BAAS;QACR,YAAY,EAAE,GAAG;IAGnB,kCAAc;MACb,UAAU,EAAE,MAAM;MAClB,MAAM,EAAE,cAAc;MACtB,uCAAI;QACH,OAAO,EAAE,KAAK;EAIjB,mBAAgB;IACf,YAAY,EAAE,IAAI;IAClB,KAAK,EAAE,IAAI;IACX,wBAAI;MACH,YAAY,EAAE,GAAG;MACjB,cAAc,EAAE,GAAG;EAGrB,SAAM;IACL,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,OAAO;;AAIhB,gCAAgB;EACf,KAAK,EAAC,GAAG;AAEV,oBAAI;EACH,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,KAAK", 4 | "sources": ["main.scss"], 5 | "names": [], 6 | "file": "main.css" 7 | } 8 | -------------------------------------------------------------------------------- /css/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,CAAC;EACA,MAAM,EAAC,CAAC;EACR,OAAO,EAAC,CAAC;;AAEV,EAAE;EACD,UAAU,EAAC,IAAI;;AAEhB,oBAAkB;EACjB,UAAU,EAAE,UAAU;;AAEvB,SAAS;EACR,SAAS,EAAE,OAAO;;AAEnB,iBAAM;EACL,KAAK,EAAC,IAAI;EACV,MAAM,EAAC,IAAI;EACX,QAAQ,EAAC,MAAM;;AAEhB,iBAAe;EAEd,SAAS,EAAE,KAAK;;AAEjB,IAAI;EACH,SAAS,EAAE,SAAS;;AAErB,KAAK;EACJ,OAAO,EAAE,YAAY;EACrB,sBAAsB,EAAE,MAAM;;AAE/B,OAAO;EACN,mBAAmB,EAAC,CAAC;EACrB,SAAS,EAAE,MAAM;EACjB,MAAM,EAAE,MAAM;EACd,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,MAAM;EACnB,UAAU,EAAC,IAAI;EACf,KAAK,EAAE,IAAI;;AAEZ,KAAK;EACJ,YAAY,EAAC,CAAC;EACd,UAAU,EAAC,IAAI;EACf,SAAS,EAAE,MAAM;EAIjB,QAAE;IACD,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,MAAM;EAEnB,QAAE;IACD,OAAO,EAAC,YAAY;IACpB,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,IAAI;EAEjB,QAAE;IACD,YAAY,EAAC,CAAC;IACd,UAAU,EAAE,MAAM;;AAGpB,MAAM;EACL,eAAe,EAAE,QAAQ;EACzB,KAAK,EAAE,IAAI;EACX,SAAE;IACD,MAAM,EAAC,qBAAqB;IAC5B,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,QAAQ;IAClB,cAAI;MACH,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,CAAC;MACN,IAAI,EAAE,CAAC;IAER,WAAC;MACA,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,CAAC;MACR,MAAM,EAAE,CAAC;EAGX,YAAK;IACJ,UAAU,EAAE,qBAAiB;IAC7B,KAAK,EAAE,IAAI;EAEZ,eAAQ;IACP,UAAU,EAAE,OAAO;IACnB,KAAK,EAAE,IAAI;EAEZ,cAAO;IACN,KAAK,EAAE,IAAI", 4 | "sources": ["style.scss"], 5 | "names": [], 6 | "file": "style.css" 7 | } 8 | -------------------------------------------------------------------------------- /css/style.scss: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | } 5 | li{ 6 | list-style:none; 7 | } 8 | *,*:after,*:before{ 9 | box-sizing: border-box; 10 | } 11 | .iconfont{ 12 | font-size: 0.14rem; 13 | } 14 | %full { 15 | width:100%; 16 | height:100%; 17 | overflow:hidden; 18 | } 19 | html,body,.wrap{ 20 | @extend %full; 21 | min-width: 320px; 22 | } 23 | html{ 24 | font-size: 85.3333px; 25 | } 26 | .wrap{ 27 | display: -webkit-flex; 28 | -webkit-flex-direction: column; 29 | } 30 | .header{ 31 | -webkit-flex-shrink:0; 32 | font-size: .14rem; 33 | height: .48rem; 34 | text-align: center; 35 | line-height: .48rem; 36 | background:blue; 37 | color: #fff; 38 | } 39 | .item{ 40 | -webkit-flex:1; 41 | overflow-y:auto; 42 | font-size: .14rem; 43 | section{ 44 | 45 | } 46 | h2{ 47 | height: .4rem; 48 | line-height: .4rem; 49 | text-align: center; 50 | } 51 | ul{ 52 | display:-webkit-flex; 53 | height: .4rem; 54 | line-height: .4rem; 55 | background: #eee; 56 | } 57 | li{ 58 | -webkit-flex:1; 59 | text-align: center; 60 | } 61 | } 62 | .table{ 63 | border-collapse: collapse; 64 | width: 100%; 65 | td{ 66 | border:1px solid transparent; 67 | text-align: center; 68 | height: .5rem; 69 | background: #eee; 70 | position: relative; 71 | span{ 72 | position: absolute; 73 | top: 0; 74 | left: 0; 75 | } 76 | b{ 77 | position: absolute; 78 | right: 0; 79 | bottom: 0; 80 | } 81 | } 82 | td.bg{ 83 | background: rgba(33,33,33,.5); 84 | color: #fff; 85 | } 86 | td.hover{ 87 | background: skyblue; 88 | color: #fff; 89 | } 90 | td.ligh{ 91 | color: #ccc; 92 | } 93 | } -------------------------------------------------------------------------------- /css/main.scss: -------------------------------------------------------------------------------- 1 | @import "../fonts/iconfont.css"; 2 | *{ 3 | margin:0; 4 | padding:0; 5 | } 6 | li{ 7 | list-style:none; 8 | } 9 | *,*:after,*:before{ 10 | box-sizing: border-box; 11 | } 12 | %full { 13 | width:100%; 14 | height:100%; 15 | overflow:hidden; 16 | } 17 | html,body,.wrap{ 18 | @extend %full; 19 | min-width: 320px; 20 | } 21 | html{ 22 | font-size: 85.3333px; 23 | } 24 | .wrap{ 25 | font-size: 0.16rem; 26 | display: -webkit-flex; 27 | -webkit-flex-direction: column; 28 | } 29 | .header{ 30 | -webkit-shrink:0; 31 | height: 0.4rem; 32 | line-height: 0.4rem; 33 | text-align: center; 34 | background: blue; 35 | } 36 | .item{ 37 | overflow-y:auto; 38 | } 39 | 40 | li{ 41 | padding: .2rem 0; 42 | display: -webkit-flex; 43 | justify-content: space-between; 44 | border-bottom: 1px solid #ccc; 45 | margin-left: 10px; 46 | div:nth-child(1){ 47 | width:80%; 48 | display:flex; 49 | justify-content: space-between; 50 | p{ 51 | float:left; 52 | .iconfont{ 53 | margin-right: 5px; 54 | } 55 | } 56 | p:nth-child(2){ 57 | text-align: center; 58 | margin: -10px 0 0 10px; 59 | span{ 60 | padding: 5px 0; 61 | } 62 | } 63 | } 64 | div:nth-child(2){ 65 | margin-right: 10px; 66 | color: blue; 67 | span{ 68 | margin-right: 5px; 69 | letter-spacing: 3px; 70 | } 71 | } 72 | button{ 73 | margin-left: 5%; 74 | width: 90%; 75 | height: .4rem; 76 | border: none; 77 | outline: none; 78 | background: skyblue; 79 | border-radius: 10px; 80 | color: #fff; 81 | cursor: pointer; 82 | } 83 | } 84 | li:nth-child(2){ 85 | div:nth-child(1){ 86 | width:55%; 87 | } 88 | span{ 89 | line-height: 1.5; 90 | margin: 0 3px; 91 | } 92 | } -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; } 4 | 5 | li { 6 | list-style: none; } 7 | 8 | *, *:after, *:before { 9 | box-sizing: border-box; } 10 | 11 | .iconfont { 12 | font-size: 0.14rem; } 13 | 14 | html, body, .wrap { 15 | width: 100%; 16 | height: 100%; 17 | overflow: hidden; } 18 | 19 | html, body, .wrap { 20 | min-width: 320px; } 21 | 22 | html { 23 | font-size: 85.3333px; } 24 | 25 | .wrap { 26 | display: -webkit-flex; 27 | -webkit-flex-direction: column; } 28 | 29 | .header { 30 | -webkit-flex-shrink: 0; 31 | font-size: .14rem; 32 | height: .48rem; 33 | text-align: center; 34 | line-height: .48rem; 35 | background: blue; 36 | color: #fff; } 37 | 38 | .item { 39 | -webkit-flex: 1; 40 | overflow-y: auto; 41 | font-size: .14rem; } 42 | .item h2 { 43 | height: .4rem; 44 | line-height: .4rem; 45 | text-align: center; } 46 | .item ul { 47 | display: -webkit-flex; 48 | height: .4rem; 49 | line-height: .4rem; 50 | background: #eee; } 51 | .item li { 52 | -webkit-flex: 1; 53 | text-align: center; } 54 | 55 | .table { 56 | border-collapse: collapse; 57 | width: 100%; } 58 | .table td { 59 | border: 1px solid transparent; 60 | text-align: center; 61 | height: .5rem; 62 | background: #eee; 63 | position: relative; } 64 | .table td span { 65 | position: absolute; 66 | top: 0; 67 | left: 0; } 68 | .table td b { 69 | position: absolute; 70 | right: 0; 71 | bottom: 0; } 72 | .table td.bg { 73 | background: rgba(33, 33, 33, 0.5); 74 | color: #fff; } 75 | .table td.hover { 76 | background: skyblue; 77 | color: #fff; } 78 | .table td.ligh { 79 | color: #ccc; } 80 | 81 | /*# sourceMappingURL=style.css.map */ 82 | -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | @import url(../fonts/iconfont.css); 2 | * { 3 | margin: 0; 4 | padding: 0; } 5 | 6 | li { 7 | list-style: none; } 8 | 9 | *, *:after, *:before { 10 | box-sizing: border-box; } 11 | 12 | html, body, .wrap { 13 | width: 100%; 14 | height: 100%; 15 | overflow: hidden; } 16 | 17 | html, body, .wrap { 18 | min-width: 320px; } 19 | 20 | html { 21 | font-size: 85.3333px; } 22 | 23 | .wrap { 24 | font-size: 0.16rem; 25 | display: -webkit-flex; 26 | -webkit-flex-direction: column; } 27 | 28 | .header { 29 | -webkit-shrink: 0; 30 | height: 0.4rem; 31 | line-height: 0.4rem; 32 | text-align: center; 33 | background: blue; } 34 | 35 | .item { 36 | overflow-y: auto; } 37 | 38 | li { 39 | padding: .2rem 0; 40 | display: -webkit-flex; 41 | justify-content: space-between; 42 | border-bottom: 1px solid #ccc; 43 | margin-left: 10px; } 44 | li div:nth-child(1) { 45 | width: 80%; 46 | display: flex; 47 | justify-content: space-between; } 48 | li div:nth-child(1) p { 49 | float: left; } 50 | li div:nth-child(1) p .iconfont { 51 | margin-right: 5px; } 52 | li div:nth-child(1) p:nth-child(2) { 53 | text-align: center; 54 | margin: -10px 0 0 10px; } 55 | li div:nth-child(1) p:nth-child(2) span { 56 | padding: 5px 0; } 57 | li div:nth-child(2) { 58 | margin-right: 10px; 59 | color: blue; } 60 | li div:nth-child(2) span { 61 | margin-right: 5px; 62 | letter-spacing: 3px; } 63 | li button { 64 | margin-left: 5%; 65 | width: 90%; 66 | height: .4rem; 67 | border: none; 68 | outline: none; 69 | background: skyblue; 70 | border-radius: 10px; 71 | color: #fff; 72 | cursor: pointer; } 73 | 74 | li:nth-child(2) div:nth-child(1) { 75 | width: 55%; } 76 | li:nth-child(2) span { 77 | line-height: 1.5; 78 | margin: 0 3px; } 79 | 80 | /*# sourceMappingURL=main.css.map */ 81 | -------------------------------------------------------------------------------- /main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
活力5星
12 |
13 | 38 |
39 |
40 | 41 | 42 | 49 | 50 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | function getTime(par){ 2 | var def = { 3 | con1 : "#data_in", 4 | con2 : "#data_out", 5 | con3 : "#new", 6 | con4 : "#temp", 7 | con5 : "#night", 8 | startTime : new Date(), 9 | night:3 10 | }, 11 | set = this.extend({},def,par), 12 | urlObj = this.analysisUrl(); 13 | this.con1 = this.getElement(set.con1); 14 | this.con2 = this.getElement(set.con2); 15 | this.con3 = this.getElement(set.con3); 16 | this.con4 = this.getElement(set.con4); 17 | this.con5 = this.getElement(set.con5); 18 | this.startTime =set.startTime; 19 | this.night = set.night; 20 | if(urlObj){ 21 | var sub = Math.ceil((new Date(urlObj.leaveTime) - new Date(urlObj.liveTime))/86400000); 22 | this.startTime = new Date(urlObj.liveTime); 23 | this.night = sub; 24 | } 25 | this.showTime() 26 | this.binEvent() 27 | } 28 | getTime.prototype={ 29 | constructor:getTime, 30 | showTime:function(){ 31 | var year = this.startTime.getFullYear(), 32 | month = this.startTime.getMonth(), 33 | day = this.startTime.getDate(), 34 | sTime = this.getDate(this.startTime); 35 | eTime = this.getDate(new Date(year,month,day+this.night)); 36 | this.con1.innerText = sTime; 37 | this.con2.innerText = eTime; 38 | this.con3.innerText = this.getWeek(sTime); 39 | this.con4.innerText = this.getWeek(eTime); 40 | this.con5.innerText = "共"+Math.ceil(( new Date(year,month,day+this.night) - this.startTime)/86400000)+"晚"; 41 | }, 42 | getDate:function(date){ 43 | var y = date.getFullYear(), 44 | m = date.getMonth(), 45 | d = date.getDate(); 46 | return y + "年" + addZero(m+1) + "月" + addZero(d) + "日"; 47 | }, 48 | getWeek:function(time){ 49 | var week = ["日","一","二","三","四","五","六"], 50 | splitTime = time.replace(/\D/g,"-").slice(0,-1); 51 | sub = Math.ceil((new Date(splitTime) - new Date())/86400000); 52 | switch(sub){ 53 | case 0 : 54 | return "今天"; 55 | case 1 : 56 | return "明天"; 57 | case 2 : 58 | return "后天"; 59 | default: 60 | return "周"+week[new Date(splitTime).getDay()]; 61 | } 62 | }, 63 | analysisUrl:function(){ 64 | var url = location.search, 65 | obj = {}; 66 | if(!url) return false; 67 | url = url.substring(1).split("&") 68 | for(var i=0,len=url.length;i" 29 | } 30 | for(var i=0;i"; 48 | }else if(newNum>days){ 49 | newNum -= days; 50 | tableStr += ""+newNum+""; 51 | }else if(newNum"; 53 | }else{ 54 | tableStr += ""+newNum+""; 55 | } 56 | } 57 | tableStr += "" 58 | } 59 | str += "
"+ 60 | "

"+newY+"年"+(addZero(newM+1))+"月

"+ 61 | "
    "+weekStr+"
"+ 62 | ""+tableStr+"
" 63 | "
"; 64 | } 65 | this.target.innerHTML = str; 66 | }, 67 | getDays:function(year,month){ 68 | var arr = [31,28,31,30,31,30,31,31,30,31,30,31]; 69 | if (year%400 == 0 || (year%4 == 0 && year%100 != 0)) arr[1]=29; 70 | return arr[month]; 71 | }, 72 | selectDate:function(){ 73 | var flag = true, 74 | that = this, 75 | liveY = "", 76 | liveM = "", 77 | liveD = ""; 78 | this.target.onclick=function(e){ 79 | var event = e || event, 80 | target = e.target || e.srcElement, 81 | nodeB = document.createElement("b"); 82 | if(target.tagName == "TD" && target.className != "bg" && target.className != "ligh"){ 83 | var time = target.parentNode.parentNode.parentNode.parentNode.children[0].innerText.match(/\d+/g), 84 | selectDay = target.getElementsByTagName("span")[0].innerText; 85 | if(flag){ 86 | var hoverTd = document.querySelectorAll(".hover"); 87 | for(var i=0,len=hoverTd.length;ithat.maxDay){ 107 | alert("入住时长不得超过"+that.maxDay+"天"); 108 | return; 109 | } 110 | if(cur>=0){ 111 | par = "?liveTime="+liveY+"-"+(liveM+1)+"-"+liveD+"&leaveTime="+leaveY+"-"+(leaveM+1)+"-"+leaveD; 112 | }else{ 113 | par = "?liveTime="+leaveY+"-"+(leaveM+1)+"-"+leaveD+"&leaveTime="+liveY+"-"+(liveM+1)+"-"+liveD; 114 | } 115 | flag = true; 116 | location.href="../main.html"+par; 117 | } 118 | target.appendChild(nodeB); 119 | target.className = "hover"; 120 | } 121 | } 122 | }, 123 | highShow:function(){ 124 | var urlSearch = this.analysisUrl(); 125 | if(!urlSearch) return false; 126 | var liveM = decodeURI(urlSearch.liveTime).split(/\D/g)[1]*1, 127 | leaveM = decodeURI(urlSearch.leaveTime).split(/\D/g)[1]*1, 128 | liveD = decodeURI(urlSearch.liveTime).split(/\D/g)[2]*1, 129 | leaveD = decodeURI(urlSearch.leaveTime).split(/\D/g)[2]*1, 130 | liveTable = document.getElementById("tab"+liveM), 131 | leaveTable = document.getElementById("tab"+leaveM), 132 | liveTd = liveTable.getElementsByTagName("td"), 133 | leaveTd = leaveTable.getElementsByTagName("td"); 134 | if(liveM == leaveM){ 135 | for(var i=0,len=liveTd.length;iliveD && ind , 正淳 9 | */ 10 | 11 | /** 清除内外边距 **/ 12 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 13 | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ 14 | pre, /* text formatting elements 文本格式元素 */ 15 | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ 16 | th, td /* table elements 表格元素 */ { 17 | margin: 0; 18 | padding: 0; 19 | } 20 | 21 | /** 设置默认字体 **/ 22 | body, 23 | button, input, select, textarea /* for ie */ { 24 | font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; 25 | } 26 | h1, h2, h3, h4, h5, h6 { font-size: 100%; } 27 | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ 28 | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ 29 | small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ 30 | 31 | /** 重置列表元素 **/ 32 | ul, ol { list-style: none; } 33 | 34 | /** 重置文本格式元素 **/ 35 | a { text-decoration: none; } 36 | a:hover { text-decoration: underline; } 37 | 38 | 39 | /** 重置表单元素 **/ 40 | legend { color: #000; } /* for ie6 */ 41 | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */ 42 | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */ 43 | /* 注：optgroup 无法扶正 */ 44 | 45 | /** 重置表格元素 **/ 46 | table { border-collapse: collapse; border-spacing: 0; } 47 | 48 | /* 清除浮动 */ 49 | .ks-clear:after, .clear:after { 50 | content: '\20'; 51 | display: block; 52 | height: 0; 53 | clear: both; 54 | } 55 | .ks-clear, .clear { 56 | *zoom: 1; 57 | } 58 | 59 | .main { 60 | padding: 30px 100px; 61 | width: 960px; 62 | margin: 0 auto; 63 | } 64 | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;} 65 | 66 | .helps{margin-top:40px;} 67 | .helps pre{ 68 | padding:20px; 69 | margin:10px 0; 70 | border:solid 1px #e7e1cd; 71 | background-color: #fffdef; 72 | overflow: auto; 73 | } 74 | 75 | .icon_lists{ 76 | width: 100% !important; 77 | 78 | } 79 | 80 | .icon_lists li{ 81 | float:left; 82 | width: 100px; 83 | height:180px; 84 | text-align: center; 85 | list-style: none !important; 86 | } 87 | .icon_lists .icon{ 88 | font-size: 42px; 89 | line-height: 100px; 90 | margin: 10px 0; 91 | color:#333; 92 | -webkit-transition: font-size 0.25s ease-out 0s; 93 | -moz-transition: font-size 0.25s ease-out 0s; 94 | transition: font-size 0.25s ease-out 0s; 95 | 96 | } 97 | .icon_lists .icon:hover{ 98 | font-size: 100px; 99 | } 100 | 101 | 102 | 103 | .markdown { 104 | color: #666; 105 | font-size: 14px; 106 | line-height: 1.8; 107 | } 108 | 109 | .highlight { 110 | line-height: 1.5; 111 | } 112 | 113 | .markdown img { 114 | vertical-align: middle; 115 | max-width: 100%; 116 | } 117 | 118 | .markdown h1 { 119 | color: #404040; 120 | font-weight: 500; 121 | line-height: 40px; 122 | margin-bottom: 24px; 123 | } 124 | 125 | .markdown h2, 126 | .markdown h3, 127 | .markdown h4, 128 | .markdown h5, 129 | .markdown h6 { 130 | color: #404040; 131 | margin: 1.6em 0 0.6em 0; 132 | font-weight: 500; 133 | clear: both; 134 | } 135 | 136 | .markdown h1 { 137 | font-size: 28px; 138 | } 139 | 140 | .markdown h2 { 141 | font-size: 22px; 142 | } 143 | 144 | .markdown h3 { 145 | font-size: 16px; 146 | } 147 | 148 | .markdown h4 { 149 | font-size: 14px; 150 | } 151 | 152 | .markdown h5 { 153 | font-size: 12px; 154 | } 155 | 156 | .markdown h6 { 157 | font-size: 12px; 158 | } 159 | 160 | .markdown hr { 161 | height: 1px; 162 | border: 0; 163 | background: #e9e9e9; 164 | margin: 16px 0; 165 | clear: both; 166 | } 167 | 168 | .markdown p, 169 | .markdown pre { 170 | margin: 1em 0; 171 | } 172 | 173 | .markdown > p, 174 | .markdown > blockquote, 175 | .markdown > .highlight, 176 | .markdown > ol, 177 | .markdown > ul { 178 | width: 80%; 179 | } 180 | 181 | .markdown ul > li { 182 | list-style: circle; 183 | } 184 | 185 | .markdown > ul li, 186 | .markdown blockquote ul > li { 187 | margin-left: 20px; 188 | padding-left: 4px; 189 | } 190 | 191 | .markdown > ul li p, 192 | .markdown > ol li p { 193 | margin: 0.6em 0; 194 | } 195 | 196 | .markdown ol > li { 197 | list-style: decimal; 198 | } 199 | 200 | .markdown > ol li, 201 | .markdown blockquote ol > li { 202 | margin-left: 20px; 203 | padding-left: 4px; 204 | } 205 | 206 | .markdown code { 207 | margin: 0 3px; 208 | padding: 0 5px; 209 | background: #eee; 210 | border-radius: 3px; 211 | } 212 | 213 | .markdown pre { 214 | border-radius: 6px; 215 | background: #f7f7f7; 216 | padding: 20px; 217 | } 218 | 219 | .markdown pre code { 220 | border: none; 221 | background: #f7f7f7; 222 | margin: 0; 223 | } 224 | 225 | .markdown strong, 226 | .markdown b { 227 | font-weight: 600; 228 | } 229 | 230 | .markdown > table { 231 | border-collapse: collapse; 232 | border-spacing: 0px; 233 | empty-cells: show; 234 | border: 1px solid #e9e9e9; 235 | width: 95%; 236 | margin-bottom: 24px; 237 | } 238 | 239 | .markdown > table th { 240 | white-space: nowrap; 241 | color: #333; 242 | font-weight: 600; 243 | 244 | } 245 | 246 | .markdown > table th, 247 | .markdown > table td { 248 | border: 1px solid #e9e9e9; 249 | padding: 8px 16px; 250 | text-align: left; 251 | } 252 | 253 | .markdown > table th { 254 | background: #F7F7F7; 255 | } 256 | 257 | .markdown blockquote { 258 | font-size: 90%; 259 | color: #999; 260 | border-left: 4px solid #e9e9e9; 261 | padding-left: 0.8em; 262 | margin: 1em 0; 263 | font-style: italic; 264 | } 265 | 266 | .markdown blockquote p { 267 | margin: 0; 268 | } 269 | 270 | .markdown .anchor { 271 | opacity: 0; 272 | transition: opacity 0.3s ease; 273 | margin-left: 8px; 274 | } 275 | 276 | .markdown .waiting { 277 | color: #ccc; 278 | } 279 | 280 | .markdown h1:hover .anchor, 281 | .markdown h2:hover .anchor, 282 | .markdown h3:hover .anchor, 283 | .markdown h4:hover .anchor, 284 | .markdown h5:hover .anchor, 285 | .markdown h6:hover .anchor { 286 | opacity: 1; 287 | display: inline-block; 288 | } 289 | 290 | .markdown > br, 291 | .markdown > p > br { 292 | clear: both; 293 | } 294 | 295 | 296 | .hljs { 297 | display: block; 298 | background: white; 299 | padding: 0.5em; 300 | color: #333333; 301 | overflow-x: auto; 302 | } 303 | 304 | .hljs-comment, 305 | .hljs-meta { 306 | color: #969896; 307 | } 308 | 309 | .hljs-string, 310 | .hljs-variable, 311 | .hljs-template-variable, 312 | .hljs-strong, 313 | .hljs-emphasis, 314 | .hljs-quote { 315 | color: #df5000; 316 | } 317 | 318 | .hljs-keyword, 319 | .hljs-selector-tag, 320 | .hljs-type { 321 | color: #a71d5d; 322 | } 323 | 324 | .hljs-literal, 325 | .hljs-symbol, 326 | .hljs-bullet, 327 | .hljs-attribute { 328 | color: #0086b3; 329 | } 330 | 331 | .hljs-section, 332 | .hljs-name { 333 | color: #63a35c; 334 | } 335 | 336 | .hljs-tag { 337 | color: #333333; 338 | } 339 | 340 | .hljs-title, 341 | .hljs-attr, 342 | .hljs-selector-id, 343 | .hljs-selector-class, 344 | .hljs-selector-attr, 345 | .hljs-selector-pseudo { 346 | color: #795da3; 347 | } 348 | 349 | .hljs-addition { 350 | color: #55a532; 351 | background-color: #eaffea; 352 | } 353 | 354 | .hljs-deletion { 355 | color: #bd2c00; 356 | background-color: #ffecec; 357 | } 358 | 359 | .hljs-link { 360 | text-decoration: underline; 361 | } 362 | 363 | pre{ 364 | background: #fff; 365 | } 366 | 367 | 368 | 369 | 370 | 371 | -------------------------------------------------------------------------------- /fonts/iconfont.css: -------------------------------------------------------------------------------- 1 | 2 | @font-face {font-family: "iconfont"; 3 | src: url('iconfont.eot?t=1479642403788'); /* IE9*/ 4 | src: url('iconfont.eot?t=1479642403788#iefix') format('embedded-opentype'), /* IE6-IE8 */ 5 | url('iconfont.woff?t=1479642403788') format('woff'), /* chrome, firefox */ 6 | url('iconfont.ttf?t=1479642403788') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 7 | url('iconfont.svg?t=1479642403788#iconfont') format('svg'); /* iOS 4.1- */ 8 | } 9 | 10 | .iconfont { 11 | font-family:"iconfont" !important; 12 | font-size:16px; 13 | font-style:normal; 14 | -webkit-font-smoothing: antialiased; 15 | -webkit-text-stroke-width: 0.2px; 16 | -moz-osx-font-smoothing: grayscale; 17 | } 18 | 19 | .icon-zanting:before { content: "\f017e"; } 20 | 21 | .icon-zanting1:before { content: "\3442"; } 22 | 23 | .icon-zanting2:before { content: "\f0067"; } 24 | 25 | .icon-bofang:before { content: "\f004c"; } 26 | 27 | .icon-fenxiang:before { content: "\e62e"; } 28 | 29 | .icon-fenxiang1:before { content: "\e628"; } 30 | 31 | .icon-play:before { content: "\e62f"; } 32 | 33 | .icon-share6:before { content: "\e602"; } 34 | 35 | .icon-bofang1:before { content: "\e6ac"; } 36 | 37 | .icon-ttpodicon:before { content: "\e639"; } 38 | 39 | .icon-ttpodicon1:before { content: "\e63a"; } 40 | 41 | .icon-ttpodicon2:before { content: "\e64d"; } 42 | 43 | .icon-ttpodicon3:before { content: "\e64e"; } 44 | 45 | .icon-fenxiang11:before { content: "\e654"; } 46 | 47 | .icon-fenxiang2:before { content: "\e60f"; } 48 | 49 | .icon-play1:before { content: "\e6bb"; } 50 | 51 | .icon-zanting3:before { content: "\e661"; } 52 | 53 | .icon-bofang2:before { content: "\f0088"; } 54 | 55 | .icon-fenxiang3:before { content: "\e600"; } 56 | 57 | .icon-infenicon18:before { content: "\e7b4"; } 58 | 59 | .icon-pause-outline:before { content: "\e691"; } 60 | 61 | .icon-fenxiang4:before { content: "\e631"; } 62 | 63 | .icon-shangyiqu:before { content: "\e665"; } 64 | 65 | .icon-xiayiqu:before { content: "\e67e"; } 66 | 67 | .icon-zanting4:before { content: "\e615"; } 68 | 69 | .icon-fenxiang5:before { content: "\e61c"; } 70 | 71 | .icon-bofang3:before { content: "\e61a"; } 72 | 73 | .icon-fenxiang6:before { content: "\e603"; } 74 | 75 | .icon-share:before { content: "\e604"; } 76 | 77 | .icon-iconfontcolor96:before { content: "\e6d2"; } 78 | 79 | .icon-bofangqixiayiqu:before { content: "\e63d"; } 80 | 81 | .icon-suopingxiayiqu:before { content: "\e68c"; } 82 | 83 | .icon-suopingshangyiqu:before { content: "\e68d"; } 84 | 85 | .icon-zhutixiayiqu:before { content: "\e708"; } 86 | 87 | .icon-tianbiao:before { content: "\e642"; } 88 | 89 | .icon-tian:before { content: "\e612"; } 90 | 91 | .icon-tianmao:before { content: "\e669"; } 92 | 93 | .icon-tianmao1:before { content: "\e68f"; } 94 | 95 | .icon-xiayiqu1:before { content: "\e6e7"; } 96 | 97 | .icon-suijibofang:before { content: "\e6f1"; } 98 | 99 | .icon-weibiaoti102:before { content: "\e608"; } 100 | 101 | .icon-icon1:before { content: "\e693"; } 102 | 103 | .icon-icon2:before { content: "\e694"; } 104 | 105 | .icon-tianmao2:before { content: "\e644"; } 106 | 107 | .icon-05:before { content: "\e62a"; } 108 | 109 | .icon-07:before { content: "\e62c"; } 110 | 111 | .icon-10:before { content: "\e630"; } 112 | 113 | .icon-24:before { content: "\e63e"; } 114 | 115 | .icon-25:before { content: "\e63f"; } 116 | 117 | .icon-26:before { content: "\e640"; } 118 | 119 | .icon-27:before { content: "\e641"; } 120 | 121 | .icon-28:before { content: "\e643"; } 122 | 123 | .icon-29:before { content: "\e645"; } 124 | 125 | .icon-31:before { content: "\e646"; } 126 | 127 | .icon-38:before { content: "\e651"; } 128 | 129 | .icon-crm17:before { content: "\e64f"; } 130 | 131 | .icon-39:before { content: "\e652"; } 132 | 133 | .icon-zanting5:before { content: "\e66a"; } 134 | 135 | .icon-zantinghuodong:before { content: "\e621"; } 136 | 137 | .icon-7tian:before { content: "\e60a"; } 138 | 139 | .icon-7tian1:before { content: "\e776"; } 140 | 141 | .icon-42:before { content: "\e65e"; } 142 | 143 | .icon-zanting6:before { content: "\e601"; } 144 | 145 | .icon-tianmao3:before { content: "\e775"; } 146 | 147 | .icon-50:before { content: "\e662"; } 148 | 149 | .icon-shangyiqu-copy:before { content: "\e609"; } 150 | 151 | .icon-user:before { content: "\e607"; } 152 | 153 | .icon-default-avatar:before { content: "\e627"; } 154 | 155 | .icon-zanting7:before { content: "\e605"; } 156 | 157 | .icon-shangyiqu-copy1:before { content: "\e606"; } 158 | 159 | .icon-suiji2:before { content: "\e60c"; } 160 | 161 | .icon-address:before { content: "\e675"; } 162 | 163 | .icon-eyeoclose:before { content: "\e678"; } 164 | 165 | .icon-eyeopen:before { content: "\e679"; } 166 | 167 | .icon-phonenum:before { content: "\e683"; } 168 | 169 | .icon-question:before { content: "\e685"; } 170 | 171 | .icon-set:before { content: "\e689"; } 172 | 173 | .icon-paynumber:before { content: "\e690"; } 174 | 175 | .icon-yinlezanting:before { content: "\e60b"; } 176 | 177 | .icon-tushujiemianxiayiqu40:before { content: "\e636"; } 178 | 179 | .icon-suijibofang1:before { content: "\e61d"; } 180 | 181 | .icon-suijibofang2:before { content: "\e61e"; } 182 | 183 | .icon-suijibofang3:before { content: "\e622"; } 184 | 185 | .icon-icon78:before { content: "\e663"; } 186 | 187 | .icon-icon129:before { content: "\e686"; } 188 | 189 | .icon-icon226:before { content: "\e69d"; } 190 | 191 | .icon-xiaoxi1:before { content: "\e60d"; } 192 | 193 | .icon-xiaoxi:before { content: "\e60e"; } 194 | 195 | .icon-tongjitu111:before { content: "\e610"; } 196 | 197 | .icon-yonghu:before { content: "\e611"; } 198 | 199 | .icon-gongzuo:before { content: "\e613"; } 200 | 201 | .icon-zixun:before { content: "\e614"; } 202 | 203 | .icon-zixuntianchong:before { content: "\e616"; } 204 | 205 | .icon-dingwei:before { content: "\e633"; } 206 | 207 | .icon-next:before { content: "\e64c"; } 208 | 209 | .icon-shangyiqu1:before { content: "\e634"; } 210 | 211 | .icon-xiayiqu2:before { content: "\e637"; } 212 | 213 | .icon-tianmao4:before { content: "\e617"; } 214 | 215 | .icon-gouwuche-xuanzhong:before { content: "\e638"; } 216 | 217 | .icon-wode-xuanzhong:before { content: "\e63b"; } 218 | 219 | .icon-gouwuche:before { content: "\e63c"; } 220 | 221 | .icon-wode:before { content: "\e647"; } 222 | 223 | .icon-shouye:before { content: "\e648"; } 224 | 225 | .icon-dazhongdianping:before { content: "\e692"; } 226 | 227 | .icon-douban:before { content: "\e695"; } 228 | 229 | .icon-taobao:before { content: "\e696"; } 230 | 231 | .icon-tengxunweibo:before { content: "\e697"; } 232 | 233 | .icon-renren:before { content: "\e698"; } 234 | 235 | .icon-youxiang:before { content: "\e699"; } 236 | 237 | .icon-weixin:before { content: "\e69a"; } 238 | 239 | .icon-zhifubao:before { content: "\e69b"; } 240 | 241 | .icon-yinxiangbiji:before { content: "\e69c"; } 242 | 243 | .icon-Facebook:before { content: "\e69e"; } 244 | 245 | .icon-dribbble:before { content: "\e69f"; } 246 | 247 | .icon-linkedin:before { content: "\e6a0"; } 248 | 249 | .icon-Instagram:before { content: "\e6a1"; } 250 | 251 | .icon-pinterest:before { content: "\e6a2"; } 252 | 253 | .icon-qqkongjian:before { content: "\e6a3"; } 254 | 255 | .icon-reddit:before { content: "\e6a4"; } 256 | 257 | .icon-tumblr:before { content: "\e6a5"; } 258 | 259 | .icon-zhihu:before { content: "\e6a6"; } 260 | 261 | .icon-youku:before { content: "\e6a7"; } 262 | 263 | .icon-twitter:before { content: "\e6a8"; } 264 | 265 | .icon-quora:before { content: "\e6a9"; } 266 | 267 | .icon-path:before { content: "\e6aa"; } 268 | 269 | .icon-youdaoyunbiji:before { content: "\e6ab"; } 270 | 271 | .icon-snapchat:before { content: "\e6ad"; } 272 | 273 | .icon-line:before { content: "\e6ae"; } 274 | 275 | .icon-xinlangweibo:before { content: "\e6af"; } 276 | 277 | .icon-qq:before { content: "\e6b0"; } 278 | 279 | .icon-whatsapp:before { content: "\e6b1"; } 280 | 281 | .icon-fenlei:before { content: "\e649"; } 282 | 283 | .icon-fenlei-xuanzhong:before { content: "\e64a"; } 284 | 285 | .icon-pengyouquan:before { content: "\e6b2"; } 286 | 287 | .icon-xiangshang:before { content: "\e64b"; } 288 | 289 | .icon-xiangxia:before { content: "\e650"; } 290 | 291 | .icon-shizhong1:before { content: "\e6b3"; } 292 | 293 | .icon-xiangzuo:before { content: "\e653"; } 294 | 295 | .icon-01:before { content: "\e618"; } 296 | 297 | .icon-02:before { content: "\e619"; } 298 | 299 | .icon-03:before { content: "\e61b"; } 300 | 301 | .icon-051:before { content: "\e61f"; } 302 | 303 | .icon-06:before { content: "\e620"; } 304 | 305 | .icon-071:before { content: "\e623"; } 306 | 307 | .icon-random:before { content: "\e504"; } 308 | 309 | .icon-08:before { content: "\e624"; } 310 | 311 | .icon-09:before { content: "\e625"; } 312 | 313 | .icon-101:before { content: "\e626"; } 314 | 315 | .icon-11:before { content: "\e629"; } 316 | 317 | .icon-12:before { content: "\e62b"; } 318 | 319 | .icon-14:before { content: "\e62d"; } 320 | 321 | .icon-17:before { content: "\e632"; } 322 | 323 | .icon-18:before { content: "\e635"; } 324 | 325 | .icon-20:before { content: "\e655"; } 326 | 327 | .icon-21:before { content: "\e656"; } 328 | 329 | .icon-twitter1:before { content: "\e659"; } 330 | 331 | .icon-facebook:before { content: "\e65a"; } 332 | 333 | .icon-weixin1:before { content: "\e657"; } 334 | 335 | .icon-Yahoo:before { content: "\e65b"; } 336 | 337 | .icon-Skye:before { content: "\e65c"; } 338 | 339 | .icon-Google:before { content: "\e65d"; } 340 | 341 | .icon-anzhuo:before { content: "\e65f"; } 342 | 343 | .icon-yamaxun:before { content: "\e660"; } 344 | 345 | .icon-linkedin1:before { content: "\e664"; } 346 | 347 | .icon-weixinpengyouquan:before { content: "\e658"; } 348 | 349 | .icon-YouTube:before { content: "\e666"; } 350 | 351 | .icon-qq1:before { content: "\e667"; } 352 | 353 | .icon-xinlang:before { content: "\e668"; } 354 | 355 | .icon-facebook1:before { content: "\e66b"; } 356 | 357 | .icon-Qzone:before { content: "\e66c"; } 358 | 359 | .icon-QQ:before { content: "\e66d"; } 360 | 361 | .icon-xinlang1:before { content: "\e66e"; } 362 | 363 | .icon-QQ_weibo:before { content: "\e66f"; } 364 | 365 | .icon-zhifubao1:before { content: "\e670"; } 366 | 367 | .icon-taobao1:before { content: "\e671"; } 368 | 369 | .icon-weichat:before { content: "\e672"; } 370 | 371 | .icon-douban1:before { content: "\e673"; } 372 | 373 | .icon-renren1:before { content: "\e674"; } 374 | 375 | .icon-email:before { content: "\e676"; } 376 | 377 | .icon-youku1:before { content: "\e677"; } 378 | 379 | .icon-twitter2:before { content: "\e67a"; } 380 | 381 | .icon-pingguo:before { content: "\e67b"; } 382 | 383 | .icon-shoucang:before { content: "\e67c"; } 384 | 385 | .icon-qiaquan:before { content: "\e67d"; } 386 | 387 | .icon-wenjian:before { content: "\e67f"; } 388 | 389 | .icon-bianji:before { content: "\e680"; } 390 | 391 | .icon-shezhi:before { content: "\e681"; } 392 | 393 | .icon-didian:before { content: "\e682"; } 394 | 395 | .icon-feiji:before { content: "\e684"; } 396 | 397 | .icon-dianhua:before { content: "\e687"; } 398 | 399 | .icon-lajitong:before { content: "\e688"; } 400 | 401 | .icon-shouji:before { content: "\e68a"; } 402 | 403 | .icon-qianbao:before { content: "\e68b"; } 404 | 405 | .icon-youxiang1:before { content: "\e68e"; } 406 | 407 | .icon-yuechi:before { content: "\e6b4"; } 408 | 409 | .icon-xuewei:before { content: "\e6b5"; } 410 | 411 | .icon-pingfen:before { content: "\e6b6"; } 412 | 413 | .icon-naozhong:before { content: "\e6b7"; } 414 | 415 | .icon-jianpan:before { content: "\e6b8"; } 416 | 417 | .icon-baidu:before { content: "\e6b9"; } 418 | 419 | .icon-baidu2:before { content: "\e6ba"; } 420 | 421 | .icon-QQ1:before { content: "\e6bc"; } 422 | 423 | .icon-baidu1:before { content: "\e6bd"; } 424 | 425 | .icon-QQ2:before { content: "\e6be"; } 426 | 427 | .icon-QQ11:before { content: "\e6bf"; } 428 | 429 | .icon-taobao2:before { content: "\e6c0"; } 430 | 431 | .icon-taobao11:before { content: "\e6c1"; } 432 | 433 | .icon-taobao21:before { content: "\e6c2"; } 434 | 435 | .icon-tengxunweibo1:before { content: "\e6c3"; } 436 | 437 | .icon-tengxunweibo2:before { content: "\e6c4"; } 438 | 439 | .icon-weixin2:before { content: "\e6c5"; } 440 | 441 | .icon-tengxunweibo21:before { content: "\e6c6"; } 442 | 443 | .icon-weixin11:before { content: "\e6c7"; } 444 | 445 | .icon-weixin21:before { content: "\e6c8"; } 446 | 447 | .icon-xinlangweibo1:before { content: "\e6c9"; } 448 | 449 | .icon-xinlangweibo11:before { content: "\e6ca"; } 450 | 451 | .icon-xinlangweibo2:before { content: "\e6cb"; } 452 | 453 | .icon-icongerenzhongxin-01:before { content: "\e6cc"; } 454 | 455 | .icon-iconhuidaoshouye:before { content: "\e6cd"; } 456 | 457 | .icon-angle-left:before { content: "\e6ce"; } 458 | 459 | .icon-angle-double-left:before { content: "\e6cf"; } 460 | 461 | .icon-angle-double-right:before { content: "\e6d0"; } 462 | 463 | .icon-angle-down:before { content: "\e6d1"; } 464 | 465 | .icon-angle-double-up:before { content: "\e6d3"; } 466 | 467 | .icon-angle-double-down:before { content: "\e6d4"; } 468 | 469 | .icon-angle-up:before { content: "\e6d5"; } 470 | 471 | .icon-angle-right:before { content: "\e6d6"; } 472 | 473 | .icon-arrow-small-down:before { content: "\e6d7"; } 474 | 475 | .icon-arrow-down:before { content: "\e6d8"; } 476 | 477 | .icon-arrow-left:before { content: "\e6d9"; } 478 | 479 | .icon-arrow-right:before { content: "\e6da"; } 480 | 481 | .icon-arrow-small-left:before { content: "\e6db"; } 482 | 483 | .icon-arrow-small-right:before { content: "\e6dc"; } 484 | 485 | .icon-arrow-up:before { content: "\e6dd"; } 486 | 487 | .icon-arrow-small-up:before { content: "\e6de"; } 488 | 489 | .icon-chevron-thin-left:before { content: "\e6df"; } 490 | 491 | .icon-chevron-thin-down:before { content: "\e6e0"; } 492 | 493 | .icon-chevron-thin-right:before { content: "\e6e1"; } 494 | 495 | .icon-chevron-thin-up:before { content: "\e6e2"; } 496 | 497 | .icon-triangle-down:before { content: "\e6e3"; } 498 | 499 | .icon-rewind:before { content: "\e6e4"; } 500 | 501 | .icon-triangle-left:before { content: "\e6e5"; } 502 | 503 | .icon-triangle-right:before { content: "\e6e6"; } 504 | 505 | .icon-triangle-up:before { content: "\e6e8"; } 506 | 507 | .icon-fast-forward:before { content: "\e6e9"; } 508 | 509 | .icon-kefu:before { content: "\e6ea"; } 510 | 511 | .icon-shouqi-01:before { content: "\e6eb"; } 512 | 513 | .icon-bofang4:before { content: "\e6ec"; } 514 | 515 | .icon-biaoqian:before { content: "\e6ed"; } 516 | 517 | .icon-WIFI:before { content: "\e6ee"; } 518 | 519 | .icon-cuo:before { content: "\e6ef"; } 520 | 521 | .icon-dianzan:before { content: "\e6f0"; } 522 | 523 | .icon-dingwei1:before { content: "\e6f2"; } 524 | 525 | .icon-dui:before { content: "\e6f3"; } 526 | 527 | .icon-erji:before { content: "\e6f4"; } 528 | 529 | .icon-gengduo:before { content: "\e6f5"; } 530 | 531 | .icon-fengjing:before { content: "\e6f6"; } 532 | 533 | .icon-guangpan:before { content: "\e6f7"; } 534 | 535 | .icon-geren:before { content: "\e6f8"; } 536 | 537 | .icon-gengduo-2:before { content: "\e6f9"; } 538 | 539 | .icon-lingsheng:before { content: "\e6fa"; } 540 | 541 | .icon-jia:before { content: "\e6fb"; } 542 | 543 | .icon-lanya:before { content: "\e6fc"; } 544 | 545 | .icon-nv:before { content: "\e6fd"; } 546 | 547 | .icon-nan:before { content: "\e6fe"; } 548 | 549 | .icon-shezhi1:before { content: "\e6ff"; } 550 | 551 | .icon-shipin:before { content: "\e700"; } 552 | 553 | .icon-shoucang1:before { content: "\e701"; } 554 | 555 | .icon-sousuo:before { content: "\e702"; } 556 | 557 | .icon-suo:before { content: "\e703"; } 558 | 559 | .icon-xiala:before { content: "\e704"; } 560 | 561 | .icon-tongzhi:before { content: "\e705"; } 562 | 563 | .icon-xiayishou:before { content: "\e706"; } 564 | 565 | .icon-xiazai:before { content: "\e707"; } 566 | 567 | .icon-xinxi:before { content: "\e709"; } 568 | 569 | .icon-yuyin:before { content: "\e70a"; } 570 | 571 | .icon-zhuanhuan:before { content: "\e70b"; } 572 | 573 | .icon-zuobiao:before { content: "\e70c"; } 574 | 575 | .icon-shengyin:before { content: "\e70d"; } 576 | 577 | .icon-shoucang2:before { content: "\e70e"; } 578 | 579 | .icon-fuzhi:before { content: "\e70f"; } 580 | 581 | .icon-anquanshezhi:before { content: "\e710"; } 582 | 583 | .icon-shouji1:before { content: "\e711"; } 584 | 585 | .icon-tuichu:before { content: "\e712"; } 586 | 587 | .icon-xiaoxi2:before { content: "\e713"; } 588 | 589 | .icon-gongzuojilu:before { content: "\e714"; } 590 | 591 | .icon-faxiandingdan:before { content: "\e715"; } 592 | 593 | .icon-gerenxinxi:before { content: "\e716"; } 594 | 595 | .icon-wodedingdan:before { content: "\e717"; } 596 | 597 | .icon-tijiaodingdan:before { content: "\e718"; } 598 | 599 | .icon-querenwancheng:before { content: "\e719"; } 600 | 601 | .icon-yibangding:before { content: "\e71a"; } 602 | 603 | .icon-weibangding:before { content: "\e71b"; } 604 | 605 | .icon-baocun:before { content: "\e71c"; } 606 | 607 | .icon-quxiao:before { content: "\e71d"; } 608 | 609 | .icon-tianjia:before { content: "\e71e"; } 610 | 611 | .icon-bianji1:before { content: "\e71f"; } 612 | 613 | .icon-riqixuanze:before { content: "\e720"; } 614 | 615 | .icon-shanchu:before { content: "\e721"; } 616 | 617 | .icon-dizhi-01:before { content: "\e722"; } 618 | 619 | .icon-youjiantou-01:before { content: "\e723"; } 620 | 621 | .icon-youhuiquan-01:before { content: "\e724"; } 622 | 623 | .icon-daishouhuo-01:before { content: "\e725"; } 624 | 625 | .icon-quanbudingdan-01:before { content: "\e726"; } 626 | 627 | .icon-youhuiquan-geren-01:before { content: "\e727"; } 628 | 629 | .icon-shanchu-01:before { content: "\e728"; } 630 | 631 | .icon-fangdajing:before { content: "\e729"; } 632 | 633 | .icon-guanbi-01:before { content: "\e72a"; } 634 | 635 | .icon-meiyoudingdan-01:before { content: "\e72b"; } 636 | 637 | .icon-xuanzhong-01:before { content: "\e72c"; } 638 | 639 | .icon-weixuanzhong-01:before { content: "\e72d"; } 640 | 641 | .icon-zhifu-01:before { content: "\e72e"; } 642 | 643 | .icon-zuojiantou-01:before { content: "\e72f"; } 644 | 645 | .icon-gengduo-01:before { content: "\e730"; } 646 | 647 | -------------------------------------------------------------------------------- /fonts/demo_unicode.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IconFont 7 | 8 | 9 | 29 | 30 | 31 |
32 |

IconFont 图标

33 |
    34 | 35 |
  • 36 | 󰅾 37 |
    暂停
    38 |
    &#xf017e;
    39 |
    • 40 | 41 |
  • 42 | 㑂 43 |
    暂停
    44 |
    &#x3442;
    45 |
    • 46 | 47 |
  • 48 | 󰁧 49 |
    暂停
    50 |
    &#xf0067;
    51 |
    • 52 | 53 |
  • 54 | 󰁌 55 |
    播放
    56 |
    &#xf004c;
    57 |
    • 58 | 59 |
  • 60 | 61 |
    分享
    62 |
    &#xe62e;
    63 |
    • 64 | 65 |
  • 66 | 67 |
    分享
    68 |
    &#xe628;
    69 |
    • 70 | 71 |
  • 72 | 73 |
    播放
    74 |
    &#xe62f;
    75 |
    • 76 | 77 |
  • 78 | 79 |
    分享
    80 |
    &#xe602;
    81 |
    • 82 | 83 |
  • 84 | 85 |
    播放
    86 |
    &#xe6ac;
    87 |
    • 88 | 89 |
  • 90 | 91 |
    下一曲
    92 |
    &#xe639;
    93 |
    • 94 | 95 |
  • 96 | 97 |
    上一曲
    98 |
    &#xe63a;
    99 |
    • 100 | 101 |
  • 102 | 103 |
    上一曲
    104 |
    &#xe64d;
    105 |
    • 106 | 107 |
  • 108 | 109 |
    下一曲
    110 |
    &#xe64e;
    111 |
    • 112 | 113 |
  • 114 | 115 |
    分享
    116 |
    &#xe654;
    117 |
    • 118 | 119 |
  • 120 | 121 |
    分享
    122 |
    &#xe60f;
    123 |
    • 124 | 125 |
  • 126 | 127 |
    播放
    128 |
    &#xe6bb;
    129 |
    • 130 | 131 |
  • 132 | 133 |
    暂停 1
    134 |
    &#xe661;
    135 |
    • 136 | 137 |
  • 138 | 󰂈 139 |
    播放
    140 |
    &#xf0088;
    141 |
    • 142 | 143 |
  • 144 | 145 |
    分享
    146 |
    &#xe600;
    147 |
    • 148 | 149 |
  • 150 | 151 |
    分享
    152 |
    &#xe7b4;
    153 |
    • 154 | 155 |
  • 156 | 157 |
    暂停
    158 |
    &#xe691;
    159 |
    • 160 | 161 |
  • 162 | 163 |
    分享
    164 |
    &#xe631;
    165 |
    • 166 | 167 |
  • 168 | 169 |
    上一曲
    170 |
    &#xe665;
    171 |
    • 172 | 173 |
  • 174 | 175 |
    下一曲
    176 |
    &#xe67e;
    177 |
    • 178 | 179 |
  • 180 | 181 |
    暂停
    182 |
    &#xe615;
    183 |
    • 184 | 185 |
  • 186 | 187 |
    分享
    188 |
    &#xe61c;
    189 |
    • 190 | 191 |
  • 192 | 193 |
    播放
    194 |
    &#xe61a;
    195 |
    • 196 | 197 |
  • 198 | 199 |
    分享
    200 |
    &#xe603;
    201 |
    • 202 | 203 |
  • 204 | 205 |
    分享
    206 |
    &#xe604;
    207 |
    • 208 | 209 |
  • 210 | 211 |
    暂停
    212 |
    &#xe6d2;
    213 |
    • 214 | 215 |
  • 216 | 217 |
    播放器-下一曲
    218 |
    &#xe63d;
    219 |
    • 220 | 221 |
  • 222 | 223 |
    锁屏-下一曲
    224 |
    &#xe68c;
    225 |
    • 226 | 227 |
  • 228 | 229 |
    锁屏-上一曲
    230 |
    &#xe68d;
    231 |
    • 232 | 233 |
  • 234 | 235 |
    主题-下一曲
    236 |
    &#xe708;
    237 |
    • 238 | 239 |
  • 240 | 241 |
    天标
    242 |
    &#xe642;
    243 |
    • 244 | 245 |
  • 246 | 247 |
    天
    248 |
    &#xe612;
    249 |
    • 250 | 251 |
  • 252 | 253 |
    天猫
    254 |
    &#xe669;
    255 |
    • 256 | 257 |
  • 258 | 259 |
    天猫
    260 |
    &#xe68f;
    261 |
    • 262 | 263 |
  • 264 | 265 |
    下一曲
    266 |
    &#xe6e7;
    267 |
    • 268 | 269 |
  • 270 | 271 |
    随机播放
    272 |
    &#xe6f1;
    273 |
    • 274 | 275 |
  • 276 | 277 |
    开始暂停
    278 |
    &#xe608;
    279 |
    • 280 | 281 |
  • 282 | 283 |
    上一曲
    284 |
    &#xe693;
    285 |
    • 286 | 287 |
  • 288 | 289 |
    下一曲
    290 |
    &#xe694;
    291 |
    • 292 | 293 |
  • 294 | 295 |
    天猫
    296 |
    &#xe644;
    297 |
    • 298 | 299 |
  • 300 | 301 |
    05
    302 |
    &#xe62a;
    303 |
    • 304 | 305 |
  • 306 | 307 |
    07
    308 |
    &#xe62c;
    309 |
    • 310 | 311 |
  • 312 | 313 |
    10
    314 |
    &#xe630;
    315 |
    • 316 | 317 |
  • 318 | 319 |
    24
    320 |
    &#xe63e;
    321 |
    • 322 | 323 |
  • 324 | 325 |
    25
    326 |
    &#xe63f;
    327 |
    • 328 | 329 |
  • 330 | 331 |
    26
    332 |
    &#xe640;
    333 |
    • 334 | 335 |
  • 336 | 337 |
    27
    338 |
    &#xe641;
    339 |
    • 340 | 341 |
  • 342 | 343 |
    28
    344 |
    &#xe643;
    345 |
    • 346 | 347 |
  • 348 | 349 |
    29
    350 |
    &#xe645;
    351 |
    • 352 | 353 |
  • 354 | 355 |
    31
    356 |
    &#xe646;
    357 |
    • 358 | 359 |
  • 360 | 361 |
    38
    362 |
    &#xe651;
    363 |
    • 364 | 365 |
  • 366 | 367 |
    暂停
    368 |
    &#xe64f;
    369 |
    • 370 | 371 |
  • 372 | 373 |
    39
    374 |
    &#xe652;
    375 |
    • 376 | 377 |
  • 378 | 379 |
    暂停
    380 |
    &#xe66a;
    381 |
    • 382 | 383 |
  • 384 | 385 |
    暂停活动
    386 |
    &#xe621;
    387 |
    • 388 | 389 |
  • 390 | 391 |
    7天
    392 |
    &#xe60a;
    393 |
    • 394 | 395 |
  • 396 | 397 |
    7天
    398 |
    &#xe776;
    399 |
    • 400 | 401 |
  • 402 | 403 |
    42
    404 |
    &#xe65e;
    405 |
    • 406 | 407 |
  • 408 | 409 |
    暂停
    410 |
    &#xe601;
    411 |
    • 412 | 413 |
  • 414 | 415 |
    天猫
    416 |
    &#xe775;
    417 |
    • 418 | 419 |
  • 420 | 421 |
    50
    422 |
    &#xe662;
    423 |
    • 424 | 425 |
  • 426 | 427 |
    上一曲
    428 |
    &#xe609;
    429 |
    • 430 | 431 |
  • 432 | 433 |
    我
    434 |
    &#xe607;
    435 |
    • 436 | 437 |
  • 438 | 439 |
    默认头像
    440 |
    &#xe627;
    441 |
    • 442 | 443 |
  • 444 | 445 |
    暂停
    446 |
    &#xe605;
    447 |
    • 448 | 449 |
  • 450 | 451 |
    上一曲
    452 |
    &#xe606;
    453 |
    • 454 | 455 |
  • 456 | 457 |
    随机播放
    458 |
    &#xe60c;
    459 |
    • 460 | 461 |
  • 462 | 463 |
    address
    464 |
    &#xe675;
    465 |
    • 466 | 467 |
  • 468 | 469 |
    eyeoclose
    470 |
    &#xe678;
    471 |
    • 472 | 473 |
  • 474 | 475 |
    eyeopen
    476 |
    &#xe679;
    477 |
    • 478 | 479 |
  • 480 | 481 |
    phonenum
    482 |
    &#xe683;
    483 |
    • 484 | 485 |
  • 486 | 487 |
    question
    488 |
    &#xe685;
    489 |
    • 490 | 491 |
  • 492 | 493 |
    set
    494 |
    &#xe689;
    495 |
    • 496 | 497 |
  • 498 | 499 |
    paynumber
    500 |
    &#xe690;
    501 |
    • 502 | 503 |
  • 504 | 505 |
    音乐_暂停
    506 |
    &#xe60b;
    507 |
    • 508 | 509 |
  • 510 | 511 |
    下一曲40
    512 |
    &#xe636;
    513 |
    • 514 | 515 |
  • 516 | 517 |
    随机播放
    518 |
    &#xe61d;
    519 |
    • 520 | 521 |
  • 522 | 523 |
    随机播放
    524 |
    &#xe61e;
    525 |
    • 526 | 527 |
  • 528 | 529 |
    随机播放
    530 |
    &#xe622;
    531 |
    • 532 | 533 |
  • 534 | 535 |
    随机播放
    536 |
    &#xe663;
    537 |
    • 538 | 539 |
  • 540 | 541 |
    上一曲
    542 |
    &#xe686;
    543 |
    • 544 | 545 |
  • 546 | 547 |
    下一曲
    548 |
    &#xe69d;
    549 |
    • 550 | 551 |
  • 552 | 553 |
    消息(1)
    554 |
    &#xe60d;
    555 |
    • 556 | 557 |
  • 558 | 559 |
    消息
    560 |
    &#xe60e;
    561 |
    • 562 | 563 |
  • 564 | 565 |
    统计图阴
    566 |
    &#xe610;
    567 |
    • 568 | 569 |
  • 570 | 571 |
    用户
    572 |
    &#xe611;
    573 |
    • 574 | 575 |
  • 576 | 577 |
    工作
    578 |
    &#xe613;
    579 |
    • 580 | 581 |
  • 582 | 583 |
    资讯
    584 |
    &#xe614;
    585 |
    • 586 | 587 |
  • 588 | 589 |
    资讯_填充
    590 |
    &#xe616;
    591 |
    • 592 | 593 |
  • 594 | 595 |
    定位
    596 |
    &#xe633;
    597 |
    • 598 | 599 |
  • 600 | 601 |
    下一曲
    602 |
    &#xe64c;
    603 |
    • 604 | 605 |
  • 606 | 607 |
    上一曲
    608 |
    &#xe634;
    609 |
    • 610 | 611 |
  • 612 | 613 |
    下一曲
    614 |
    &#xe637;
    615 |
    • 616 | 617 |
  • 618 | 619 |
    天猫
    620 |
    &#xe617;
    621 |
    • 622 | 623 |
  • 624 | 625 |
    购物车-选中
    626 |
    &#xe638;
    627 |
    • 628 | 629 |
  • 630 | 631 |
    我的-选中
    632 |
    &#xe63b;
    633 |
    • 634 | 635 |
  • 636 | 637 |
    购物车
    638 |
    &#xe63c;
    639 |
    • 640 | 641 |
  • 642 | 643 |
    我的
    644 |
    &#xe647;
    645 |
    • 646 | 647 |
  • 648 | 649 |
    首页
    650 |
    &#xe648;
    651 |
    • 652 | 653 |
  • 654 | 655 |
    大众点评
    656 |
    &#xe692;
    657 |
    • 658 | 659 |
  • 660 | 661 |
    豆瓣
    662 |
    &#xe695;
    663 |
    • 664 | 665 |
  • 666 | 667 |
    淘宝
    668 |
    &#xe696;
    669 |
    • 670 | 671 |
  • 672 | 673 |
    腾讯微博
    674 |
    &#xe697;
    675 |
    • 676 | 677 |
  • 678 | 679 |
    人人
    680 |
    &#xe698;
    681 |
    • 682 | 683 |
  • 684 | 685 |
    邮箱
    686 |
    &#xe699;
    687 |
    • 688 | 689 |
  • 690 | 691 |
    微信
    692 |
    &#xe69a;
    693 |
    • 694 | 695 |
  • 696 | 697 |
    支付宝
    698 |
    &#xe69b;
    699 |
    • 700 | 701 |
  • 702 | 703 |
    印象笔记
    704 |
    &#xe69c;
    705 |
    • 706 | 707 |
  • 708 | 709 |
    Facebook
    710 |
    &#xe69e;
    711 |
    • 712 | 713 |
  • 714 | 715 |
    dribbble
    716 |
    &#xe69f;
    717 |
    • 718 | 719 |
  • 720 | 721 |
    linkedin
    722 |
    &#xe6a0;
    723 |
    • 724 | 725 |
  • 726 | 727 |
    Instagram
    728 |
    &#xe6a1;
    729 |
    • 730 | 731 |
  • 732 | 733 |
    pinterest
    734 |
    &#xe6a2;
    735 |
    • 736 | 737 |
  • 738 | 739 |
    qq空间
    740 |
    &#xe6a3;
    741 |
    • 742 | 743 |
  • 744 | 745 |
    reddit
    746 |
    &#xe6a4;
    747 |
    • 748 | 749 |
  • 750 | 751 |
    tumblr
    752 |
    &#xe6a5;
    753 |
    • 754 | 755 |
  • 756 | 757 |
    知乎
    758 |
    &#xe6a6;
    759 |
    • 760 | 761 |
  • 762 | 763 |
    优酷
    764 |
    &#xe6a7;
    765 |
    • 766 | 767 |
  • 768 | 769 |
    twitter
    770 |
    &#xe6a8;
    771 |
    • 772 | 773 |
  • 774 | 775 |
    quora
    776 |
    &#xe6a9;
    777 |
    • 778 | 779 |
  • 780 | 781 |
    path
    782 |
    &#xe6aa;
    783 |
    • 784 | 785 |
  • 786 | 787 |
    有道云笔记
    788 |
    &#xe6ab;
    789 |
    • 790 | 791 |
  • 792 | 793 |
    snapchat
    794 |
    &#xe6ad;
    795 |
    • 796 | 797 |
  • 798 | 799 |
    line
    800 |
    &#xe6ae;
    801 |
    • 802 | 803 |
  • 804 | 805 |
    新浪微博
    806 |
    &#xe6af;
    807 |
    • 808 | 809 |
  • 810 | 811 |
    qq
    812 |
    &#xe6b0;
    813 |
    • 814 | 815 |
  • 816 | 817 |
    whatsapp
    818 |
    &#xe6b1;
    819 |
    • 820 | 821 |
  • 822 | 823 |
    分类
    824 |
    &#xe649;
    825 |
    • 826 | 827 |
  • 828 | 829 |
    分类-选中
    830 |
    &#xe64a;
    831 |
    • 832 | 833 |
  • 834 | 835 |
    朋友圈
    836 |
    &#xe6b2;
    837 |
    • 838 | 839 |
  • 840 | 841 |
    向上
    842 |
    &#xe64b;
    843 |
    • 844 | 845 |
  • 846 | 847 |
    向下
    848 |
    &#xe650;
    849 |
    • 850 | 851 |
  • 852 | 853 |
    时钟1
    854 |
    &#xe6b3;
    855 |
    • 856 | 857 |
  • 858 | 859 |
    向左
    860 |
    &#xe653;
    861 |
    • 862 | 863 |
  • 864 | 865 |
    太和殿
    866 |
    &#xe618;
    867 |
    • 868 | 869 |
  • 870 | 871 |
    长城
    872 |
    &#xe619;
    873 |
    • 874 | 875 |
  • 876 | 877 |
    明十三陵
    878 |
    &#xe61b;
    879 |
    • 880 | 881 |
  • 882 | 883 |
    中央电视台总部大楼
    884 |
    &#xe61f;
    885 |
    • 886 | 887 |
  • 888 | 889 |
    天坛
    890 |
    &#xe620;
    891 |
    • 892 | 893 |
  • 894 | 895 |
    埃菲尔铁塔-法
    896 |
    &#xe623;
    897 |
    • 898 | 899 |
  • 900 | 901 |
    随机播放
    902 |
    &#xe504;
    903 |
    • 904 | 905 |
  • 906 | 907 |
    悉尼歌剧院-澳
    908 |
    &#xe624;
    909 |
    • 910 | 911 |
  • 912 | 913 |
    自由女神-美
    914 |
    &#xe625;
    915 |
    • 916 | 917 |
  • 918 | 919 |
    白宫-美
    920 |
    &#xe626;
    921 |
    • 922 | 923 |
  • 924 | 925 |
    帝国大厦-美
    926 |
    &#xe629;
    927 |
    • 928 | 929 |
  • 930 | 931 |
    比萨斜塔-意
    932 |
    &#xe62b;
    933 |
    • 934 | 935 |
  • 936 | 937 |
    东京塔-日
    938 |
    &#xe62d;
    939 |
    • 940 | 941 |
  • 942 | 943 |
    埃及金字塔
    944 |
    &#xe632;
    945 |
    • 946 | 947 |
  • 948 | 949 |
    罗马斗兽场
    950 |
    &#xe635;
    951 |
    • 952 | 953 |
  • 954 | 955 |
    复活节岛石像
    956 |
    &#xe655;
    957 |
    • 958 | 959 |
  • 960 | 961 |
    里约热内卢基督像-巴西
    962 |
    &#xe656;
    963 |
    • 964 | 965 |
  • 966 | 967 |
    icon_twitter
    968 |
    &#xe659;
    969 |
    • 970 | 971 |
  • 972 | 973 |
    icon_facebook
    974 |
    &#xe65a;
    975 |
    • 976 | 977 |
  • 978 | 979 |
    微信
    980 |
    &#xe657;
    981 |
    • 982 | 983 |
  • 984 | 985 |
    icon_Yahoo
    986 |
    &#xe65b;
    987 |
    • 988 | 989 |
  • 990 | 991 |
    icon_Skye
    992 |
    &#xe65c;
    993 |
    • 994 | 995 |
  • 996 | 997 |
    icon_Google
    998 |
    &#xe65d;
    999 |
    • 1000 | 1001 |
  • 1002 | 1003 |
    icon_anzhuo
    1004 |
    &#xe65f;
    1005 |
    • 1006 | 1007 |
  • 1008 | 1009 |
    icon_yamaxun
    1010 |
    &#xe660;
    1011 |
    • 1012 | 1013 |
  • 1014 | 1015 |
    icon_linkedin
    1016 |
    &#xe664;
    1017 |
    • 1018 | 1019 |
  • 1020 | 1021 |
    微信朋友圈
    1022 |
    &#xe658;
    1023 |
    • 1024 | 1025 |
  • 1026 | 1027 |
    icon_YouTube
    1028 |
    &#xe666;
    1029 |
    • 1030 | 1031 |
  • 1032 | 1033 |
    qq
    1034 |
    &#xe667;
    1035 |
    • 1036 | 1037 |
  • 1038 | 1039 |
    新浪
    1040 |
    &#xe668;
    1041 |
    • 1042 | 1043 |
  • 1044 | 1045 |
    facebook
    1046 |
    &#xe66b;
    1047 |
    • 1048 | 1049 |
  • 1050 | 1051 |
    icon_Qzone
    1052 |
    &#xe66c;
    1053 |
    • 1054 | 1055 |
  • 1056 | 1057 |
    icon_QQ
    1058 |
    &#xe66d;
    1059 |
    • 1060 | 1061 |
  • 1062 | 1063 |
    icon_xinlang
    1064 |
    &#xe66e;
    1065 |
    • 1066 | 1067 |
  • 1068 | 1069 |
    icon_tenxun_weibo
    1070 |
    &#xe66f;
    1071 |
    • 1072 | 1073 |
  • 1074 | 1075 |
    icon_zhifubao
    1076 |
    &#xe670;
    1077 |
    • 1078 | 1079 |
  • 1080 | 1081 |
    icon_taobao
    1082 |
    &#xe671;
    1083 |
    • 1084 | 1085 |
  • 1086 | 1087 |
    icon_weichat
    1088 |
    &#xe672;
    1089 |
    • 1090 | 1091 |
  • 1092 | 1093 |
    icon_douban
    1094 |
    &#xe673;
    1095 |
    • 1096 | 1097 |
  • 1098 | 1099 |
    icon_renren
    1100 |
    &#xe674;
    1101 |
    • 1102 | 1103 |
  • 1104 | 1105 |
    icon_email
    1106 |
    &#xe676;
    1107 |
    • 1108 | 1109 |
  • 1110 | 1111 |
    icon_youku
    1112 |
    &#xe677;
    1113 |
    • 1114 | 1115 |
  • 1116 | 1117 |
    twitter
    1118 |
    &#xe67a;
    1119 |
    • 1120 | 1121 |
  • 1122 | 1123 |
    苹果
    1124 |
    &#xe67b;
    1125 |
    • 1126 | 1127 |
  • 1128 | 1129 |
    收藏
    1130 |
    &#xe67c;
    1131 |
    • 1132 | 1133 |
  • 1134 | 1135 |
    卡券
    1136 |
    &#xe67d;
    1137 |
    • 1138 | 1139 |
  • 1140 | 1141 |
    文件
    1142 |
    &#xe67f;
    1143 |
    • 1144 | 1145 |
  • 1146 | 1147 |
    编辑
    1148 |
    &#xe680;
    1149 |
    • 1150 | 1151 |
  • 1152 | 1153 |
    设置
    1154 |
    &#xe681;
    1155 |
    • 1156 | 1157 |
  • 1158 | 1159 |
    地点
    1160 |
    &#xe682;
    1161 |
    • 1162 | 1163 |
  • 1164 | 1165 |
    飞机
    1166 |
    &#xe684;
    1167 |
    • 1168 | 1169 |
  • 1170 | 1171 |
    电话
    1172 |
    &#xe687;
    1173 |
    • 1174 | 1175 |
  • 1176 | 1177 |
    垃圾桶
    1178 |
    &#xe688;
    1179 |
    • 1180 | 1181 |
  • 1182 | 1183 |
    手机
    1184 |
    &#xe68a;
    1185 |
    • 1186 | 1187 |
  • 1188 | 1189 |
    钱包
    1190 |
    &#xe68b;
    1191 |
    • 1192 | 1193 |
  • 1194 | 1195 |
    邮箱
    1196 |
    &#xe68e;
    1197 |
    • 1198 | 1199 |
  • 1200 | 1201 |
    钥匙
    1202 |
    &#xe6b4;
    1203 |
    • 1204 | 1205 |
  • 1206 | 1207 |
    学位
    1208 |
    &#xe6b5;
    1209 |
    • 1210 | 1211 |
  • 1212 | 1213 |
    评分
    1214 |
    &#xe6b6;
    1215 |
    • 1216 | 1217 |
  • 1218 | 1219 |
    闹钟
    1220 |
    &#xe6b7;
    1221 |
    • 1222 | 1223 |
  • 1224 | 1225 |
    键盘
    1226 |
    &#xe6b8;
    1227 |
    • 1228 | 1229 |
  • 1230 | 1231 |
    百度
    1232 |
    &#xe6b9;
    1233 |
    • 1234 | 1235 |
  • 1236 | 1237 |
    百度2
    1238 |
    &#xe6ba;
    1239 |
    • 1240 | 1241 |
  • 1242 | 1243 |
    QQ
    1244 |
    &#xe6bc;
    1245 |
    • 1246 | 1247 |
  • 1248 | 1249 |
    百度1
    1250 |
    &#xe6bd;
    1251 |
    • 1252 | 1253 |
  • 1254 | 1255 |
    QQ2
    1256 |
    &#xe6be;
    1257 |
    • 1258 | 1259 |
  • 1260 | 1261 |
    QQ1
    1262 |
    &#xe6bf;
    1263 |
    • 1264 | 1265 |
  • 1266 | 1267 |
    淘宝
    1268 |
    &#xe6c0;
    1269 |
    • 1270 | 1271 |
  • 1272 | 1273 |
    淘宝1
    1274 |
    &#xe6c1;
    1275 |
    • 1276 | 1277 |
  • 1278 | 1279 |
    淘宝2
    1280 |
    &#xe6c2;
    1281 |
    • 1282 | 1283 |
  • 1284 | 1285 |
    腾讯微博1
    1286 |
    &#xe6c3;
    1287 |
    • 1288 | 1289 |
  • 1290 | 1291 |
    腾讯微博
    1292 |
    &#xe6c4;
    1293 |
    • 1294 | 1295 |
  • 1296 | 1297 |
    微信
    1298 |
    &#xe6c5;
    1299 |
    • 1300 | 1301 |
  • 1302 | 1303 |
    腾讯微博2
    1304 |
    &#xe6c6;
    1305 |
    • 1306 | 1307 |
  • 1308 | 1309 |
    微信1
    1310 |
    &#xe6c7;
    1311 |
    • 1312 | 1313 |
  • 1314 | 1315 |
    微信2
    1316 |
    &#xe6c8;
    1317 |
    • 1318 | 1319 |
  • 1320 | 1321 |
    新浪微博
    1322 |
    &#xe6c9;
    1323 |
    • 1324 | 1325 |
  • 1326 | 1327 |
    新浪微博1
    1328 |
    &#xe6ca;
    1329 |
    • 1330 | 1331 |
  • 1332 | 1333 |
    新浪微博2
    1334 |
    &#xe6cb;
    1335 |
    • 1336 | 1337 |
  • 1338 | 1339 |
    个人中心
    1340 |
    &#xe6cc;
    1341 |
    • 1342 | 1343 |
  • 1344 | 1345 |
    回到首页
    1346 |
    &#xe6cd;
    1347 |
    • 1348 | 1349 |
  • 1350 | 1351 |
    angle-left
    1352 |
    &#xe6ce;
    1353 |
    • 1354 | 1355 |
  • 1356 | 1357 |
    angle-double-left
    1358 |
    &#xe6cf;
    1359 |
    • 1360 | 1361 |
  • 1362 | 1363 |
    angle-double-right
    1364 |
    &#xe6d0;
    1365 |
    • 1366 | 1367 |
  • 1368 | 1369 |
    angle-down
    1370 |
    &#xe6d1;
    1371 |
    • 1372 | 1373 |
  • 1374 | 1375 |
    angle-double-up
    1376 |
    &#xe6d3;
    1377 |
    • 1378 | 1379 |
  • 1380 | 1381 |
    angle-double-down
    1382 |
    &#xe6d4;
    1383 |
    • 1384 | 1385 |
  • 1386 | 1387 |
    angle-up
    1388 |
    &#xe6d5;
    1389 |
    • 1390 | 1391 |
  • 1392 | 1393 |
    angle-right
    1394 |
    &#xe6d6;
    1395 |
    • 1396 | 1397 |
  • 1398 | 1399 |
    arrow-small-down
    1400 |
    &#xe6d7;
    1401 |
    • 1402 | 1403 |
  • 1404 | 1405 |
    arrow-down
    1406 |
    &#xe6d8;
    1407 |
    • 1408 | 1409 |
  • 1410 | 1411 |
    arrow-left
    1412 |
    &#xe6d9;
    1413 |
    • 1414 | 1415 |
  • 1416 | 1417 |
    arrow-right
    1418 |
    &#xe6da;
    1419 |
    • 1420 | 1421 |
  • 1422 | 1423 |
    arrow-small-left
    1424 |
    &#xe6db;
    1425 |
    • 1426 | 1427 |
  • 1428 | 1429 |
    arrow-small-right
    1430 |
    &#xe6dc;
    1431 |
    • 1432 | 1433 |
  • 1434 | 1435 |
    arrow-up
    1436 |
    &#xe6dd;
    1437 |
    • 1438 | 1439 |
  • 1440 | 1441 |
    arrow-small-up
    1442 |
    &#xe6de;
    1443 |
    • 1444 | 1445 |
  • 1446 | 1447 |
    chevron-thin-left
    1448 |
    &#xe6df;
    1449 |
    • 1450 | 1451 |
  • 1452 | 1453 |
    chevron-thin-down
    1454 |
    &#xe6e0;
    1455 |
    • 1456 | 1457 |
  • 1458 | 1459 |
    chevron-thin-right
    1460 |
    &#xe6e1;
    1461 |
    • 1462 | 1463 |
  • 1464 | 1465 |
    chevron-thin-up
    1466 |
    &#xe6e2;
    1467 |
    • 1468 | 1469 |
  • 1470 | 1471 |
    triangle-down
    1472 |
    &#xe6e3;
    1473 |
    • 1474 | 1475 |
  • 1476 | 1477 |
    rewind
    1478 |
    &#xe6e4;
    1479 |
    • 1480 | 1481 |
  • 1482 | 1483 |
    triangle-left
    1484 |
    &#xe6e5;
    1485 |
    • 1486 | 1487 |
  • 1488 | 1489 |
    triangle-right
    1490 |
    &#xe6e6;
    1491 |
    • 1492 | 1493 |
  • 1494 | 1495 |
    triangle-up
    1496 |
    &#xe6e8;
    1497 |
    • 1498 | 1499 |
  • 1500 | 1501 |
    fast-forward
    1502 |
    &#xe6e9;
    1503 |
    • 1504 | 1505 |
  • 1506 | 1507 |
    客服
    1508 |
    &#xe6ea;
    1509 |
    • 1510 | 1511 |
  • 1512 | 1513 |
    收起
    1514 |
    &#xe6eb;
    1515 |
    • 1516 | 1517 |
  • 1518 | 1519 |
    播放
    1520 |
    &#xe6ec;
    1521 |
    • 1522 | 1523 |
  • 1524 | 1525 |
    标签
    1526 |
    &#xe6ed;
    1527 |
    • 1528 | 1529 |
  • 1530 | 1531 |
    WIFI
    1532 |
    &#xe6ee;
    1533 |
    • 1534 | 1535 |
  • 1536 | 1537 |
    错
    1538 |
    &#xe6ef;
    1539 |
    • 1540 | 1541 |
  • 1542 | 1543 |
    点赞
    1544 |
    &#xe6f0;
    1545 |
    • 1546 | 1547 |
  • 1548 | 1549 |
    定位
    1550 |
    &#xe6f2;
    1551 |
    • 1552 | 1553 |
  • 1554 | 1555 |
    对
    1556 |
    &#xe6f3;
    1557 |
    • 1558 | 1559 |
  • 1560 | 1561 |
    耳机
    1562 |
    &#xe6f4;
    1563 |
    • 1564 | 1565 |
  • 1566 | 1567 |
    更多
    1568 |
    &#xe6f5;
    1569 |
    • 1570 | 1571 |
  • 1572 | 1573 |
    风景
    1574 |
    &#xe6f6;
    1575 |
    • 1576 | 1577 |
  • 1578 | 1579 |
    光盘
    1580 |
    &#xe6f7;
    1581 |
    • 1582 | 1583 |
  • 1584 | 1585 |
    个人
    1586 |
    &#xe6f8;
    1587 |
    • 1588 | 1589 |
  • 1590 | 1591 |
    更多
    1592 |
    &#xe6f9;
    1593 |
    • 1594 | 1595 |
  • 1596 | 1597 |
    铃声
    1598 |
    &#xe6fa;
    1599 |
    • 1600 | 1601 |
  • 1602 | 1603 |
    加
    1604 |
    &#xe6fb;
    1605 |
    • 1606 | 1607 |
  • 1608 | 1609 |
    蓝牙
    1610 |
    &#xe6fc;
    1611 |
    • 1612 | 1613 |
  • 1614 | 1615 |
    女
    1616 |
    &#xe6fd;
    1617 |
    • 1618 | 1619 |
  • 1620 | 1621 |
    男
    1622 |
    &#xe6fe;
    1623 |
    • 1624 | 1625 |
  • 1626 | 1627 |
    设置
    1628 |
    &#xe6ff;
    1629 |
    • 1630 | 1631 |
  • 1632 | 1633 |
    视频
    1634 |
    &#xe700;
    1635 |
    • 1636 | 1637 |
  • 1638 | 1639 |
    收藏
    1640 |
    &#xe701;
    1641 |
    • 1642 | 1643 |
  • 1644 | 1645 |
    搜索
    1646 |
    &#xe702;
    1647 |
    • 1648 | 1649 |
  • 1650 | 1651 |
    锁
    1652 |
    &#xe703;
    1653 |
    • 1654 | 1655 |
  • 1656 | 1657 |
    下拉
    1658 |
    &#xe704;
    1659 |
    • 1660 | 1661 |
  • 1662 | 1663 |
    通知
    1664 |
    &#xe705;
    1665 |
    • 1666 | 1667 |
  • 1668 | 1669 |
    下一首
    1670 |
    &#xe706;
    1671 |
    • 1672 | 1673 |
  • 1674 | 1675 |
    下载
    1676 |
    &#xe707;
    1677 |
    • 1678 | 1679 |
  • 1680 | 1681 |
    信息
    1682 |
    &#xe709;
    1683 |
    • 1684 | 1685 |
  • 1686 | 1687 |
    语音
    1688 |
    &#xe70a;
    1689 |
    • 1690 | 1691 |
  • 1692 | 1693 |
    转换
    1694 |
    &#xe70b;
    1695 |
    • 1696 | 1697 |
  • 1698 | 1699 |
    坐标
    1700 |
    &#xe70c;
    1701 |
    • 1702 | 1703 |
  • 1704 | 1705 |
    声音
    1706 |
    &#xe70d;
    1707 |
    • 1708 | 1709 |
  • 1710 | 1711 |
    收藏
    1712 |
    &#xe70e;
    1713 |
    • 1714 | 1715 |
  • 1716 | 1717 |
    复制
    1718 |
    &#xe70f;
    1719 |
    • 1720 | 1721 |
  • 1722 | 1723 |
    安全设置
    1724 |
    &#xe710;
    1725 |
    • 1726 | 1727 |
  • 1728 | 1729 |
    手机
    1730 |
    &#xe711;
    1731 |
    • 1732 | 1733 |
  • 1734 | 1735 |
    退出
    1736 |
    &#xe712;
    1737 |
    • 1738 | 1739 |
  • 1740 | 1741 |
    消息
    1742 |
    &#xe713;
    1743 |
    • 1744 | 1745 |
  • 1746 | 1747 |
    工作记录
    1748 |
    &#xe714;
    1749 |
    • 1750 | 1751 |
  • 1752 | 1753 |
    发现订单
    1754 |
    &#xe715;
    1755 |
    • 1756 | 1757 |
  • 1758 | 1759 |
    个人信息
    1760 |
    &#xe716;
    1761 |
    • 1762 | 1763 |
  • 1764 | 1765 |
    我的订单
    1766 |
    &#xe717;
    1767 |
    • 1768 | 1769 |
  • 1770 | 1771 |
    提交订单
    1772 |
    &#xe718;
    1773 |
    • 1774 | 1775 |
  • 1776 | 1777 |
    确认完成
    1778 |
    &#xe719;
    1779 |
    • 1780 | 1781 |
  • 1782 | 1783 |
    已绑定
    1784 |
    &#xe71a;
    1785 |
    • 1786 | 1787 |
  • 1788 | 1789 |
    未绑定
    1790 |
    &#xe71b;
    1791 |
    • 1792 | 1793 |
  • 1794 | 1795 |
    保存
    1796 |
    &#xe71c;
    1797 |
    • 1798 | 1799 |
  • 1800 | 1801 |
    取消
    1802 |
    &#xe71d;
    1803 |
    • 1804 | 1805 |
  • 1806 | 1807 |
    添加
    1808 |
    &#xe71e;
    1809 |
    • 1810 | 1811 |
  • 1812 | 1813 |
    编辑
    1814 |
    &#xe71f;
    1815 |
    • 1816 | 1817 |
  • 1818 | 1819 |
    日期选择
    1820 |
    &#xe720;
    1821 |
    • 1822 | 1823 |
  • 1824 | 1825 |
    删除
    1826 |
    &#xe721;
    1827 |
    • 1828 | 1829 |
  • 1830 | 1831 |
    地址
    1832 |
    &#xe722;
    1833 |
    • 1834 | 1835 |
  • 1836 | 1837 |
    右箭头
    1838 |
    &#xe723;
    1839 |
    • 1840 | 1841 |
  • 1842 | 1843 |
    优惠券
    1844 |
    &#xe724;
    1845 |
    • 1846 | 1847 |
  • 1848 | 1849 |
    待收货
    1850 |
    &#xe725;
    1851 |
    • 1852 | 1853 |
  • 1854 | 1855 |
    全部订单
    1856 |
    &#xe726;
    1857 |
    • 1858 | 1859 |
  • 1860 | 1861 |
    优惠券-个人
    1862 |
    &#xe727;
    1863 |
    • 1864 | 1865 |
  • 1866 | 1867 |
    删除
    1868 |
    &#xe728;
    1869 |
    • 1870 | 1871 |
  • 1872 | 1873 |
    放大镜
    1874 |
    &#xe729;
    1875 |
    • 1876 | 1877 |
  • 1878 | 1879 |
    关闭
    1880 |
    &#xe72a;
    1881 |
    • 1882 | 1883 |
  • 1884 | 1885 |
    没有订单
    1886 |
    &#xe72b;
    1887 |
    • 1888 | 1889 |
  • 1890 | 1891 |
    选中
    1892 |
    &#xe72c;
    1893 |
    • 1894 | 1895 |
  • 1896 | 1897 |
    未选中
    1898 |
    &#xe72d;
    1899 |
    • 1900 | 1901 |
  • 1902 | 1903 |
    支付
    1904 |
    &#xe72e;
    1905 |
    • 1906 | 1907 |
  • 1908 | 1909 |
    左箭头
    1910 |
    &#xe72f;
    1911 |
    • 1912 | 1913 |
  • 1914 | 1915 |
    更多
    1916 |
    &#xe730;
    1917 |
    • 1918 | 1919 |
1920 |

unicode引用

1921 |
1922 | 1923 |

unicode是字体在网页端最原始的应用方式，特点是：

1924 |
    1925 |
  • 兼容性最好，支持ie6+，及所有现代浏览器。
    • 1926 |
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • 1927 |
  • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
    • 1928 |
1929 |
1930 |

注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式

1931 |
1932 |

unicode使用步骤如下：

1933 |

第一步：拷贝项目下面生成的font-face

1934 | 
@font-face {
1935 |   font-family: 'iconfont';
1936 |   src: url('iconfont.eot');
1937 |   src: url('iconfont.eot?#iefix') format('embedded-opentype'),
1938 |   url('iconfont.woff') format('woff'),
1939 |   url('iconfont.ttf') format('truetype'),
1940 |   url('iconfont.svg#iconfont') format('svg');
1941 | }
1942 |
1943 |

第二步：定义使用iconfont的样式

1944 | 
.iconfont{
1945 |   font-family:"iconfont" !important;
1946 |   font-size:16px;font-style:normal;
1947 |   -webkit-font-smoothing: antialiased;
1948 |   -webkit-text-stroke-width: 0.2px;
1949 |   -moz-osx-font-smoothing: grayscale;
1950 | }
1951 |
1952 |

第三步：挑选相应图标并获取字体编码，应用于页面

1953 | 
<i class="iconfont">&#x33;</i>
1954 | 1955 |
1956 |

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。

1957 |
1958 |
1959 | 1960 | 1961 | 1962 | 1963 | -------------------------------------------------------------------------------- /fonts/demo_fontclass.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IconFont 7 | 8 | 9 | 10 | 11 |
12 |

IconFont 图标

13 |
    14 | 15 |
  • 16 | 17 |
    暂停
    18 |
    .icon-zanting
    19 |
    • 20 | 21 |
  • 22 | 23 |
    暂停
    24 |
    .icon-zanting1
    25 |
    • 26 | 27 |
  • 28 | 29 |
    暂停
    30 |
    .icon-zanting2
    31 |
    • 32 | 33 |
  • 34 | 35 |
    播放
    36 |
    .icon-bofang
    37 |
    • 38 | 39 |
  • 40 | 41 |
    分享
    42 |
    .icon-fenxiang
    43 |
    • 44 | 45 |
  • 46 | 47 |
    分享
    48 |
    .icon-fenxiang1
    49 |
    • 50 | 51 |
  • 52 | 53 |
    播放
    54 |
    .icon-play
    55 |
    • 56 | 57 |
  • 58 | 59 |
    分享
    60 |
    .icon-share6
    61 |
    • 62 | 63 |
  • 64 | 65 |
    播放
    66 |
    .icon-bofang1
    67 |
    • 68 | 69 |
  • 70 | 71 |
    下一曲
    72 |
    .icon-ttpodicon
    73 |
    • 74 | 75 |
  • 76 | 77 |
    上一曲
    78 |
    .icon-ttpodicon1
    79 |
    • 80 | 81 |
  • 82 | 83 |
    上一曲
    84 |
    .icon-ttpodicon2
    85 |
    • 86 | 87 |
  • 88 | 89 |
    下一曲
    90 |
    .icon-ttpodicon3
    91 |
    • 92 | 93 |
  • 94 | 95 |
    分享
    96 |
    .icon-fenxiang11
    97 |
    • 98 | 99 |
  • 100 | 101 |
    分享
    102 |
    .icon-fenxiang2
    103 |
    • 104 | 105 |
  • 106 | 107 |
    播放
    108 |
    .icon-play1
    109 |
    • 110 | 111 |
  • 112 | 113 |
    暂停 1
    114 |
    .icon-zanting3
    115 |
    • 116 | 117 |
  • 118 | 119 |
    播放
    120 |
    .icon-bofang2
    121 |
    • 122 | 123 |
  • 124 | 125 |
    分享
    126 |
    .icon-fenxiang3
    127 |
    • 128 | 129 |
  • 130 | 131 |
    分享
    132 |
    .icon-infenicon18
    133 |
    • 134 | 135 |
  • 136 | 137 |
    暂停
    138 |
    .icon-pause-outline
    139 |
    • 140 | 141 |
  • 142 | 143 |
    分享
    144 |
    .icon-fenxiang4
    145 |
    • 146 | 147 |
  • 148 | 149 |
    上一曲
    150 |
    .icon-shangyiqu
    151 |
    • 152 | 153 |
  • 154 | 155 |
    下一曲
    156 |
    .icon-xiayiqu
    157 |
    • 158 | 159 |
  • 160 | 161 |
    暂停
    162 |
    .icon-zanting4
    163 |
    • 164 | 165 |
  • 166 | 167 |
    分享
    168 |
    .icon-fenxiang5
    169 |
    • 170 | 171 |
  • 172 | 173 |
    播放
    174 |
    .icon-bofang3
    175 |
    • 176 | 177 |
  • 178 | 179 |
    分享
    180 |
    .icon-fenxiang6
    181 |
    • 182 | 183 |
  • 184 | 185 |
    分享
    186 |
    .icon-share
    187 |
    • 188 | 189 |
  • 190 | 191 |
    暂停
    192 |
    .icon-iconfontcolor96
    193 |
    • 194 | 195 |
  • 196 | 197 |
    播放器-下一曲
    198 |
    .icon-bofangqixiayiqu
    199 |
    • 200 | 201 |
  • 202 | 203 |
    锁屏-下一曲
    204 |
    .icon-suopingxiayiqu
    205 |
    • 206 | 207 |
  • 208 | 209 |
    锁屏-上一曲
    210 |
    .icon-suopingshangyiqu
    211 |
    • 212 | 213 |
  • 214 | 215 |
    主题-下一曲
    216 |
    .icon-zhutixiayiqu
    217 |
    • 218 | 219 |
  • 220 | 221 |
    天标
    222 |
    .icon-tianbiao
    223 |
    • 224 | 225 |
  • 226 | 227 |
    天
    228 |
    .icon-tian
    229 |
    • 230 | 231 |
  • 232 | 233 |
    天猫
    234 |
    .icon-tianmao
    235 |
    • 236 | 237 |
  • 238 | 239 |
    天猫
    240 |
    .icon-tianmao1
    241 |
    • 242 | 243 |
  • 244 | 245 |
    下一曲
    246 |
    .icon-xiayiqu1
    247 |
    • 248 | 249 |
  • 250 | 251 |
    随机播放
    252 |
    .icon-suijibofang
    253 |
    • 254 | 255 |
  • 256 | 257 |
    开始暂停
    258 |
    .icon-weibiaoti102
    259 |
    • 260 | 261 |
  • 262 | 263 |
    上一曲
    264 |
    .icon-icon1
    265 |
    • 266 | 267 |
  • 268 | 269 |
    下一曲
    270 |
    .icon-icon2
    271 |
    • 272 | 273 |
  • 274 | 275 |
    天猫
    276 |
    .icon-tianmao2
    277 |
    • 278 | 279 |
  • 280 | 281 |
    05
    282 |
    .icon-05
    283 |
    • 284 | 285 |
  • 286 | 287 |
    07
    288 |
    .icon-07
    289 |
    • 290 | 291 |
  • 292 | 293 |
    10
    294 |
    .icon-10
    295 |
    • 296 | 297 |
  • 298 | 299 |
    24
    300 |
    .icon-24
    301 |
    • 302 | 303 |
  • 304 | 305 |
    25
    306 |
    .icon-25
    307 |
    • 308 | 309 |
  • 310 | 311 |
    26
    312 |
    .icon-26
    313 |
    • 314 | 315 |
  • 316 | 317 |
    27
    318 |
    .icon-27
    319 |
    • 320 | 321 |
  • 322 | 323 |
    28
    324 |
    .icon-28
    325 |
    • 326 | 327 |
  • 328 | 329 |
    29
    330 |
    .icon-29
    331 |
    • 332 | 333 |
  • 334 | 335 |
    31
    336 |
    .icon-31
    337 |
    • 338 | 339 |
  • 340 | 341 |
    38
    342 |
    .icon-38
    343 |
    • 344 | 345 |
  • 346 | 347 |
    暂停
    348 |
    .icon-crm17
    349 |
    • 350 | 351 |
  • 352 | 353 |
    39
    354 |
    .icon-39
    355 |
    • 356 | 357 |
  • 358 | 359 |
    暂停
    360 |
    .icon-zanting5
    361 |
    • 362 | 363 |
  • 364 | 365 |
    暂停活动
    366 |
    .icon-zantinghuodong
    367 |
    • 368 | 369 |
  • 370 | 371 |
    7天
    372 |
    .icon-7tian
    373 |
    • 374 | 375 |
  • 376 | 377 |
    7天
    378 |
    .icon-7tian1
    379 |
    • 380 | 381 |
  • 382 | 383 |
    42
    384 |
    .icon-42
    385 |
    • 386 | 387 |
  • 388 | 389 |
    暂停
    390 |
    .icon-zanting6
    391 |
    • 392 | 393 |
  • 394 | 395 |
    天猫
    396 |
    .icon-tianmao3
    397 |
    • 398 | 399 |
  • 400 | 401 |
    50
    402 |
    .icon-50
    403 |
    • 404 | 405 |
  • 406 | 407 |
    上一曲
    408 |
    .icon-shangyiqu-copy
    409 |
    • 410 | 411 |
  • 412 | 413 |
    我
    414 |
    .icon-user
    415 |
    • 416 | 417 |
  • 418 | 419 |
    默认头像
    420 |
    .icon-default-avatar
    421 |
    • 422 | 423 |
  • 424 | 425 |
    暂停
    426 |
    .icon-zanting7
    427 |
    • 428 | 429 |
  • 430 | 431 |
    上一曲
    432 |
    .icon-shangyiqu-copy1
    433 |
    • 434 | 435 |
  • 436 | 437 |
    随机播放
    438 |
    .icon-suiji2
    439 |
    • 440 | 441 |
  • 442 | 443 |
    address
    444 |
    .icon-address
    445 |
    • 446 | 447 |
  • 448 | 449 |
    eyeoclose
    450 |
    .icon-eyeoclose
    451 |
    • 452 | 453 |
  • 454 | 455 |
    eyeopen
    456 |
    .icon-eyeopen
    457 |
    • 458 | 459 |
  • 460 | 461 |
    phonenum
    462 |
    .icon-phonenum
    463 |
    • 464 | 465 |
  • 466 | 467 |
    question
    468 |
    .icon-question
    469 |
    • 470 | 471 |
  • 472 | 473 |
    set
    474 |
    .icon-set
    475 |
    • 476 | 477 |
  • 478 | 479 |
    paynumber
    480 |
    .icon-paynumber
    481 |
    • 482 | 483 |
  • 484 | 485 |
    音乐_暂停
    486 |
    .icon-yinlezanting
    487 |
    • 488 | 489 |
  • 490 | 491 |
    下一曲40
    492 |
    .icon-tushujiemianxiayiqu40
    493 |
    • 494 | 495 |
  • 496 | 497 |
    随机播放
    498 |
    .icon-suijibofang1
    499 |
    • 500 | 501 |
  • 502 | 503 |
    随机播放
    504 |
    .icon-suijibofang2
    505 |
    • 506 | 507 |
  • 508 | 509 |
    随机播放
    510 |
    .icon-suijibofang3
    511 |
    • 512 | 513 |
  • 514 | 515 |
    随机播放
    516 |
    .icon-icon78
    517 |
    • 518 | 519 |
  • 520 | 521 |
    上一曲
    522 |
    .icon-icon129
    523 |
    • 524 | 525 |
  • 526 | 527 |
    下一曲
    528 |
    .icon-icon226
    529 |
    • 530 | 531 |
  • 532 | 533 |
    消息(1)
    534 |
    .icon-xiaoxi1
    535 |
    • 536 | 537 |
  • 538 | 539 |
    消息
    540 |
    .icon-xiaoxi
    541 |
    • 542 | 543 |
  • 544 | 545 |
    统计图阴
    546 |
    .icon-tongjitu111
    547 |
    • 548 | 549 |
  • 550 | 551 |
    用户
    552 |
    .icon-yonghu
    553 |
    • 554 | 555 |
  • 556 | 557 |
    工作
    558 |
    .icon-gongzuo
    559 |
    • 560 | 561 |
  • 562 | 563 |
    资讯
    564 |
    .icon-zixun
    565 |
    • 566 | 567 |
  • 568 | 569 |
    资讯_填充
    570 |
    .icon-zixuntianchong
    571 |
    • 572 | 573 |
  • 574 | 575 |
    定位
    576 |
    .icon-dingwei
    577 |
    • 578 | 579 |
  • 580 | 581 |
    下一曲
    582 |
    .icon-next
    583 |
    • 584 | 585 |
  • 586 | 587 |
    上一曲
    588 |
    .icon-shangyiqu1
    589 |
    • 590 | 591 |
  • 592 | 593 |
    下一曲
    594 |
    .icon-xiayiqu2
    595 |
    • 596 | 597 |
  • 598 | 599 |
    天猫
    600 |
    .icon-tianmao4
    601 |
    • 602 | 603 |
  • 604 | 605 |
    购物车-选中
    606 |
    .icon-gouwuche-xuanzhong
    607 |
    • 608 | 609 |
  • 610 | 611 |
    我的-选中
    612 |
    .icon-wode-xuanzhong
    613 |
    • 614 | 615 |
  • 616 | 617 |
    购物车
    618 |
    .icon-gouwuche
    619 |
    • 620 | 621 |
  • 622 | 623 |
    我的
    624 |
    .icon-wode
    625 |
    • 626 | 627 |
  • 628 | 629 |
    首页
    630 |
    .icon-shouye
    631 |
    • 632 | 633 |
  • 634 | 635 |
    大众点评
    636 |
    .icon-dazhongdianping
    637 |
    • 638 | 639 |
  • 640 | 641 |
    豆瓣
    642 |
    .icon-douban
    643 |
    • 644 | 645 |
  • 646 | 647 |
    淘宝
    648 |
    .icon-taobao
    649 |
    • 650 | 651 |
  • 652 | 653 |
    腾讯微博
    654 |
    .icon-tengxunweibo
    655 |
    • 656 | 657 |
  • 658 | 659 |
    人人
    660 |
    .icon-renren
    661 |
    • 662 | 663 |
  • 664 | 665 |
    邮箱
    666 |
    .icon-youxiang
    667 |
    • 668 | 669 |
  • 670 | 671 |
    微信
    672 |
    .icon-weixin
    673 |
    • 674 | 675 |
  • 676 | 677 |
    支付宝
    678 |
    .icon-zhifubao
    679 |
    • 680 | 681 |
  • 682 | 683 |
    印象笔记
    684 |
    .icon-yinxiangbiji
    685 |
    • 686 | 687 |
  • 688 | 689 |
    Facebook
    690 |
    .icon-Facebook
    691 |
    • 692 | 693 |
  • 694 | 695 |
    dribbble
    696 |
    .icon-dribbble
    697 |
    • 698 | 699 |
  • 700 | 701 |
    linkedin
    702 |
    .icon-linkedin
    703 |
    • 704 | 705 |
  • 706 | 707 |
    Instagram
    708 |
    .icon-Instagram
    709 |
    • 710 | 711 |
  • 712 | 713 |
    pinterest
    714 |
    .icon-pinterest
    715 |
    • 716 | 717 |
  • 718 | 719 |
    qq空间
    720 |
    .icon-qqkongjian
    721 |
    • 722 | 723 |
  • 724 | 725 |
    reddit
    726 |
    .icon-reddit
    727 |
    • 728 | 729 |
  • 730 | 731 |
    tumblr
    732 |
    .icon-tumblr
    733 |
    • 734 | 735 |
  • 736 | 737 |
    知乎
    738 |
    .icon-zhihu
    739 |
    • 740 | 741 |
  • 742 | 743 |
    优酷
    744 |
    .icon-youku
    745 |
    • 746 | 747 |
  • 748 | 749 |
    twitter
    750 |
    .icon-twitter
    751 |
    • 752 | 753 |
  • 754 | 755 |
    quora
    756 |
    .icon-quora
    757 |
    • 758 | 759 |
  • 760 | 761 |
    path
    762 |
    .icon-path
    763 |
    • 764 | 765 |
  • 766 | 767 |
    有道云笔记
    768 |
    .icon-youdaoyunbiji
    769 |
    • 770 | 771 |
  • 772 | 773 |
    snapchat
    774 |
    .icon-snapchat
    775 |
    • 776 | 777 |
  • 778 | 779 |
    line
    780 |
    .icon-line
    781 |
    • 782 | 783 |
  • 784 | 785 |
    新浪微博
    786 |
    .icon-xinlangweibo
    787 |
    • 788 | 789 |
  • 790 | 791 |
    qq
    792 |
    .icon-qq
    793 |
    • 794 | 795 |
  • 796 | 797 |
    whatsapp
    798 |
    .icon-whatsapp
    799 |
    • 800 | 801 |
  • 802 | 803 |
    分类
    804 |
    .icon-fenlei
    805 |
    • 806 | 807 |
  • 808 | 809 |
    分类-选中
    810 |
    .icon-fenlei-xuanzhong
    811 |
    • 812 | 813 |
  • 814 | 815 |
    朋友圈
    816 |
    .icon-pengyouquan
    817 |
    • 818 | 819 |
  • 820 | 821 |
    向上
    822 |
    .icon-xiangshang
    823 |
    • 824 | 825 |
  • 826 | 827 |
    向下
    828 |
    .icon-xiangxia
    829 |
    • 830 | 831 |
  • 832 | 833 |
    时钟1
    834 |
    .icon-shizhong1
    835 |
    • 836 | 837 |
  • 838 | 839 |
    向左
    840 |
    .icon-xiangzuo
    841 |
    • 842 | 843 |
  • 844 | 845 |
    太和殿
    846 |
    .icon-01
    847 |
    • 848 | 849 |
  • 850 | 851 |
    长城
    852 |
    .icon-02
    853 |
    • 854 | 855 |
  • 856 | 857 |
    明十三陵
    858 |
    .icon-03
    859 |
    • 860 | 861 |
  • 862 | 863 |
    中央电视台总部大楼
    864 |
    .icon-051
    865 |
    • 866 | 867 |
  • 868 | 869 |
    天坛
    870 |
    .icon-06
    871 |
    • 872 | 873 |
  • 874 | 875 |
    埃菲尔铁塔-法
    876 |
    .icon-071
    877 |
    • 878 | 879 |
  • 880 | 881 |
    随机播放
    882 |
    .icon-random
    883 |
    • 884 | 885 |
  • 886 | 887 |
    悉尼歌剧院-澳
    888 |
    .icon-08
    889 |
    • 890 | 891 |
  • 892 | 893 |
    自由女神-美
    894 |
    .icon-09
    895 |
    • 896 | 897 |
  • 898 | 899 |
    白宫-美
    900 |
    .icon-101
    901 |
    • 902 | 903 |
  • 904 | 905 |
    帝国大厦-美
    906 |
    .icon-11
    907 |
    • 908 | 909 |
  • 910 | 911 |
    比萨斜塔-意
    912 |
    .icon-12
    913 |
    • 914 | 915 |
  • 916 | 917 |
    东京塔-日
    918 |
    .icon-14
    919 |
    • 920 | 921 |
  • 922 | 923 |
    埃及金字塔
    924 |
    .icon-17
    925 |
    • 926 | 927 |
  • 928 | 929 |
    罗马斗兽场
    930 |
    .icon-18
    931 |
    • 932 | 933 |
  • 934 | 935 |
    复活节岛石像
    936 |
    .icon-20
    937 |
    • 938 | 939 |
  • 940 | 941 |
    里约热内卢基督像-巴西
    942 |
    .icon-21
    943 |
    • 944 | 945 |
  • 946 | 947 |
    icon_twitter
    948 |
    .icon-twitter1
    949 |
    • 950 | 951 |
  • 952 | 953 |
    icon_facebook
    954 |
    .icon-facebook
    955 |
    • 956 | 957 |
  • 958 | 959 |
    微信
    960 |
    .icon-weixin1
    961 |
    • 962 | 963 |
  • 964 | 965 |
    icon_Yahoo
    966 |
    .icon-Yahoo
    967 |
    • 968 | 969 |
  • 970 | 971 |
    icon_Skye
    972 |
    .icon-Skye
    973 |
    • 974 | 975 |
  • 976 | 977 |
    icon_Google
    978 |
    .icon-Google
    979 |
    • 980 | 981 |
  • 982 | 983 |
    icon_anzhuo
    984 |
    .icon-anzhuo
    985 |
    • 986 | 987 |
  • 988 | 989 |
    icon_yamaxun
    990 |
    .icon-yamaxun
    991 |
    • 992 | 993 |
  • 994 | 995 |
    icon_linkedin
    996 |
    .icon-linkedin1
    997 |
    • 998 | 999 |
  • 1000 | 1001 |
    微信朋友圈
    1002 |
    .icon-weixinpengyouquan
    1003 |
    • 1004 | 1005 |
  • 1006 | 1007 |
    icon_YouTube
    1008 |
    .icon-YouTube
    1009 |
    • 1010 | 1011 |
  • 1012 | 1013 |
    qq
    1014 |
    .icon-qq1
    1015 |
    • 1016 | 1017 |
  • 1018 | 1019 |
    新浪
    1020 |
    .icon-xinlang
    1021 |
    • 1022 | 1023 |
  • 1024 | 1025 |
    facebook
    1026 |
    .icon-facebook1
    1027 |
    • 1028 | 1029 |
  • 1030 | 1031 |
    icon_Qzone
    1032 |
    .icon-Qzone
    1033 |
    • 1034 | 1035 |
  • 1036 | 1037 |
    icon_QQ
    1038 |
    .icon-QQ
    1039 |
    • 1040 | 1041 |
  • 1042 | 1043 |
    icon_xinlang
    1044 |
    .icon-xinlang1
    1045 |
    • 1046 | 1047 |
  • 1048 | 1049 |
    icon_tenxun_weibo
    1050 |
    .icon-QQ_weibo
    1051 |
    • 1052 | 1053 |
  • 1054 | 1055 |
    icon_zhifubao
    1056 |
    .icon-zhifubao1
    1057 |
    • 1058 | 1059 |
  • 1060 | 1061 |
    icon_taobao
    1062 |
    .icon-taobao1
    1063 |
    • 1064 | 1065 |
  • 1066 | 1067 |
    icon_weichat
    1068 |
    .icon-weichat
    1069 |
    • 1070 | 1071 |
  • 1072 | 1073 |
    icon_douban
    1074 |
    .icon-douban1
    1075 |
    • 1076 | 1077 |
  • 1078 | 1079 |
    icon_renren
    1080 |
    .icon-renren1
    1081 |
    • 1082 | 1083 |
  • 1084 | 1085 |
    icon_email
    1086 |
    .icon-email
    1087 |
    • 1088 | 1089 |
  • 1090 | 1091 |
    icon_youku
    1092 |
    .icon-youku1
    1093 |
    • 1094 | 1095 |
  • 1096 | 1097 |
    twitter
    1098 |
    .icon-twitter2
    1099 |
    • 1100 | 1101 |
  • 1102 | 1103 |
    苹果
    1104 |
    .icon-pingguo
    1105 |
    • 1106 | 1107 |
  • 1108 | 1109 |
    收藏
    1110 |
    .icon-shoucang
    1111 |
    • 1112 | 1113 |
  • 1114 | 1115 |
    卡券
    1116 |
    .icon-qiaquan
    1117 |
    • 1118 | 1119 |
  • 1120 | 1121 |
    文件
    1122 |
    .icon-wenjian
    1123 |
    • 1124 | 1125 |
  • 1126 | 1127 |
    编辑
    1128 |
    .icon-bianji
    1129 |
    • 1130 | 1131 |
  • 1132 | 1133 |
    设置
    1134 |
    .icon-shezhi
    1135 |
    • 1136 | 1137 |
  • 1138 | 1139 |
    地点
    1140 |
    .icon-didian
    1141 |
    • 1142 | 1143 |
  • 1144 | 1145 |
    飞机
    1146 |
    .icon-feiji
    1147 |
    • 1148 | 1149 |
  • 1150 | 1151 |
    电话
    1152 |
    .icon-dianhua
    1153 |
    • 1154 | 1155 |
  • 1156 | 1157 |
    垃圾桶
    1158 |
    .icon-lajitong
    1159 |
    • 1160 | 1161 |
  • 1162 | 1163 |
    手机
    1164 |
    .icon-shouji
    1165 |
    • 1166 | 1167 |
  • 1168 | 1169 |
    钱包
    1170 |
    .icon-qianbao
    1171 |
    • 1172 | 1173 |
  • 1174 | 1175 |
    邮箱
    1176 |
    .icon-youxiang1
    1177 |
    • 1178 | 1179 |
  • 1180 | 1181 |
    钥匙
    1182 |
    .icon-yuechi
    1183 |
    • 1184 | 1185 |
  • 1186 | 1187 |
    学位
    1188 |
    .icon-xuewei
    1189 |
    • 1190 | 1191 |
  • 1192 | 1193 |
    评分
    1194 |
    .icon-pingfen
    1195 |
    • 1196 | 1197 |
  • 1198 | 1199 |
    闹钟
    1200 |
    .icon-naozhong
    1201 |
    • 1202 | 1203 |
  • 1204 | 1205 |
    键盘
    1206 |
    .icon-jianpan
    1207 |
    • 1208 | 1209 |
  • 1210 | 1211 |
    百度
    1212 |
    .icon-baidu
    1213 |
    • 1214 | 1215 |
  • 1216 | 1217 |
    百度2
    1218 |
    .icon-baidu2
    1219 |
    • 1220 | 1221 |
  • 1222 | 1223 |
    QQ
    1224 |
    .icon-QQ1
    1225 |
    • 1226 | 1227 |
  • 1228 | 1229 |
    百度1
    1230 |
    .icon-baidu1
    1231 |
    • 1232 | 1233 |
  • 1234 | 1235 |
    QQ2
    1236 |
    .icon-QQ2
    1237 |
    • 1238 | 1239 |
  • 1240 | 1241 |
    QQ1
    1242 |
    .icon-QQ11
    1243 |
    • 1244 | 1245 |
  • 1246 | 1247 |
    淘宝
    1248 |
    .icon-taobao2
    1249 |
    • 1250 | 1251 |
  • 1252 | 1253 |
    淘宝1
    1254 |
    .icon-taobao11
    1255 |
    • 1256 | 1257 |
  • 1258 | 1259 |
    淘宝2
    1260 |
    .icon-taobao21
    1261 |
    • 1262 | 1263 |
  • 1264 | 1265 |
    腾讯微博1
    1266 |
    .icon-tengxunweibo1
    1267 |
    • 1268 | 1269 |
  • 1270 | 1271 |
    腾讯微博
    1272 |
    .icon-tengxunweibo2
    1273 |
    • 1274 | 1275 |
  • 1276 | 1277 |
    微信
    1278 |
    .icon-weixin2
    1279 |
    • 1280 | 1281 |
  • 1282 | 1283 |
    腾讯微博2
    1284 |
    .icon-tengxunweibo21
    1285 |
    • 1286 | 1287 |
  • 1288 | 1289 |
    微信1
    1290 |
    .icon-weixin11
    1291 |
    • 1292 | 1293 |
  • 1294 | 1295 |
    微信2
    1296 |
    .icon-weixin21
    1297 |
    • 1298 | 1299 |
  • 1300 | 1301 |
    新浪微博
    1302 |
    .icon-xinlangweibo1
    1303 |
    • 1304 | 1305 |
  • 1306 | 1307 |
    新浪微博1
    1308 |
    .icon-xinlangweibo11
    1309 |
    • 1310 | 1311 |
  • 1312 | 1313 |
    新浪微博2
    1314 |
    .icon-xinlangweibo2
    1315 |
    • 1316 | 1317 |
  • 1318 | 1319 |
    个人中心
    1320 |
    .icon-icongerenzhongxin-01
    1321 |
    • 1322 | 1323 |
  • 1324 | 1325 |
    回到首页
    1326 |
    .icon-iconhuidaoshouye
    1327 |
    • 1328 | 1329 |
  • 1330 | 1331 |
    angle-left
    1332 |
    .icon-angle-left
    1333 |
    • 1334 | 1335 |
  • 1336 | 1337 |
    angle-double-left
    1338 |
    .icon-angle-double-left
    1339 |
    • 1340 | 1341 |
  • 1342 | 1343 |
    angle-double-right
    1344 |
    .icon-angle-double-right
    1345 |
    • 1346 | 1347 |
  • 1348 | 1349 |
    angle-down
    1350 |
    .icon-angle-down
    1351 |
    • 1352 | 1353 |
  • 1354 | 1355 |
    angle-double-up
    1356 |
    .icon-angle-double-up
    1357 |
    • 1358 | 1359 |
  • 1360 | 1361 |
    angle-double-down
    1362 |
    .icon-angle-double-down
    1363 |
    • 1364 | 1365 |
  • 1366 | 1367 |
    angle-up
    1368 |
    .icon-angle-up
    1369 |
    • 1370 | 1371 |
  • 1372 | 1373 |
    angle-right
    1374 |
    .icon-angle-right
    1375 |
    • 1376 | 1377 |
  • 1378 | 1379 |
    arrow-small-down
    1380 |
    .icon-arrow-small-down
    1381 |
    • 1382 | 1383 |
  • 1384 | 1385 |
    arrow-down
    1386 |
    .icon-arrow-down
    1387 |
    • 1388 | 1389 |
  • 1390 | 1391 |
    arrow-left
    1392 |
    .icon-arrow-left
    1393 |
    • 1394 | 1395 |
  • 1396 | 1397 |
    arrow-right
    1398 |
    .icon-arrow-right
    1399 |
    • 1400 | 1401 |
  • 1402 | 1403 |
    arrow-small-left
    1404 |
    .icon-arrow-small-left
    1405 |
    • 1406 | 1407 |
  • 1408 | 1409 |
    arrow-small-right
    1410 |
    .icon-arrow-small-right
    1411 |
    • 1412 | 1413 |
  • 1414 | 1415 |
    arrow-up
    1416 |
    .icon-arrow-up
    1417 |
    • 1418 | 1419 |
  • 1420 | 1421 |
    arrow-small-up
    1422 |
    .icon-arrow-small-up
    1423 |
    • 1424 | 1425 |
  • 1426 | 1427 |
    chevron-thin-left
    1428 |
    .icon-chevron-thin-left
    1429 |
    • 1430 | 1431 |
  • 1432 | 1433 |
    chevron-thin-down
    1434 |
    .icon-chevron-thin-down
    1435 |
    • 1436 | 1437 |
  • 1438 | 1439 |
    chevron-thin-right
    1440 |
    .icon-chevron-thin-right
    1441 |
    • 1442 | 1443 |
  • 1444 | 1445 |
    chevron-thin-up
    1446 |
    .icon-chevron-thin-up
    1447 |
    • 1448 | 1449 |
  • 1450 | 1451 |
    triangle-down
    1452 |
    .icon-triangle-down
    1453 |
    • 1454 | 1455 |
  • 1456 | 1457 |
    rewind
    1458 |
    .icon-rewind
    1459 |
    • 1460 | 1461 |
  • 1462 | 1463 |
    triangle-left
    1464 |
    .icon-triangle-left
    1465 |
    • 1466 | 1467 |
  • 1468 | 1469 |
    triangle-right
    1470 |
    .icon-triangle-right
    1471 |
    • 1472 | 1473 |
  • 1474 | 1475 |
    triangle-up
    1476 |
    .icon-triangle-up
    1477 |
    • 1478 | 1479 |
  • 1480 | 1481 |
    fast-forward
    1482 |
    .icon-fast-forward
    1483 |
    • 1484 | 1485 |
  • 1486 | 1487 |
    客服
    1488 |
    .icon-kefu
    1489 |
    • 1490 | 1491 |
  • 1492 | 1493 |
    收起
    1494 |
    .icon-shouqi-01
    1495 |
    • 1496 | 1497 |
  • 1498 | 1499 |
    播放
    1500 |
    .icon-bofang4
    1501 |
    • 1502 | 1503 |
  • 1504 | 1505 |
    标签
    1506 |
    .icon-biaoqian
    1507 |
    • 1508 | 1509 |
  • 1510 | 1511 |
    WIFI
    1512 |
    .icon-WIFI
    1513 |
    • 1514 | 1515 |
  • 1516 | 1517 |
    错
    1518 |
    .icon-cuo
    1519 |
    • 1520 | 1521 |
  • 1522 | 1523 |
    点赞
    1524 |
    .icon-dianzan
    1525 |
    • 1526 | 1527 |
  • 1528 | 1529 |
    定位
    1530 |
    .icon-dingwei1
    1531 |
    • 1532 | 1533 |
  • 1534 | 1535 |
    对
    1536 |
    .icon-dui
    1537 |
    • 1538 | 1539 |
  • 1540 | 1541 |
    耳机
    1542 |
    .icon-erji
    1543 |
    • 1544 | 1545 |
  • 1546 | 1547 |
    更多
    1548 |
    .icon-gengduo
    1549 |
    • 1550 | 1551 |
  • 1552 | 1553 |
    风景
    1554 |
    .icon-fengjing
    1555 |
    • 1556 | 1557 |
  • 1558 | 1559 |
    光盘
    1560 |
    .icon-guangpan
    1561 |
    • 1562 | 1563 |
  • 1564 | 1565 |
    个人
    1566 |
    .icon-geren
    1567 |
    • 1568 | 1569 |
  • 1570 | 1571 |
    更多
    1572 |
    .icon-gengduo-2
    1573 |
    • 1574 | 1575 |
  • 1576 | 1577 |
    铃声
    1578 |
    .icon-lingsheng
    1579 |
    • 1580 | 1581 |
  • 1582 | 1583 |
    加
    1584 |
    .icon-jia
    1585 |
    • 1586 | 1587 |
  • 1588 | 1589 |
    蓝牙
    1590 |
    .icon-lanya
    1591 |
    • 1592 | 1593 |
  • 1594 | 1595 |
    女
    1596 |
    .icon-nv
    1597 |
    • 1598 | 1599 |
  • 1600 | 1601 |
    男
    1602 |
    .icon-nan
    1603 |
    • 1604 | 1605 |
  • 1606 | 1607 |
    设置
    1608 |
    .icon-shezhi1
    1609 |
    • 1610 | 1611 |
  • 1612 | 1613 |
    视频
    1614 |
    .icon-shipin
    1615 |
    • 1616 | 1617 |
  • 1618 | 1619 |
    收藏
    1620 |
    .icon-shoucang1
    1621 |
    • 1622 | 1623 |
  • 1624 | 1625 |
    搜索
    1626 |
    .icon-sousuo
    1627 |
    • 1628 | 1629 |
  • 1630 | 1631 |
    锁
    1632 |
    .icon-suo
    1633 |
    • 1634 | 1635 |
  • 1636 | 1637 |
    下拉
    1638 |
    .icon-xiala
    1639 |
    • 1640 | 1641 |
  • 1642 | 1643 |
    通知
    1644 |
    .icon-tongzhi
    1645 |
    • 1646 | 1647 |
  • 1648 | 1649 |
    下一首
    1650 |
    .icon-xiayishou
    1651 |
    • 1652 | 1653 |
  • 1654 | 1655 |
    下载
    1656 |
    .icon-xiazai
    1657 |
    • 1658 | 1659 |
  • 1660 | 1661 |
    信息
    1662 |
    .icon-xinxi
    1663 |
    • 1664 | 1665 |
  • 1666 | 1667 |
    语音
    1668 |
    .icon-yuyin
    1669 |
    • 1670 | 1671 |
  • 1672 | 1673 |
    转换
    1674 |
    .icon-zhuanhuan
    1675 |
    • 1676 | 1677 |
  • 1678 | 1679 |
    坐标
    1680 |
    .icon-zuobiao
    1681 |
    • 1682 | 1683 |
  • 1684 | 1685 |
    声音
    1686 |
    .icon-shengyin
    1687 |
    • 1688 | 1689 |
  • 1690 | 1691 |
    收藏
    1692 |
    .icon-shoucang2
    1693 |
    • 1694 | 1695 |
  • 1696 | 1697 |
    复制
    1698 |
    .icon-fuzhi
    1699 |
    • 1700 | 1701 |
  • 1702 | 1703 |
    安全设置
    1704 |
    .icon-anquanshezhi
    1705 |
    • 1706 | 1707 |
  • 1708 | 1709 |
    手机
    1710 |
    .icon-shouji1
    1711 |
    • 1712 | 1713 |
  • 1714 | 1715 |
    退出
    1716 |
    .icon-tuichu
    1717 |
    • 1718 | 1719 |
  • 1720 | 1721 |
    消息
    1722 |
    .icon-xiaoxi2
    1723 |
    • 1724 | 1725 |
  • 1726 | 1727 |
    工作记录
    1728 |
    .icon-gongzuojilu
    1729 |
    • 1730 | 1731 |
  • 1732 | 1733 |
    发现订单
    1734 |
    .icon-faxiandingdan
    1735 |
    • 1736 | 1737 |
  • 1738 | 1739 |
    个人信息
    1740 |
    .icon-gerenxinxi
    1741 |
    • 1742 | 1743 |
  • 1744 | 1745 |
    我的订单
    1746 |
    .icon-wodedingdan
    1747 |
    • 1748 | 1749 |
  • 1750 | 1751 |
    提交订单
    1752 |
    .icon-tijiaodingdan
    1753 |
    • 1754 | 1755 |
  • 1756 | 1757 |
    确认完成
    1758 |
    .icon-querenwancheng
    1759 |
    • 1760 | 1761 |
  • 1762 | 1763 |
    已绑定
    1764 |
    .icon-yibangding
    1765 |
    • 1766 | 1767 |
  • 1768 | 1769 |
    未绑定
    1770 |
    .icon-weibangding
    1771 |
    • 1772 | 1773 |
  • 1774 | 1775 |
    保存
    1776 |
    .icon-baocun
    1777 |
    • 1778 | 1779 |
  • 1780 | 1781 |
    取消
    1782 |
    .icon-quxiao
    1783 |
    • 1784 | 1785 |
  • 1786 | 1787 |
    添加
    1788 |
    .icon-tianjia
    1789 |
    • 1790 | 1791 |
  • 1792 | 1793 |
    编辑
    1794 |
    .icon-bianji1
    1795 |
    • 1796 | 1797 |
  • 1798 | 1799 |
    日期选择
    1800 |
    .icon-riqixuanze
    1801 |
    • 1802 | 1803 |
  • 1804 | 1805 |
    删除
    1806 |
    .icon-shanchu
    1807 |
    • 1808 | 1809 |
  • 1810 | 1811 |
    地址
    1812 |
    .icon-dizhi-01
    1813 |
    • 1814 | 1815 |
  • 1816 | 1817 |
    右箭头
    1818 |
    .icon-youjiantou-01
    1819 |
    • 1820 | 1821 |
  • 1822 | 1823 |
    优惠券
    1824 |
    .icon-youhuiquan-01
    1825 |
    • 1826 | 1827 |
  • 1828 | 1829 |
    待收货
    1830 |
    .icon-daishouhuo-01
    1831 |
    • 1832 | 1833 |
  • 1834 | 1835 |
    全部订单
    1836 |
    .icon-quanbudingdan-01
    1837 |
    • 1838 | 1839 |
  • 1840 | 1841 |
    优惠券-个人
    1842 |
    .icon-youhuiquan-geren-01
    1843 |
    • 1844 | 1845 |
  • 1846 | 1847 |
    删除
    1848 |
    .icon-shanchu-01
    1849 |
    • 1850 | 1851 |
  • 1852 | 1853 |
    放大镜
    1854 |
    .icon-fangdajing
    1855 |
    • 1856 | 1857 |
  • 1858 | 1859 |
    关闭
    1860 |
    .icon-guanbi-01
    1861 |
    • 1862 | 1863 |
  • 1864 | 1865 |
    没有订单
    1866 |
    .icon-meiyoudingdan-01
    1867 |
    • 1868 | 1869 |
  • 1870 | 1871 |
    选中
    1872 |
    .icon-xuanzhong-01
    1873 |
    • 1874 | 1875 |
  • 1876 | 1877 |
    未选中
    1878 |
    .icon-weixuanzhong-01
    1879 |
    • 1880 | 1881 |
  • 1882 | 1883 |
    支付
    1884 |
    .icon-zhifu-01
    1885 |
    • 1886 | 1887 |
  • 1888 | 1889 |
    左箭头
    1890 |
    .icon-zuojiantou-01
    1891 |
    • 1892 | 1893 |
  • 1894 | 1895 |
    更多
    1896 |
    .icon-gengduo-01
    1897 |
    • 1898 | 1899 |
1900 | 1901 |

font-class引用

1902 |
1903 | 1904 |

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

1905 |

与unicode使用方式相比，具有如下特点：

1906 |
    1907 |
  • 兼容性良好，支持ie8+，及所有现代浏览器。
    • 1908 |
  • 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
    • 1909 |
  • 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
    • 1910 |
  • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
    • 1911 |
1912 |

使用步骤如下：

1913 |

第一步：引入项目下面生成的fontclass代码：

1914 | 1915 | 1916 | 
<link rel="stylesheet" type="text/css" href="./iconfont.css">
1917 |

第二步：挑选相应图标并获取类名，应用于页面：

1918 | 
<i class="iconfont icon-xxx"></i>
1919 |
1920 |

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。

1921 |
1922 |
1923 | 1924 | 1925 | --------------------------------------------------------------------------------