(!b_H,ya tEd,8t]OΊ[P >u% "MEqMOFiG45NC -6hԂP)N `2*P vIEɘV /Y}I@c!LTBg-FX*weEhc$L7X 4Mlir6/fgIt8W;ӏ }2,Iܶ{Lp,_;45T%ؤam>2Z{&cDO\]ϐa+-:MlWVIUR#)Ɵ'la*6_>Z-xy -Sڔ_XӜ'lB?Twxz gn^ 2צ'-j <ɿ[YTr]߱@˄)lF3bq=gUyy.19yUv*'K7b2%\AK!:drzYV9o H+&i{6 'OݰafgV1Y,F"5[@&ń1G6vnYQ]),7`Ħ7+f EY,gJ:#ۆ?tSR~~8`EڭOyKJVXUo#WJc+$:dXSM-N@/d(2wX)d!s2" z0`g}L\ 3+Zcg/d@ y )%χ8#hg n^))%@:+VHp n++!V.+BeTw~I 1I8<9e <2YTO3i)dء[4FVsJm13L/r\&: #Io=ޟ.vv B9K;jƫvC7Jb[jUTBR7?y}/ g`E$}' =Ds(R;`|?AA_Թ83ƞV:T5 7u[Sk.#rjF"\ \fT%iC#bķI=l,hGMq?GFzPXwh, xGsh?(#^i:, y4iӬPڸYbB?D/黍m,ֶZi ;3.%p:h;Bb6FUj\ lQt;&@gfdR,E=3h0Ie ! ê!+Ԁ^Zs_;B2NʱS<7h$g :I>XIkө`wI坹44C Q *)A#p vw8(VC2S%]>e ȉ 5$Wtv1Jf!s/>=Pva&͆ 8'l;bʁɽǁ]KR, ּ(/8^2ᮀҎ1qGORC/74买K:GRHD^˻ܘu C3<ڮ 3 NH;htB&E:Xb(kMM㉎stN9'-U*H|z"2| ,:}Ag:& XU'?f/v/`Sp]%)Ak(ŅÆZAjyBu_!WM[\I&(^GdGֱL OfaF'V/(Y-l&nE?Yr8RtpԳ\ f ̡| NP@ӆ4&HeC"w+?OJ6׍jZo*p#n=Set|ϷAeM zp~P0=|lbK< 6Z?Fh*%P2|4IfR4LS ! !NpBz )ql'4+)%Xx1 bNhI5ղLEqO֒lҘ{ںIԉ/r{&t`@ G(uY04a4k֡O^MOBF򫀡piD%$ - l_3GoRɼtO/&>Kή0_JA[B"-$+(Φ_cºtwN>lN-kբP1`!RCk[$-rH4 );ȷTuŜTYH2-?ʄEеC7nZhG5z@HQm;ZH%SȒZ i 1_8JH؊4mrehz`HxN3o3^dӱHr$&fAĔG"_5Sfxx?uY fY-24M՛#'5%TazX[~՘mQ=Ypiż :gbPކ+_QeIn&COƱ"M_nwa%IpE?Ȉ S90e@D _ D1S'lW34  54=ˁ.FeONw.׏F c>eάuT>:#zZf]86kĝ[)*fMP24s2d5N;BO$kHe0W&v->KkPoNFܩϙxf=0$Q%qIii}̪/=Yׅul_?X,3p/"v; oV3SK̂9{_$#pW #Jwդǿ{ۡ/`|hf,m J 6)d AM22q ΂:Dź缾ב/0X3Tq"j3f#,OxpBswxŌ RQپę8pChYA֙M[ԢmU[a4.c1z< H痎avqz+r t<[c9*96{pAˏl*[y" 晁4_OpT(NtV*IɣБ蚮g#2~>tQW׮qfe,30$UUEyEU4fcﻄ!@&YDC\NdŽk/k"]F#@lEL@E2Qura]t\+0y.o G^ 9NV(E;Z #>ir@Ĕ4 ީ"mRC}!>5l}TR5ʨvLQ;|WԄٳ>Wla]J)UOҏ_(dm|i&N~ caExƋI] G즀HoAuwiQ'S(kF?Xfafw7X!O ~{id5* "y?ی>"IL$C} 1JTPN n] $78qc_ɷN(P΋RUJ?WƛҲޞĥiK ;W̕%PC6P?Y`603`œi1kZm]-|G$0@q HK4Ww|]X@;S9 ;z]@j8>BbLKrڨEb٣*!W~X3qhAW1->EȣK d&3.0\4C:|SKg#ᶣHƇrҋ= $CM[)N1$+H shʔP!\Ťt[+0W!DטG2n[nJqo:‘&m <[๥$U6 f*-ZƻX:Z" j(OnkSe2fIޭN0efݙIӸ~x/EIƉby%Շ 3 M+c$Htr?N*Mr5lI8QĖ#a@┊Z XjiŨD絊6Ƞ3~gN .U_b̻^~:%Udy'e$on ƍ BW+ y~GC QoYb9hF?ao7}&O~xωN+Ӥ{5 iVRi40iĻ -例ٻPu++ZO) `b|xnʽ31E<&J4 Q+Ҥ|ȨApVl7mn{{B䬷XI1%v0&ܵq-i|#$+e2SXʓF瑯SИ ?B&?dh#M3UEG-_ω;Ȓ̹50G$x5w#sv]`QP~1G FEb 1)0Ҵi59c \R>g=rҌgE-q)CS{K;2>J'*ִ7(Sk|BOTUpXJLCbiEZSEQ!?_p{V뛊:F $AHj(!MS;T ɘ<=5 yMRbNxa<"lfAoy%x#5§VErd>뎀K5Vd9e4 h{,$rc8MɲZcSurXV0UcO-Rz!aV?K\9G-mJj nN1Rt}(Ǹ.U5/jw{&vqXIu~At67Ρ>@bHY!Yҭfն;z_cb2z#gYێɯ7\ ݑ4?L,!~ݝzpN<)o8$ee#) 4T!wBZTcѹTK1)ԒkqKft eVr ӈ 1d xp޶b$t@u`j$58?h[/Mbk?cG&ޕ|ho MT>q=49T F%;~"Y'-It:/5xu%D1*6i[[VՉ-ZI.JDʞAM09r-ȏB;:{:Blp 5SUNnk1RLPbrF Zu:o. N홡RSܶ,7jIU؊8 5{rfے9Jv$ʡ?tUrDG-Qn:lm!$bK6r&#žMvV w^o DknBeÙF>29Kř}D*73B8` $)f0=@!5@< D/zz&ēH#UJ ouZzT^R<dD'yAsjAh4jS"q NeFI3&zZ?:$}m?Ii{O|[f$v$4,`~ypc؊^K-@M-}yNgŭ6.='?>cPx`c`jS4IC!}61=w$_nٿ0 J0Ư_QPGh,m1bKs¿"Uk{ fOga޸a;%[Mg>{8Y Yߕ2<";7.Oډ҆GM*Q"hid~Yb~o.6E5?X@ .u^Nw6 QÁr>87KD qmPdC]n;>bs\#{v#Ʌw^e^p[KLɏA\FUG^m_B=R'gOCHM4WAki%36qr'Hsf1)ù~|n  sKk,ι+@9Ǡe`.瞣,mCaͳDo A"^Cj?$Mn3!!Ra4Kkҳ4J0xti\u_F TCEHmʹL3- IγSB2 p)|[;cQ.ZgB*_RnuKU-۸; k53ܮq,f޿ޙE3 ODzȤWXQw(%hf>bZ-A`&|lNbi+tpɒI8a[-W?sL'( N |I죁cgZ&A4v547؉D26(:ٙ5lF4IN.egeWˆՎlU=໔4m&oQ%]x[v!ǿ_4Dm x~g ɓ $ӹlpan class="icon iconfont icon-jieshu">
结束
.icon-jieshu
  • 工站
    .icon-gongzhan
  • 并行开始
    .icon-binghangkaishi
  • 并行开始
    .icon-binghangkaishi1
  • 并行结束
    .icon-binghangjieshu
  • 并行开始
    .icon-binghangkaishi2
  • 并行节点
    .icon-binghangjiedian
  • 工站-copy
    .icon-workprocess
  • font-class 引用


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

    与 Unicode 使用方式相比,具有如下特点:

    • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
    • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。

    使用步骤如下:

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

    <link rel="stylesheet" href="./iconfont.css">
    

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

    <span class="iconfont icon-xxx"></span>
    

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

    • 机器人
      #icon-jiqiren
    • 开始
      #icon-kaishi
    • 并行
      #icon-binghang
    • 并行
      #icon-binghang1
    • 开始2
      #icon-kaishi2
    • 结束
      #icon-jieshu
    • 工站
      #icon-gongzhan
    • 并行开始
      #icon-binghangkaishi
    • 并行开始
      #icon-binghangkaishi1
    • 并行结束
      #icon-binghangjieshu
    • 并行开始
      #icon-binghangkaishi2
    • 并行节点
      #icon-binghangjiedian
    • 工站-copy
      #icon-workprocess

    Symbol 引用


    这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:

    • 支持&+AP'÷ S̩$TiVc:EEW E.--Q`*moHZn(oULSl<%튁uFV?0' #A=HQڛpSl͓x)cp{G:j2. 7XuBԣLL]F]t<)7/7\?IF͉^/U,ĥ ٘ZoXEP4oZPmPGck5R 9J2M4ۂ4`6(rɿpű!Vf| ̕\}G6lࠞt3y%,h*(=1cn&u`0,LSrHӰ\YQhJ>(Tcf. AcP%i=)VF#(<7\9S 1 X[0 2&E`W1pSs2'e8wt.Mv }x`r*_Z0Z+1a]j 㞺@}1Af2<R?Y=a _U6& R< O&{fizJ #z<'J<|lo~BV;C\}j-L0#)EiõEz\S_Fa0j.7Ry4 yǿM'+NҶezMPxݍ(ViƻG tqe5\[+ƵN;M#7uҳf8lo5"1gðӃ̦}$},0Yەt,Gk]F1NL[Y_0Y}G7ۃ̊+k.#CgG:_~s.FrP҉Pk w}!hd D_rL |يğf6'xw!5s7ag,0 d1T+lUPGr(4[te}LW$ }/)tr#\Qȱ{o"o`C3un isKKp6_'>6> |g1{\DL1w2kk}* I?٥Z/'gP/ЂgD Er37_b@:+>0jRVZ:r,Q( BHGO @ZvtxlQ4 Izr mLeViNˠɓ-,+Ķ.Ѽ- ^)B]\1q9RtPv)j5`0!c=al2Q`p-O͞tbm~|<<5$2#Yv뢝 F<&΄6z\ysOnny> {W>X%0{~O7T JuQw-w-s}ݢm4VHKwD!H2I߃r,Zz Bjjå ABI#=6A]됹U/La:ۏߞH$7G`|1+ ZQ u~O+'袄v-3M0\bA "n^a>i2mE o|J wFy{M~b?z36VB/HiA\QRH6@@*. )JKAç?dy8ؔQ*rA B`TznF ny{y&D6`Ѫ-/;d@*ZF2G ApM ,$&Od"g̅4D)gt¬eYu_UD,/!X 3S2٢a:BC]R%sf#0A5PtؑTHTNJC\H3rUG5nak3X* 5:|&ܑ2 u H EJDŽp}Wȓ@ߘǑ ު~`(ߔg7*{{s> /rQp;IN w/v6Uҽ7Q [X2>0u!d,Q-Pq4oʖA][DY^i(