,#~lVqH<5UćEJLy'CaǬ~gH2k(1|ь-ؘZ9iS.==ҕOIԏWfD2 ᷊I Q1QkI71T&e>׬,U:7q%@K<խ('̠ {{#xWi983>>YVM~2Ԕ)̉6&Qagqz jpUߑlcl]D)s;A"ޡ}/?u:a8JL/2}dS 9$@r^"%X7++0e)3A~}jZK+`(iTf*$5Q3;4EaVP\ iG6Z9E{#Z vAY!GܨSQo3 XR#}þPZ[ } 9/m%O׋^~u ە-Wdh 6D2eV9xv,'W_Pi@8OǨvhYJ@Wo}?BN3ÿPO4!]u.y[燍WԧAL'Eğ=HTF8+ʝ{f'sHP/p0v(/zMI&ma9Ӧ-g\ ktSL, ]& )Oѿk,P]mJ7~^¨__REN@Vёӕɑ c٫"h]j Z8 .1 x0ǚ bEGBTG!dqԏ &/T#Xv'~aB'uPghNh3G(8 mN!Nn F*Æ|Z`iw0=>cG/͓ɦ2iDR9dt2SirNK˘$fU"bMAƌ ,/_b7Z[V`xhN tfg_؈( %Z"2*bI?&0)=`X]nlrGf%8{?i<2?N)2)gHS?>؂z1_Mp GLNC5633U #S*HwZ }v[;QsPu=_i'+3m!9 Kn"~9l:zRD3b0 ?9 Y%t|nl,c^:9 H|yӻ/^ѵC1 3]o3v;לtp\B//^ m() IMݴix*_ ont⧐I))1GT##%|Y%DmʯHӉ6 [*hpS{DM X>Я޻/;(+Ob.}S)?kjxivߚ׮"-^'ja=QN+$+>hHA9qLpXh  sR(ƶ-깅 _ >k .K }%3ǥ[$0w "i/D.5ͰыG 󢉁O%08ϡ(6z [3_-J57Gu<aHElMRnj0G6ߨ3Zx94ިSi"ޅ!-I*f#|]P=L7+xx2cR@9yJPk=԰lS" !"4/^^%E B'aյ&^Q\_p;% ѿu4%su KV,[o%+/H-بTR>BWg}nË-0uvWxd82듽+$$xބ-ƚ-x)Y*{\!v)Ժ=b+iX(LaSrofoQ?lu@O1yЫ@()d2w߅'J`\2Yrrt-gxR#uh$^5u>40:VT EG`Z~3K i_ҍuAN/Эۂqz,tMzl v(ؓÅ#fa@΋s4êWemqqZ6U;epq1}6凲Z#|^(?͑vL>M__,+68U/| 6J)cX}WrvIse|6J{鍰مK 4o.}Ҋn "J(JW_L"%582+8U{> u)D-*O& Wm0-nC)N=X s4^EssvYP@(ˊ;4rA& ?=g-8]鼸͠v odv3?x,F_}LW/?Ky8jUn63Yg{s$P;j7 PJ=aQupxJlIrAt(|A ub1!<>u,uÜoNf L,W35 W8/_y=,`XB)c6y"'@@g[#[U*-C=̀8kn48fpp㦅HV:Zயx{2Q3’Cb~ά9qwR? R?Qƴ6d,F LlNlb:۟D"B:0B[(G01n]"FlW& O5fSbA1ϘDL L"%0+uRGrؒ6skJLң5ЋSj]lNtwB +B/TYBl⩰P:dlɞRURDox'zS.{[SwX.'㸭rUy/pO/!hٮ^ZC_r u](0I(U~'`iZ?D5ոtifJV?C XՍdpg*}9wIUW}ͨ7Zc}?s5't(FM@6%؆T=zoNC#D쿄ՙͩM[K8 b-ގX>!T=7s~vDde7*?ԋ mX]4QRX;lJv-R؆Yb#;NkU,Mc!$#TK]ɭ}U fpg֝5f/B% ol4=g"#(3Obޥg#G|aހĉڍ1H|j nkg>R5iFO?!iSLJl;s;N.DL`mR# cOp\rV$o3Z-Vv0r] Q .fΨD;JsT)x֢,Xꕯ56(zYR b]x~H>`Sۊ梃?Ӓ+.GYymhDtAl2e;m36fmB ?AN) UxJ ?VVKḱ $v7.w:rmgnt̂B&Pǜ,)=2Je3;IB/LG/8<~#)åY[IV([exi-MN$'0HkH?yuv*g'wsXg/#h%=o7,aYz=$pQz pa%wiwuYڊ#~t_DdY?v;vswظo'BĬtü)ݳfౘz-4RMv,[AEտD4VqxTjUǽjt`($}~Q!>ӶwyVdPe;BZ6Pг nFXmls[k'kSEЖ׃KaMٕf-Uwu (6+&ï`y=~SLyhr 5Fł,2mZ6(ՀfeViVUU2 r/<064KLjnlka_b@bpH=;J/2r_5cjr{Mff vq`^BY?,2WDT6('P\ Y3J/7JMuy:ddV *fGh|-ҹMCV%2L!r|L|KI\n`uIsRAnSJOA ~ }N۔^hAŸ&TrupMvl\_TTs)'.kn'Ǻ]r O+vQQ_ A_>Cej-kC\j"/< NKWPK2 e vݢ.Oi}>|Y<]ܕy@z+"AR#}p=|[a{ƃ\ E5ʻ^!L}9]a~PVKkEt MQW\ªrJt G'+vm"$A6/WDT[V8f/lCPz๊[kg6Nӄxܓ69~Bs5z0:Æez|Ea= %S)J|Lpޗϕ@#+X3N̖>Pbn&+ ZoneC`-\ jj냊, !j<ܪ5++yED0۩TO 9 /{dNxkIйXX'(ctľ'JL>gph!dߦ}|4B47= >;4|`2>$+񟿵MY"o~LiPxpAeZc M÷"j` bHpϖA!ډ.=Vl{MT^4v/Q}CLdpAIani[}N^ص -!@'eOR9k{ \R#bhؚـtmJn$Gaө'eHnlnVt7$$|DXO'S% 7,}r2 xb 'ަ)wmF&Za?8>;^ǧ?b?+EIF(kV`/|Vy6sB-]j`/3bֲE 2тM wLlin_Mw٩Ɲ+Z3Tt̃kȝې`MIc 2>ue7rFU@G.ZqvWM|(3 訁<)aCޑx*:s<a0g!:C^ MjN2ԐRQ0p#@5S"Uv蹟"nhYV u0o/Q@sMw$]{n%w Mw>콙׎Y@ .[isH~M:Rg欍֗a%(ᅎdgܽ<^qV#Y<;72q [ЭVfn~=wȴ*rYFA-ـuQhtT:z>|PHE!z`~cdCCRKRYRv;ʔ?*k\GR`ܗK ݽ2߹t]x!X4I< \CEK yL^}&E!Zh-N ѫ)y<<\4W;jCۑ(*fp|ON:2l$? - F%Nɘw-%^QRW>='v&YJk>J#R4ڶ W-|RǓ+` b Au\.}]D0^ Y.^ o7qBtM|2㶫BwM}jmwpO_ uo˽SOo%KeGnpLmLdZIe1'|Ls?\E#qrIr sB%'RSK8̮ʭgc1}ϐ1wfH@ Z&sTd Y|FjyZ IfR%PL)qxPoȑ 5R8z`pan 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 的集合,与另外两种相比具有如下特点:

    • 支持:sTAƆfԅ>#־皫$0Ys(CH+ޥDεm,5' + |ݕb"SڌP(u X&B 6NU_{W@u.HS"s~c@a@\1U7ѢwZR|M)l~HSOIRZW$i }a;t庉+r=#~Jސi9'"WdR B?Lz=w:8F5>#`~ư& d!r5. ?VJyR_Dx䂓T(Z5Zp ` hgaqytc}I),=t:D sƠGD QZ[P)G[%,hIzc9H#9%]NFJ=CpaclT&ڞ]t:=b cQ{Xzk˃z*L1*"?tBofKjw}9_gan+ |uiz͢AJ;dǻ7054깦J0ag3KB0kD:F3Lngɗ"gvΞR/-hWno (\#wvq tr f>Vy埴zzf6o½4|Oe 1ME[2! {S AZ*Kel|qz즤|E+NjYFb WPTõѫ `P Ҏ"[&jAy#?3`oCPݥ^nI|*J,7_4{O>5YYu.9@GVZHaLɰDիL yO>AXFO܄(+b4=4fL rHhY [c}`~ŕT#”NJxA>ѵ, R.&ou˃(;l_g(7M;Ӳ+tVRtg.wfs$b@\JN\ϫ /E8l˞OHz~z1UV@Ɖ5s?9B *Qu$y]= ufHD-mfK_+ Jɍʦ{_®'К0/8Tft LkǢ4ZQ6wޱr5Zm)U}ʬy^SJ:B>S3bhP!m~س"‡ht n1ʇ2=`=ֈAD]bZ+xםNNNqM5-ݝLO=783 ?Ώ9rkZkZLQ~ӧ$cj=g37Uz8~>qt2'p-吾Qw婘󋱃+,tlqS,dR%HՎ&lӰr'~ Fp{P4xvTvw䐈+zvPv ƪR Ha W"û>u:\ S[ORƃnv0f w<;nE}pZj>G{ nM E{*JGZ"Ņuh,μ%3@ gc83A;G!٩TM= 0j.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:v0[=3qlm@T$gâ<Юr T=EHGkDԨw`ŴT`^uIN]1 2rl" Wq 1silܿ`hb.2L9O|hRpk#/ph<97@F׫+%S vi]OoR~