123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <title>iconfont Demo</title>
- <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
- <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
- <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
- <link rel="stylesheet" href="demo.css">
- <link rel="stylesheet" href="iconfont.css">
- <script src="iconfont.js"></script>
- <!-- jQuery -->
- <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
- <!-- 代码高亮 -->
- <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
- <style>
- .main .logo {
- margin-top: 0;
- height: auto;
- }
- .main .logo a {
- display: flex;
- align-items: center;
- }
- .main .logo .sub-title {
- margin-left: 0.5em;
- font-size: 22px;
- color: #fff;
- background: linear-gradient(-45deg, #3967FF, #B500FE);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- </style>
- </head>
- <body>
- <div class="main">
- <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 综合看板" target="_blank">
- <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
-
- </a></h1>
- <div class="nav-tabs">
- <ul id="tabs" class="dib-box">
- <li class="dib active"><span>Unicode</span></li>
- <li class="dib"><span>Font class</span></li>
- <li class="dib"><span>Symbol</span></li>
- </ul>
-
- <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3479875" target="_blank" class="nav-more">查看项目</a>
-
- </div>
- <div class="tab-container">
- <div class="content unicode" style="display: block;">
- <ul class="icon_lists dib-box">
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑</div>
- <div class="code-name">&#xe655;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除</div>
- <div class="code-name">&#xe74b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">退出</div>
- <div class="code-name">&#xe659;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">separators</div>
- <div class="code-name">&#xe7ee;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">退出</div>
- <div class="code-name">&#xe62e;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">查找</div>
- <div class="code-name">&#xe65c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">退出</div>
- <div class="code-name">&#xe638;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">插入行</div>
- <div class="code-name">&#xe89e;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">布局</div>
- <div class="code-name">&#xe6c7;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">版本升级</div>
- <div class="code-name">&#xe633;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">SEN004</div>
- <div class="code-name">&#xe611;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">撤回</div>
- <div class="code-name">&#xe609;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">粘贴</div>
- <div class="code-name">&#xe62b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">重做</div>
- <div class="code-name">&#xe62c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">219上传、导出</div>
- <div class="code-name">&#xe8c6;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">240显示、可见</div>
- <div class="code-name">&#xe8d4;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">328退出全屏</div>
- <div class="code-name">&#xe8fa;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">插入行</div>
- <div class="code-name">&#xe6ee;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除行</div>
- <div class="code-name">&#xe6f0;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除</div>
- <div class="code-name">&#xe60a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">文件删除</div>
- <div class="code-name">&#xe612;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">导出</div>
- <div class="code-name">&#xe639;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">设置</div>
- <div class="code-name">&#xe629;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">粘贴</div>
- <div class="code-name">&#xe6c0;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">上移一层</div>
- <div class="code-name">&#xe715;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">下移一层</div>
- <div class="code-name">&#xe716;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">筛选</div>
- <div class="code-name">&#xe65a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">复制</div>
- <div class="code-name">&#xe61b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑</div>
- <div class="code-name">&#xeb61;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据看板</div>
- <div class="code-name">&#xeb66;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">导出</div>
- <div class="code-name">&#xe60c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">导入</div>
- <div class="code-name">&#xe616;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">刷新</div>
- <div class="code-name">&#xe660;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">隐藏试卷概览</div>
- <div class="code-name">&#xe675;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">icon_设置</div>
- <div class="code-name">&#xeb8d;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据探索(数据中心)—模型管理</div>
- <div class="code-name">&#xe65d;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">导出</div>
- <div class="code-name">&#xe613;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">粘贴</div>
- <div class="code-name">&#xe780;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">还原</div>
- <div class="code-name">&#xe673;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">显示</div>
- <div class="code-name">&#xe63a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">全屏</div>
- <div class="code-name">&#xe64e;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">筛选</div>
- <div class="code-name">&#xeac3;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除</div>
- <div class="code-name">&#xeafb;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">全屏</div>
- <div class="code-name">&#xeb11;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">眼睛_显示</div>
- <div class="code-name">&#xeb46;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">显示</div>
- <div class="code-name">&#xe61e;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除</div>
- <div class="code-name">&#xe60b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">导入</div>
- <div class="code-name">&#xe656;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">复制、备份</div>
- <div class="code-name">&#xe65b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">隐藏、不可见</div>
- <div class="code-name">&#xe694;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">复制</div>
- <div class="code-name">&#xe617;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">隐藏</div>
- <div class="code-name">&#xe6a3;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">撤回色块</div>
- <div class="code-name">&#xec45;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据挖掘</div>
- <div class="code-name">&#xec5c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">云端刷新</div>
- <div class="code-name">&#xec60;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">delete-line</div>
- <div class="code-name">&#xe621;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">复制</div>
- <div class="code-name">&#xec7a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除</div>
- <div class="code-name">&#xe636;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">恢复备份</div>
- <div class="code-name">&#xe623;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">控制</div>
- <div class="code-name">&#xe637;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑色块</div>
- <div class="code-name">&#xec7c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">计划</div>
- <div class="code-name">&#xe643;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">备份</div>
- <div class="code-name">&#xe678;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">导出</div>
- <div class="code-name">&#xe61d;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">还原</div>
- <div class="code-name">&#xe63b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">计划管理</div>
- <div class="code-name">&#xe60d;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">16gl-comma</div>
- <div class="code-name">&#xeb86;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">布局</div>
- <div class="code-name">&#xe614;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">保存</div>
- <div class="code-name">&#xe645;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">复制</div>
- <div class="code-name">&#xe67b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑</div>
- <div class="code-name">&#xe631;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">计划</div>
- <div class="code-name">&#xe635;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">撤回</div>
- <div class="code-name">&#xe7f4;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">筛选</div>
- <div class="code-name">&#xe87a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据开放、数据共享、云数据</div>
- <div class="code-name">&#xe60e;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">print</div>
- <div class="code-name">&#xe641;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">重做</div>
- <div class="code-name">&#xe60f;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">计划调度</div>
- <div class="code-name">&#xe7b6;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">向左隐藏</div>
- <div class="code-name">&#xe7bc;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑表单_编辑录入操作_jurassic</div>
- <div class="code-name">&#xe6f2;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑数据_编辑录入操作_jurassic</div>
- <div class="code-name">&#xe6f3;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">插入行</div>
- <div class="code-name">&#xe8a2;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">隐藏</div>
- <div class="code-name">&#xe627;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">复制</div>
- <div class="code-name">&#xe65e;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">保存</div>
- <div class="code-name">&#xe64a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">调整</div>
- <div class="code-name">&#xe717;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">恢复删除</div>
- <div class="code-name">&#xe7f3;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">布局</div>
- <div class="code-name">&#xe619;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">还原</div>
- <div class="code-name">&#xe618;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">计划</div>
- <div class="code-name">&#xe615;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">刷新</div>
- <div class="code-name">&#xe644;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">筛选</div>
- <div class="code-name">&#xe62d;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">28-插入行</div>
- <div class="code-name">&#xe6d1;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">查找</div>
- <div class="code-name">&#xe657;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">布局</div>
- <div class="code-name">&#xe61f;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">要货计划</div>
- <div class="code-name">&#xe6b4;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">重做</div>
- <div class="code-name">&#xe79d;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">还原</div>
- <div class="code-name">&#xe610;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除行</div>
- <div class="code-name">&#xec67;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">查找</div>
- <div class="code-name">&#xe817;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">大数据,科技,数据流转</div>
- <div class="code-name">&#xe854;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据库,数据</div>
- <div class="code-name">&#xe93a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据库,数据</div>
- <div class="code-name">&#xe93b;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">退出,出</div>
- <div class="code-name">&#xe97f;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">调节</div>
- <div class="code-name">&#xe6f7;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">重做</div>
- <div class="code-name">&#xe61a;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">备份列表</div>
- <div class="code-name">&#xe61c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">批量备份</div>
- <div class="code-name">&#xe620;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据-财务数据</div>
- <div class="code-name">&#xe62f;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">上移一层</div>
- <div class="code-name">&#xedfd;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">添加计划表</div>
- <div class="code-name">&#xe78f;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">降级</div>
- <div class="code-name">&#xe65f;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除行</div>
- <div class="code-name">&#xe661;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">升级</div>
- <div class="code-name">&#xe662;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">重做</div>
- <div class="code-name">&#xe663;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">主数据申请-数据分析-05</div>
- <div class="code-name">&#xe7b7;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">主数据申请-数据分析-02</div>
- <div class="code-name">&#xe7b8;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">上移一层</div>
- <div class="code-name">&#xe630;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">下移一层</div>
- <div class="code-name">&#xe632;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">恢复</div>
- <div class="code-name">&#xe63c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">撤回</div>
- <div class="code-name">&#xe622;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">调整</div>
- <div class="code-name">&#xe695;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">调整</div>
- <div class="code-name">&#xe7c8;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">大数据、数据统计-02</div>
- <div class="code-name">&#xe894;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除</div>
- <div class="code-name">&#xe625;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">隐藏,不显示</div>
- <div class="code-name">&#xe624;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">逗号@3x</div>
- <div class="code-name">&#xe626;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">开关</div>
- <div class="code-name">&#xe690;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">15J还原</div>
- <div class="code-name">&#xe67c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">复制文件</div>
- <div class="code-name">&#xe600;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">竖状图</div>
- <div class="code-name">&#xe601;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">折线图</div>
- <div class="code-name">&#xe602;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">跟踪目标设置</div>
- <div class="code-name">&#xe603;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑</div>
- <div class="code-name">&#xe604;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">垂直缩放</div>
- <div class="code-name">&#xe605;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">数据统计</div>
- <div class="code-name">&#xe606;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">删除_填充</div>
- <div class="code-name">&#xe68c;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">设置_填充</div>
- <div class="code-name">&#xe68d;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑</div>
- <div class="code-name">&#xe607;</div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont"></span>
- <div class="name">编辑</div>
- <div class="code-name">&#xe608;</div>
- </li>
-
- </ul>
- <div class="article markdown">
- <h2 id="unicode-">Unicode 引用</h2>
- <hr>
- <p>Unicode 是字体在网页端最原始的应用方式,特点是:</p>
- <ul>
- <li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
- <li>默认情况下不支持多色,直接添加多色图标会自动去色。</li>
- </ul>
- <blockquote>
- <p>注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)</p>
- </blockquote>
- <p>Unicode 使用步骤如下:</p>
- <h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
- <pre><code class="language-css"
- >@font-face {
- font-family: 'iconfont';
- src: url('iconfont.woff2?t=1655888564132') format('woff2'),
- url('iconfont.woff?t=1655888564132') format('woff'),
- url('iconfont.ttf?t=1655888564132') format('truetype');
- }
- </code></pre>
- <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
- <pre><code class="language-css"
- >.iconfont {
- font-family: "iconfont" !important;
- font-size: 16px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- </code></pre>
- <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
- <pre>
- <code class="language-html"
- ><span class="iconfont">&#x33;</span>
- </code></pre>
- <blockquote>
- <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
- </blockquote>
- </div>
- </div>
- <div class="content font-class">
- <ul class="icon_lists dib-box">
-
- <li class="dib">
- <span class="icon iconfont icon-bianji3"></span>
- <div class="name">
- 编辑
- </div>
- <div class="code-name">.icon-bianji3
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchu"></span>
- <div class="name">
- 删除
- </div>
- <div class="code-name">.icon-shanchu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-084tuichu"></span>
- <div class="name">
- 退出
- </div>
- <div class="code-name">.icon-084tuichu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-separators"></span>
- <div class="name">
- separators
- </div>
- <div class="code-name">.icon-separators
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-tuichu"></span>
- <div class="name">
- 退出
- </div>
- <div class="code-name">.icon-tuichu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-chazhao"></span>
- <div class="name">
- 查找
- </div>
- <div class="code-name">.icon-chazhao
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-tuichu1"></span>
- <div class="name">
- 退出
- </div>
- <div class="code-name">.icon-tuichu1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-charuxing"></span>
- <div class="name">
- 插入行
- </div>
- <div class="code-name">.icon-charuxing
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-ai211"></span>
- <div class="name">
- 布局
- </div>
- <div class="code-name">.icon-ai211
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-banbenshengji"></span>
- <div class="name">
- 版本升级
- </div>
- <div class="code-name">.icon-banbenshengji
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-sen004"></span>
- <div class="name">
- SEN004
- </div>
- <div class="code-name">.icon-sen004
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-withdraw"></span>
- <div class="name">
- 撤回
- </div>
- <div class="code-name">.icon-withdraw
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-niantie"></span>
- <div class="name">
- 粘贴
- </div>
- <div class="code-name">.icon-niantie
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-zhongzuo"></span>
- <div class="name">
- 重做
- </div>
- <div class="code-name">.icon-zhongzuo
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shangchuandaochu"></span>
- <div class="name">
- 219上传、导出
- </div>
- <div class="code-name">.icon-shangchuandaochu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-xianshikejian"></span>
- <div class="name">
- 240显示、可见
- </div>
- <div class="code-name">.icon-xianshikejian
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-tuichuquanping"></span>
- <div class="name">
- 328退出全屏
- </div>
- <div class="code-name">.icon-tuichuquanping
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-charuhang"></span>
- <div class="name">
- 插入行
- </div>
- <div class="code-name">.icon-charuhang
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchuhang"></span>
- <div class="name">
- 删除行
- </div>
- <div class="code-name">.icon-shanchuhang
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchu1"></span>
- <div class="name">
- 删除
- </div>
- <div class="code-name">.icon-shanchu1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-wenjianshanchu"></span>
- <div class="name">
- 文件删除
- </div>
- <div class="code-name">.icon-wenjianshanchu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-daochu"></span>
- <div class="name">
- 导出
- </div>
- <div class="code-name">.icon-daochu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shezhi"></span>
- <div class="name">
- 设置
- </div>
- <div class="code-name">.icon-shezhi
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-niantie1"></span>
- <div class="name">
- 粘贴
- </div>
- <div class="code-name">.icon-niantie1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shangyiyiceng"></span>
- <div class="name">
- 上移一层
- </div>
- <div class="code-name">.icon-shangyiyiceng
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-xiayiyiceng"></span>
- <div class="name">
- 下移一层
- </div>
- <div class="code-name">.icon-xiayiyiceng
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shaixuan"></span>
- <div class="name">
- 筛选
- </div>
- <div class="code-name">.icon-shaixuan
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-fuzhi"></span>
- <div class="name">
- 复制
- </div>
- <div class="code-name">.icon-fuzhi
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-bianji4"></span>
- <div class="name">
- 编辑
- </div>
- <div class="code-name">.icon-bianji4
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shujukanban"></span>
- <div class="name">
- 数据看板
- </div>
- <div class="code-name">.icon-shujukanban
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-daochu1"></span>
- <div class="name">
- 导出
- </div>
- <div class="code-name">.icon-daochu1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-daoru"></span>
- <div class="name">
- 导入
- </div>
- <div class="code-name">.icon-daoru
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shuaxin"></span>
- <div class="name">
- 刷新
- </div>
- <div class="code-name">.icon-shuaxin
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-yincangshijuangailan"></span>
- <div class="name">
- 隐藏试卷概览
- </div>
- <div class="code-name">.icon-yincangshijuangailan
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-icon_shezhi"></span>
- <div class="name">
- icon_设置
- </div>
- <div class="code-name">.icon-icon_shezhi
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shujutansuoshujuzhongxinmoxingguanli"></span>
- <div class="name">
- 数据探索(数据中心)—模型管理
- </div>
- <div class="code-name">.icon-shujutansuoshujuzhongxinmoxingguanli
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-daochu2"></span>
- <div class="name">
- 导出
- </div>
- <div class="code-name">.icon-daochu2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-niantie2"></span>
- <div class="name">
- 粘贴
- </div>
- <div class="code-name">.icon-niantie2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-restore"></span>
- <div class="name">
- 还原
- </div>
- <div class="code-name">.icon-restore
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-xianshi"></span>
- <div class="name">
- 显示
- </div>
- <div class="code-name">.icon-xianshi
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-quanping"></span>
- <div class="name">
- 全屏
- </div>
- <div class="code-name">.icon-quanping
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shaixuan1"></span>
- <div class="name">
- 筛选
- </div>
- <div class="code-name">.icon-shaixuan1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchu2"></span>
- <div class="name">
- 删除
- </div>
- <div class="code-name">.icon-shanchu2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-quanping1"></span>
- <div class="name">
- 全屏
- </div>
- <div class="code-name">.icon-quanping1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-yanjing_xianshi"></span>
- <div class="name">
- 眼睛_显示
- </div>
- <div class="code-name">.icon-yanjing_xianshi
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-xianshi1"></span>
- <div class="name">
- 显示
- </div>
- <div class="code-name">.icon-xianshi1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchu3"></span>
- <div class="name">
- 删除
- </div>
- <div class="code-name">.icon-shanchu3
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-daoru1"></span>
- <div class="name">
- 导入
- </div>
- <div class="code-name">.icon-daoru1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-fuzhibeifen"></span>
- <div class="name">
- 复制、备份
- </div>
- <div class="code-name">.icon-fuzhibeifen
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-yincangbukejian"></span>
- <div class="name">
- 隐藏、不可见
- </div>
- <div class="code-name">.icon-yincangbukejian
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-copy"></span>
- <div class="name">
- 复制
- </div>
- <div class="code-name">.icon-copy
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-yincang"></span>
- <div class="name">
- 隐藏
- </div>
- <div class="code-name">.icon-yincang
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-chehuisekuai"></span>
- <div class="name">
- 撤回色块
- </div>
- <div class="code-name">.icon-chehuisekuai
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shujuwajue"></span>
- <div class="name">
- 数据挖掘
- </div>
- <div class="code-name">.icon-shujuwajue
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-yunduanshuaxin"></span>
- <div class="name">
- 云端刷新
- </div>
- <div class="code-name">.icon-yunduanshuaxin
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchuhang1"></span>
- <div class="name">
- delete-line
- </div>
- <div class="code-name">.icon-shanchuhang1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-fuzhi1"></span>
- <div class="name">
- 复制
- </div>
- <div class="code-name">.icon-fuzhi1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchu4"></span>
- <div class="name">
- 删除
- </div>
- <div class="code-name">.icon-shanchu4
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-huifubeifen"></span>
- <div class="name">
- 恢复备份
- </div>
- <div class="code-name">.icon-huifubeifen
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-kongzhi"></span>
- <div class="name">
- 控制
- </div>
- <div class="code-name">.icon-kongzhi
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-bianjisekuai"></span>
- <div class="name">
- 编辑色块
- </div>
- <div class="code-name">.icon-bianjisekuai
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jihua"></span>
- <div class="name">
- 计划
- </div>
- <div class="code-name">.icon-jihua
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-beifen"></span>
- <div class="name">
- 备份
- </div>
- <div class="code-name">.icon-beifen
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-daochu3"></span>
- <div class="name">
- 导出
- </div>
- <div class="code-name">.icon-daochu3
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-huanyuan"></span>
- <div class="name">
- 还原
- </div>
- <div class="code-name">.icon-huanyuan
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jihuaguanli"></span>
- <div class="name">
- 计划管理
- </div>
- <div class="code-name">.icon-jihuaguanli
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-16gl-comma"></span>
- <div class="name">
- 16gl-comma
- </div>
- <div class="code-name">.icon-16gl-comma
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-buju"></span>
- <div class="name">
- 布局
- </div>
- <div class="code-name">.icon-buju
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-baocun"></span>
- <div class="name">
- 保存
- </div>
- <div class="code-name">.icon-baocun
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-fuzhi2"></span>
- <div class="name">
- 复制
- </div>
- <div class="code-name">.icon-fuzhi2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-bianji5"></span>
- <div class="name">
- 编辑
- </div>
- <div class="code-name">.icon-bianji5
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jihua1"></span>
- <div class="name">
- 计划
- </div>
- <div class="code-name">.icon-jihua1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-chehui"></span>
- <div class="name">
- 撤回
- </div>
- <div class="code-name">.icon-chehui
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shaixuan2"></span>
- <div class="name">
- 筛选
- </div>
- <div class="code-name">.icon-shaixuan2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-icon_xinyong_xianxing_jijin-"></span>
- <div class="name">
- 数据开放、数据共享、云数据
- </div>
- <div class="code-name">.icon-icon_xinyong_xianxing_jijin-
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-print"></span>
- <div class="name">
- print
- </div>
- <div class="code-name">.icon-print
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-zhongzuo1"></span>
- <div class="name">
- 重做
- </div>
- <div class="code-name">.icon-zhongzuo1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jihuatiaodu"></span>
- <div class="name">
- 计划调度
- </div>
- <div class="code-name">.icon-jihuatiaodu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-xiangzuoyincang"></span>
- <div class="name">
- 向左隐藏
- </div>
- <div class="code-name">.icon-xiangzuoyincang
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jurassic_edit-form"></span>
- <div class="name">
- 编辑表单_编辑录入操作_jurassic
- </div>
- <div class="code-name">.icon-jurassic_edit-form
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jurassic_edit-data"></span>
- <div class="name">
- 编辑数据_编辑录入操作_jurassic
- </div>
- <div class="code-name">.icon-jurassic_edit-data
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-charuhang1"></span>
- <div class="name">
- 插入行
- </div>
- <div class="code-name">.icon-charuhang1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-yincang1"></span>
- <div class="name">
- 隐藏
- </div>
- <div class="code-name">.icon-yincang1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-fuzhi3"></span>
- <div class="name">
- 复制
- </div>
- <div class="code-name">.icon-fuzhi3
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-baocun1"></span>
- <div class="name">
- 保存
- </div>
- <div class="code-name">.icon-baocun1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-tiaozheng"></span>
- <div class="name">
- 调整
- </div>
- <div class="code-name">.icon-tiaozheng
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-huifushanchu"></span>
- <div class="name">
- 恢复删除
- </div>
- <div class="code-name">.icon-huifushanchu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-buju1"></span>
- <div class="name">
- 布局
- </div>
- <div class="code-name">.icon-buju1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-huanyuan1"></span>
- <div class="name">
- 还原
- </div>
- <div class="code-name">.icon-huanyuan1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jihua2"></span>
- <div class="name">
- 计划
- </div>
- <div class="code-name">.icon-jihua2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shuaxin1"></span>
- <div class="name">
- 刷新
- </div>
- <div class="code-name">.icon-shuaxin1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shaixuan3"></span>
- <div class="name">
- 筛选
- </div>
- <div class="code-name">.icon-shaixuan3
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon--charuhang"></span>
- <div class="name">
- 28-插入行
- </div>
- <div class="code-name">.icon--charuhang
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-chazhao1"></span>
- <div class="name">
- 查找
- </div>
- <div class="code-name">.icon-chazhao1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-buju2"></span>
- <div class="name">
- 布局
- </div>
- <div class="code-name">.icon-buju2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-yaohuojihua"></span>
- <div class="name">
- 要货计划
- </div>
- <div class="code-name">.icon-yaohuojihua
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-zhongzuo2"></span>
- <div class="name">
- 重做
- </div>
- <div class="code-name">.icon-zhongzuo2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-huanyuan2"></span>
- <div class="name">
- 还原
- </div>
- <div class="code-name">.icon-huanyuan2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchuhang2"></span>
- <div class="name">
- 删除行
- </div>
- <div class="code-name">.icon-shanchuhang2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-chazhao2"></span>
- <div class="name">
- 查找
- </div>
- <div class="code-name">.icon-chazhao2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-bigdata"></span>
- <div class="name">
- 大数据,科技,数据流转
- </div>
- <div class="code-name">.icon-bigdata
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-odbc-full"></span>
- <div class="name">
- 数据库,数据
- </div>
- <div class="code-name">.icon-odbc-full
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-odbc"></span>
- <div class="name">
- 数据库,数据
- </div>
- <div class="code-name">.icon-odbc
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-exit-full"></span>
- <div class="name">
- 退出,出
- </div>
- <div class="code-name">.icon-exit-full
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-adjust-01"></span>
- <div class="name">
- 调节
- </div>
- <div class="code-name">.icon-adjust-01
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-redo"></span>
- <div class="name">
- 重做
- </div>
- <div class="code-name">.icon-redo
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-beifenliebiao"></span>
- <div class="name">
- 备份列表
- </div>
- <div class="code-name">.icon-beifenliebiao
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-piliangbeifen"></span>
- <div class="name">
- 批量备份
- </div>
- <div class="code-name">.icon-piliangbeifen
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shuju-caiwushuju"></span>
- <div class="name">
- 数据-财务数据
- </div>
- <div class="code-name">.icon-shuju-caiwushuju
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shangyiyiceng1"></span>
- <div class="name">
- 上移一层
- </div>
- <div class="code-name">.icon-shangyiyiceng1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-tianjiajihuabiao"></span>
- <div class="name">
- 添加计划表
- </div>
- <div class="code-name">.icon-tianjiajihuabiao
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-jiangji"></span>
- <div class="name">
- 降级
- </div>
- <div class="code-name">.icon-jiangji
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchuhang3"></span>
- <div class="name">
- 删除行
- </div>
- <div class="code-name">.icon-shanchuhang3
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shengji"></span>
- <div class="name">
- 升级
- </div>
- <div class="code-name">.icon-shengji
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-zhongzuo3"></span>
- <div class="name">
- 重做
- </div>
- <div class="code-name">.icon-zhongzuo3
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-zhushujushenqing-shujufenxi-05"></span>
- <div class="name">
- 主数据申请-数据分析-05
- </div>
- <div class="code-name">.icon-zhushujushenqing-shujufenxi-05
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-zhushujushenqing-shujufenxi-02"></span>
- <div class="name">
- 主数据申请-数据分析-02
- </div>
- <div class="code-name">.icon-zhushujushenqing-shujufenxi-02
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shangyiyiceng2"></span>
- <div class="name">
- 上移一层
- </div>
- <div class="code-name">.icon-shangyiyiceng2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-xiayiyiceng1"></span>
- <div class="name">
- 下移一层
- </div>
- <div class="code-name">.icon-xiayiyiceng1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-huifu"></span>
- <div class="name">
- 恢复
- </div>
- <div class="code-name">.icon-huifu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-chehui1"></span>
- <div class="name">
- 撤回
- </div>
- <div class="code-name">.icon-chehui1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-tiaozheng1"></span>
- <div class="name">
- 调整
- </div>
- <div class="code-name">.icon-tiaozheng1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-tiaozheng2"></span>
- <div class="name">
- 调整
- </div>
- <div class="code-name">.icon-tiaozheng2
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-a-dashujushujutongji-02"></span>
- <div class="name">
- 大数据、数据统计-02
- </div>
- <div class="code-name">.icon-a-dashujushujutongji-02
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchu5"></span>
- <div class="name">
- 删除
- </div>
- <div class="code-name">.icon-shanchu5
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-YinCang"></span>
- <div class="name">
- 隐藏,不显示
- </div>
- <div class="code-name">.icon-YinCang
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-a-douhao3x"></span>
- <div class="name">
- 逗号@3x
- </div>
- <div class="code-name">.icon-a-douhao3x
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-kaiguan"></span>
- <div class="name">
- 开关
- </div>
- <div class="code-name">.icon-kaiguan
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-a-15Jhuanyuan"></span>
- <div class="name">
- 15J还原
- </div>
- <div class="code-name">.icon-a-15Jhuanyuan
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-fuzhiwenjian"></span>
- <div class="name">
- 复制文件
- </div>
- <div class="code-name">.icon-fuzhiwenjian
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shuzhuangtu"></span>
- <div class="name">
- 竖状图
- </div>
- <div class="code-name">.icon-shuzhuangtu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-zhexiantu"></span>
- <div class="name">
- 折线图
- </div>
- <div class="code-name">.icon-zhexiantu
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-genzongmubiaoshezhi"></span>
- <div class="name">
- 跟踪目标设置
- </div>
- <div class="code-name">.icon-genzongmubiaoshezhi
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-bianji"></span>
- <div class="name">
- 编辑
- </div>
- <div class="code-name">.icon-bianji
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-chuizhisuofang"></span>
- <div class="name">
- 垂直缩放
- </div>
- <div class="code-name">.icon-chuizhisuofang
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shujutongji"></span>
- <div class="name">
- 数据统计
- </div>
- <div class="code-name">.icon-shujutongji
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shanchutianchong"></span>
- <div class="name">
- 删除_填充
- </div>
- <div class="code-name">.icon-shanchutianchong
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-shezhitianchong"></span>
- <div class="name">
- 设置_填充
- </div>
- <div class="code-name">.icon-shezhitianchong
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-bianji1"></span>
- <div class="name">
- 编辑
- </div>
- <div class="code-name">.icon-bianji1
- </div>
- </li>
-
- <li class="dib">
- <span class="icon iconfont icon-bianji2"></span>
- <div class="name">
- 编辑
- </div>
- <div class="code-name">.icon-bianji2
- </div>
- </li>
-
- </ul>
- <div class="article markdown">
- <h2 id="font-class-">font-class 引用</h2>
- <hr>
- <p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
- <p>与 Unicode 使用方式相比,具有如下特点:</p>
- <ul>
- <li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
- <li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
- </ul>
- <p>使用步骤如下:</p>
- <h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
- <pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
- </code></pre>
- <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
- <pre><code class="language-html"><span class="iconfont icon-xxx"></span>
- </code></pre>
- <blockquote>
- <p>"
- iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
- </blockquote>
- </div>
- </div>
- <div class="content symbol">
- <ul class="icon_lists dib-box">
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bianji3"></use>
- </svg>
- <div class="name">编辑</div>
- <div class="code-name">#icon-bianji3</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchu"></use>
- </svg>
- <div class="name">删除</div>
- <div class="code-name">#icon-shanchu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-084tuichu"></use>
- </svg>
- <div class="name">退出</div>
- <div class="code-name">#icon-084tuichu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-separators"></use>
- </svg>
- <div class="name">separators</div>
- <div class="code-name">#icon-separators</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-tuichu"></use>
- </svg>
- <div class="name">退出</div>
- <div class="code-name">#icon-tuichu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-chazhao"></use>
- </svg>
- <div class="name">查找</div>
- <div class="code-name">#icon-chazhao</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-tuichu1"></use>
- </svg>
- <div class="name">退出</div>
- <div class="code-name">#icon-tuichu1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-charuxing"></use>
- </svg>
- <div class="name">插入行</div>
- <div class="code-name">#icon-charuxing</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-ai211"></use>
- </svg>
- <div class="name">布局</div>
- <div class="code-name">#icon-ai211</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-banbenshengji"></use>
- </svg>
- <div class="name">版本升级</div>
- <div class="code-name">#icon-banbenshengji</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-sen004"></use>
- </svg>
- <div class="name">SEN004</div>
- <div class="code-name">#icon-sen004</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-withdraw"></use>
- </svg>
- <div class="name">撤回</div>
- <div class="code-name">#icon-withdraw</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-niantie"></use>
- </svg>
- <div class="name">粘贴</div>
- <div class="code-name">#icon-niantie</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-zhongzuo"></use>
- </svg>
- <div class="name">重做</div>
- <div class="code-name">#icon-zhongzuo</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shangchuandaochu"></use>
- </svg>
- <div class="name">219上传、导出</div>
- <div class="code-name">#icon-shangchuandaochu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-xianshikejian"></use>
- </svg>
- <div class="name">240显示、可见</div>
- <div class="code-name">#icon-xianshikejian</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-tuichuquanping"></use>
- </svg>
- <div class="name">328退出全屏</div>
- <div class="code-name">#icon-tuichuquanping</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-charuhang"></use>
- </svg>
- <div class="name">插入行</div>
- <div class="code-name">#icon-charuhang</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchuhang"></use>
- </svg>
- <div class="name">删除行</div>
- <div class="code-name">#icon-shanchuhang</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchu1"></use>
- </svg>
- <div class="name">删除</div>
- <div class="code-name">#icon-shanchu1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-wenjianshanchu"></use>
- </svg>
- <div class="name">文件删除</div>
- <div class="code-name">#icon-wenjianshanchu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-daochu"></use>
- </svg>
- <div class="name">导出</div>
- <div class="code-name">#icon-daochu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shezhi"></use>
- </svg>
- <div class="name">设置</div>
- <div class="code-name">#icon-shezhi</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-niantie1"></use>
- </svg>
- <div class="name">粘贴</div>
- <div class="code-name">#icon-niantie1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shangyiyiceng"></use>
- </svg>
- <div class="name">上移一层</div>
- <div class="code-name">#icon-shangyiyiceng</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-xiayiyiceng"></use>
- </svg>
- <div class="name">下移一层</div>
- <div class="code-name">#icon-xiayiyiceng</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shaixuan"></use>
- </svg>
- <div class="name">筛选</div>
- <div class="code-name">#icon-shaixuan</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-fuzhi"></use>
- </svg>
- <div class="name">复制</div>
- <div class="code-name">#icon-fuzhi</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bianji4"></use>
- </svg>
- <div class="name">编辑</div>
- <div class="code-name">#icon-bianji4</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shujukanban"></use>
- </svg>
- <div class="name">数据看板</div>
- <div class="code-name">#icon-shujukanban</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-daochu1"></use>
- </svg>
- <div class="name">导出</div>
- <div class="code-name">#icon-daochu1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-daoru"></use>
- </svg>
- <div class="name">导入</div>
- <div class="code-name">#icon-daoru</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shuaxin"></use>
- </svg>
- <div class="name">刷新</div>
- <div class="code-name">#icon-shuaxin</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-yincangshijuangailan"></use>
- </svg>
- <div class="name">隐藏试卷概览</div>
- <div class="code-name">#icon-yincangshijuangailan</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-icon_shezhi"></use>
- </svg>
- <div class="name">icon_设置</div>
- <div class="code-name">#icon-icon_shezhi</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shujutansuoshujuzhongxinmoxingguanli"></use>
- </svg>
- <div class="name">数据探索(数据中心)—模型管理</div>
- <div class="code-name">#icon-shujutansuoshujuzhongxinmoxingguanli</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-daochu2"></use>
- </svg>
- <div class="name">导出</div>
- <div class="code-name">#icon-daochu2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-niantie2"></use>
- </svg>
- <div class="name">粘贴</div>
- <div class="code-name">#icon-niantie2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-restore"></use>
- </svg>
- <div class="name">还原</div>
- <div class="code-name">#icon-restore</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-xianshi"></use>
- </svg>
- <div class="name">显示</div>
- <div class="code-name">#icon-xianshi</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-quanping"></use>
- </svg>
- <div class="name">全屏</div>
- <div class="code-name">#icon-quanping</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shaixuan1"></use>
- </svg>
- <div class="name">筛选</div>
- <div class="code-name">#icon-shaixuan1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchu2"></use>
- </svg>
- <div class="name">删除</div>
- <div class="code-name">#icon-shanchu2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-quanping1"></use>
- </svg>
- <div class="name">全屏</div>
- <div class="code-name">#icon-quanping1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-yanjing_xianshi"></use>
- </svg>
- <div class="name">眼睛_显示</div>
- <div class="code-name">#icon-yanjing_xianshi</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-xianshi1"></use>
- </svg>
- <div class="name">显示</div>
- <div class="code-name">#icon-xianshi1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchu3"></use>
- </svg>
- <div class="name">删除</div>
- <div class="code-name">#icon-shanchu3</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-daoru1"></use>
- </svg>
- <div class="name">导入</div>
- <div class="code-name">#icon-daoru1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-fuzhibeifen"></use>
- </svg>
- <div class="name">复制、备份</div>
- <div class="code-name">#icon-fuzhibeifen</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-yincangbukejian"></use>
- </svg>
- <div class="name">隐藏、不可见</div>
- <div class="code-name">#icon-yincangbukejian</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-copy"></use>
- </svg>
- <div class="name">复制</div>
- <div class="code-name">#icon-copy</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-yincang"></use>
- </svg>
- <div class="name">隐藏</div>
- <div class="code-name">#icon-yincang</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-chehuisekuai"></use>
- </svg>
- <div class="name">撤回色块</div>
- <div class="code-name">#icon-chehuisekuai</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shujuwajue"></use>
- </svg>
- <div class="name">数据挖掘</div>
- <div class="code-name">#icon-shujuwajue</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-yunduanshuaxin"></use>
- </svg>
- <div class="name">云端刷新</div>
- <div class="code-name">#icon-yunduanshuaxin</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchuhang1"></use>
- </svg>
- <div class="name">delete-line</div>
- <div class="code-name">#icon-shanchuhang1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-fuzhi1"></use>
- </svg>
- <div class="name">复制</div>
- <div class="code-name">#icon-fuzhi1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchu4"></use>
- </svg>
- <div class="name">删除</div>
- <div class="code-name">#icon-shanchu4</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-huifubeifen"></use>
- </svg>
- <div class="name">恢复备份</div>
- <div class="code-name">#icon-huifubeifen</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-kongzhi"></use>
- </svg>
- <div class="name">控制</div>
- <div class="code-name">#icon-kongzhi</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bianjisekuai"></use>
- </svg>
- <div class="name">编辑色块</div>
- <div class="code-name">#icon-bianjisekuai</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jihua"></use>
- </svg>
- <div class="name">计划</div>
- <div class="code-name">#icon-jihua</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-beifen"></use>
- </svg>
- <div class="name">备份</div>
- <div class="code-name">#icon-beifen</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-daochu3"></use>
- </svg>
- <div class="name">导出</div>
- <div class="code-name">#icon-daochu3</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-huanyuan"></use>
- </svg>
- <div class="name">还原</div>
- <div class="code-name">#icon-huanyuan</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jihuaguanli"></use>
- </svg>
- <div class="name">计划管理</div>
- <div class="code-name">#icon-jihuaguanli</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-16gl-comma"></use>
- </svg>
- <div class="name">16gl-comma</div>
- <div class="code-name">#icon-16gl-comma</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-buju"></use>
- </svg>
- <div class="name">布局</div>
- <div class="code-name">#icon-buju</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-baocun"></use>
- </svg>
- <div class="name">保存</div>
- <div class="code-name">#icon-baocun</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-fuzhi2"></use>
- </svg>
- <div class="name">复制</div>
- <div class="code-name">#icon-fuzhi2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bianji5"></use>
- </svg>
- <div class="name">编辑</div>
- <div class="code-name">#icon-bianji5</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jihua1"></use>
- </svg>
- <div class="name">计划</div>
- <div class="code-name">#icon-jihua1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-chehui"></use>
- </svg>
- <div class="name">撤回</div>
- <div class="code-name">#icon-chehui</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shaixuan2"></use>
- </svg>
- <div class="name">筛选</div>
- <div class="code-name">#icon-shaixuan2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-icon_xinyong_xianxing_jijin-"></use>
- </svg>
- <div class="name">数据开放、数据共享、云数据</div>
- <div class="code-name">#icon-icon_xinyong_xianxing_jijin-</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-print"></use>
- </svg>
- <div class="name">print</div>
- <div class="code-name">#icon-print</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-zhongzuo1"></use>
- </svg>
- <div class="name">重做</div>
- <div class="code-name">#icon-zhongzuo1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jihuatiaodu"></use>
- </svg>
- <div class="name">计划调度</div>
- <div class="code-name">#icon-jihuatiaodu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-xiangzuoyincang"></use>
- </svg>
- <div class="name">向左隐藏</div>
- <div class="code-name">#icon-xiangzuoyincang</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jurassic_edit-form"></use>
- </svg>
- <div class="name">编辑表单_编辑录入操作_jurassic</div>
- <div class="code-name">#icon-jurassic_edit-form</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jurassic_edit-data"></use>
- </svg>
- <div class="name">编辑数据_编辑录入操作_jurassic</div>
- <div class="code-name">#icon-jurassic_edit-data</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-charuhang1"></use>
- </svg>
- <div class="name">插入行</div>
- <div class="code-name">#icon-charuhang1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-yincang1"></use>
- </svg>
- <div class="name">隐藏</div>
- <div class="code-name">#icon-yincang1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-fuzhi3"></use>
- </svg>
- <div class="name">复制</div>
- <div class="code-name">#icon-fuzhi3</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-baocun1"></use>
- </svg>
- <div class="name">保存</div>
- <div class="code-name">#icon-baocun1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-tiaozheng"></use>
- </svg>
- <div class="name">调整</div>
- <div class="code-name">#icon-tiaozheng</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-huifushanchu"></use>
- </svg>
- <div class="name">恢复删除</div>
- <div class="code-name">#icon-huifushanchu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-buju1"></use>
- </svg>
- <div class="name">布局</div>
- <div class="code-name">#icon-buju1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-huanyuan1"></use>
- </svg>
- <div class="name">还原</div>
- <div class="code-name">#icon-huanyuan1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jihua2"></use>
- </svg>
- <div class="name">计划</div>
- <div class="code-name">#icon-jihua2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shuaxin1"></use>
- </svg>
- <div class="name">刷新</div>
- <div class="code-name">#icon-shuaxin1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shaixuan3"></use>
- </svg>
- <div class="name">筛选</div>
- <div class="code-name">#icon-shaixuan3</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon--charuhang"></use>
- </svg>
- <div class="name">28-插入行</div>
- <div class="code-name">#icon--charuhang</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-chazhao1"></use>
- </svg>
- <div class="name">查找</div>
- <div class="code-name">#icon-chazhao1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-buju2"></use>
- </svg>
- <div class="name">布局</div>
- <div class="code-name">#icon-buju2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-yaohuojihua"></use>
- </svg>
- <div class="name">要货计划</div>
- <div class="code-name">#icon-yaohuojihua</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-zhongzuo2"></use>
- </svg>
- <div class="name">重做</div>
- <div class="code-name">#icon-zhongzuo2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-huanyuan2"></use>
- </svg>
- <div class="name">还原</div>
- <div class="code-name">#icon-huanyuan2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchuhang2"></use>
- </svg>
- <div class="name">删除行</div>
- <div class="code-name">#icon-shanchuhang2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-chazhao2"></use>
- </svg>
- <div class="name">查找</div>
- <div class="code-name">#icon-chazhao2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bigdata"></use>
- </svg>
- <div class="name">大数据,科技,数据流转</div>
- <div class="code-name">#icon-bigdata</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-odbc-full"></use>
- </svg>
- <div class="name">数据库,数据</div>
- <div class="code-name">#icon-odbc-full</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-odbc"></use>
- </svg>
- <div class="name">数据库,数据</div>
- <div class="code-name">#icon-odbc</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-exit-full"></use>
- </svg>
- <div class="name">退出,出</div>
- <div class="code-name">#icon-exit-full</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-adjust-01"></use>
- </svg>
- <div class="name">调节</div>
- <div class="code-name">#icon-adjust-01</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-redo"></use>
- </svg>
- <div class="name">重做</div>
- <div class="code-name">#icon-redo</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-beifenliebiao"></use>
- </svg>
- <div class="name">备份列表</div>
- <div class="code-name">#icon-beifenliebiao</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-piliangbeifen"></use>
- </svg>
- <div class="name">批量备份</div>
- <div class="code-name">#icon-piliangbeifen</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shuju-caiwushuju"></use>
- </svg>
- <div class="name">数据-财务数据</div>
- <div class="code-name">#icon-shuju-caiwushuju</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shangyiyiceng1"></use>
- </svg>
- <div class="name">上移一层</div>
- <div class="code-name">#icon-shangyiyiceng1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-tianjiajihuabiao"></use>
- </svg>
- <div class="name">添加计划表</div>
- <div class="code-name">#icon-tianjiajihuabiao</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-jiangji"></use>
- </svg>
- <div class="name">降级</div>
- <div class="code-name">#icon-jiangji</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchuhang3"></use>
- </svg>
- <div class="name">删除行</div>
- <div class="code-name">#icon-shanchuhang3</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shengji"></use>
- </svg>
- <div class="name">升级</div>
- <div class="code-name">#icon-shengji</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-zhongzuo3"></use>
- </svg>
- <div class="name">重做</div>
- <div class="code-name">#icon-zhongzuo3</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-zhushujushenqing-shujufenxi-05"></use>
- </svg>
- <div class="name">主数据申请-数据分析-05</div>
- <div class="code-name">#icon-zhushujushenqing-shujufenxi-05</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-zhushujushenqing-shujufenxi-02"></use>
- </svg>
- <div class="name">主数据申请-数据分析-02</div>
- <div class="code-name">#icon-zhushujushenqing-shujufenxi-02</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shangyiyiceng2"></use>
- </svg>
- <div class="name">上移一层</div>
- <div class="code-name">#icon-shangyiyiceng2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-xiayiyiceng1"></use>
- </svg>
- <div class="name">下移一层</div>
- <div class="code-name">#icon-xiayiyiceng1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-huifu"></use>
- </svg>
- <div class="name">恢复</div>
- <div class="code-name">#icon-huifu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-chehui1"></use>
- </svg>
- <div class="name">撤回</div>
- <div class="code-name">#icon-chehui1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-tiaozheng1"></use>
- </svg>
- <div class="name">调整</div>
- <div class="code-name">#icon-tiaozheng1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-tiaozheng2"></use>
- </svg>
- <div class="name">调整</div>
- <div class="code-name">#icon-tiaozheng2</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-a-dashujushujutongji-02"></use>
- </svg>
- <div class="name">大数据、数据统计-02</div>
- <div class="code-name">#icon-a-dashujushujutongji-02</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchu5"></use>
- </svg>
- <div class="name">删除</div>
- <div class="code-name">#icon-shanchu5</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-YinCang"></use>
- </svg>
- <div class="name">隐藏,不显示</div>
- <div class="code-name">#icon-YinCang</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-a-douhao3x"></use>
- </svg>
- <div class="name">逗号@3x</div>
- <div class="code-name">#icon-a-douhao3x</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-kaiguan"></use>
- </svg>
- <div class="name">开关</div>
- <div class="code-name">#icon-kaiguan</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-a-15Jhuanyuan"></use>
- </svg>
- <div class="name">15J还原</div>
- <div class="code-name">#icon-a-15Jhuanyuan</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-fuzhiwenjian"></use>
- </svg>
- <div class="name">复制文件</div>
- <div class="code-name">#icon-fuzhiwenjian</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shuzhuangtu"></use>
- </svg>
- <div class="name">竖状图</div>
- <div class="code-name">#icon-shuzhuangtu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-zhexiantu"></use>
- </svg>
- <div class="name">折线图</div>
- <div class="code-name">#icon-zhexiantu</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-genzongmubiaoshezhi"></use>
- </svg>
- <div class="name">跟踪目标设置</div>
- <div class="code-name">#icon-genzongmubiaoshezhi</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bianji"></use>
- </svg>
- <div class="name">编辑</div>
- <div class="code-name">#icon-bianji</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-chuizhisuofang"></use>
- </svg>
- <div class="name">垂直缩放</div>
- <div class="code-name">#icon-chuizhisuofang</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shujutongji"></use>
- </svg>
- <div class="name">数据统计</div>
- <div class="code-name">#icon-shujutongji</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shanchutianchong"></use>
- </svg>
- <div class="name">删除_填充</div>
- <div class="code-name">#icon-shanchutianchong</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-shezhitianchong"></use>
- </svg>
- <div class="name">设置_填充</div>
- <div class="code-name">#icon-shezhitianchong</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bianji1"></use>
- </svg>
- <div class="name">编辑</div>
- <div class="code-name">#icon-bianji1</div>
- </li>
-
- <li class="dib">
- <svg class="icon svg-icon" aria-hidden="true">
- <use xlink:href="#icon-bianji2"></use>
- </svg>
- <div class="name">编辑</div>
- <div class="code-name">#icon-bianji2</div>
- </li>
-
- </ul>
- <div class="article markdown">
- <h2 id="symbol-">Symbol 引用</h2>
- <hr>
- <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
- 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:</p>
- <ul>
- <li>支持多色图标了,不再受单色限制。</li>
- <li>通过一些技巧,支持像字体那样,通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
- <li>兼容性较差,支持 IE9+,及现代浏览器。</li>
- <li>浏览器渲染 SVG 的性能一般,还不如 png。</li>
- </ul>
- <p>使用步骤如下:</p>
- <h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
- <pre><code class="language-html"><script src="./iconfont.js"></script>
- </code></pre>
- <h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
- <pre><code class="language-html"><style>
- .icon {
- width: 1em;
- height: 1em;
- vertical-align: -0.15em;
- fill: currentColor;
- overflow: hidden;
- }
- </style>
- </code></pre>
- <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
- <pre><code class="language-html"><svg class="icon" aria-hidden="true">
- <use xlink:href="#icon-xxx"></use>
- </svg>
- </code></pre>
- </div>
- </div>
- </div>
- </div>
- <script>
- $(document).ready(function () {
- $('.tab-container .content:first').show()
- $('#tabs li').click(function (e) {
- var tabContent = $('.tab-container .content')
- var index = $(this).index()
- if ($(this).hasClass('active')) {
- return
- } else {
- $('#tabs li').removeClass('active')
- $(this).addClass('active')
- tabContent.hide().eq(index).fadeIn()
- }
- })
- })
- </script>
- </body>
- </html>
|