mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-09-20 02:29:24 +08:00
update gooflow to 1.3.2
This commit is contained in:
yubaolee
@@ -179,30 +179,20 @@
|
||||
<Content Include="images\login\logo.png" />
|
||||
<Content Include="images\login\right_hand.png" />
|
||||
<Content Include="images\login\tou.png" />
|
||||
<Content Include="js\flow-ui\flow.css" />
|
||||
<Content Include="js\flow-ui\gooflow.js" />
|
||||
<Content Include="js\flow-ui\img\1.png" />
|
||||
<Content Include="js\flow-ui\img\10.png" />
|
||||
<Content Include="js\flow-ui\img\11.png" />
|
||||
<Content Include="js\flow-ui\img\2.png" />
|
||||
<Content Include="js\flow-ui\img\3.png" />
|
||||
<Content Include="js\flow-ui\img\4.png" />
|
||||
<Content Include="js\flow-ui\img\5.png" />
|
||||
<Content Include="js\flow-ui\img\6.png" />
|
||||
<Content Include="js\flow-ui\img\7.png" />
|
||||
<Content Include="js\flow-ui\img\9.png" />
|
||||
<Content Include="js\flow-ui\img\gooflow_bg.png" />
|
||||
<Content Include="js\flow-ui\img\gooflow_blank.gif" />
|
||||
<Content Include="js\flow-ui\img\gooflow_blank2.gif" />
|
||||
<Content Include="js\flow-ui\img\gooflow_blank3.gif" />
|
||||
<Content Include="js\flow-ui\img\gooflow_btn_bg.png" />
|
||||
<Content Include="js\flow-ui\img\gooflow_bullet.png" />
|
||||
<Content Include="js\flow-ui\img\gooflow_icon.png" />
|
||||
<Content Include="js\flow-ui\img\gooflow_icon2.png" />
|
||||
<Content Include="js\flow-ui\img\GooFlow_line_oper.png" />
|
||||
<Content Include="js\flow-ui\img\gooflow_tip.png" />
|
||||
<Content Include="js\flow-ui\img\ui_close.png" />
|
||||
<Content Include="js\flow-ui\img\wallbg.png" />
|
||||
<Content Include="js\flow\config.js" />
|
||||
<Content Include="js\flow\fonts\demo.css" />
|
||||
<Content Include="js\flow\fonts\demo_fontclass.html" />
|
||||
<Content Include="js\flow\fonts\demo_symbol.html" />
|
||||
<Content Include="js\flow\fonts\demo_unicode.html" />
|
||||
<Content Include="js\flow\fonts\iconflow.svg" />
|
||||
<Content Include="js\flow\fonts\iconfont.css" />
|
||||
<Content Include="js\flow\fonts\iconfont.js" />
|
||||
<Content Include="js\flow\GooFlow.css" />
|
||||
<Content Include="js\flow\GooFlow.export.js" />
|
||||
<Content Include="js\flow\GooFlow.js" />
|
||||
<Content Include="js\flow\GooFlow.print.js" />
|
||||
<Content Include="js\flow\GooFunc.js" />
|
||||
<Content Include="js\flow\img\gooflow_icon.png" />
|
||||
<Content Include="js\utils\flowlayout.js" />
|
||||
<Content Include="js\utils\ui.js" />
|
||||
<Content Include="userJs\flowSchemes.js" />
|
||||
@@ -617,6 +607,9 @@
|
||||
<Content Include="json\systemParameter.json" />
|
||||
<Content Include="json\userface.json" />
|
||||
<Content Include="js\ueditor\formdesign\textfield.html.ajax.bak" />
|
||||
<Content Include="js\flow\fonts\iconflow.eot" />
|
||||
<Content Include="js\flow\fonts\iconflow.ttf" />
|
||||
<Content Include="js\flow\fonts\iconflow.woff" />
|
||||
<None Include="Properties\PublishProfiles\default.pubxml" />
|
||||
<Content Include="userJs\preview.js" />
|
||||
<Content Include="userJs\forms.js" />
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
@section header
|
||||
{
|
||||
<link rel="stylesheet" href="/css/treetable.css" />
|
||||
<link href="/js/flow-ui/flow.css" rel="stylesheet" />
|
||||
<link href="/js/flow/GooFlow.css" rel="stylesheet" />
|
||||
}
|
||||
|
||||
<form class="layui-form" action="" id="formEdit">
|
||||
|
||||
@@ -1,77 +0,0 @@
|
||||
v\:group,v\:rect,v\:imagedata,v\:oval,v\:line,v\:polyline,v\:stroke,v\:textbox{display:inline-block;background:transparent}
|
||||
.GooFlow{margin:0px;background:#F7F7F7;border-right:#ccc 0px solid;font: 12px Arial, Helvetica, sans-serif;-moz-user-select:none;-webkit-user-select:none;float:left;}
|
||||
.GooFlow_head{clear:both;height:22px;padding:1px;display:none;}
|
||||
.GooFlow_tool{float:left;margin:0px 1px;overflow:hidden;clear:left;border-radius:3px;margin-top:2px;margin-left:3px;}
|
||||
.GooFlow_tool_div{overflow:hidden;border-radius:2px;width:54px;}
|
||||
.GooFlow_tool span{height:0px;overflow:hidden;border-bottom:#ccc 1px solid;border-top:#FFFFFF 1px solid;margin:1px;clear:both;display:block;}
|
||||
.GooFlow_tool_btn{display:block;border:0px;height:50px;width:50px;cursor:default;margin:1px;margin-top:2px;margin-bottom:2px; outline :none;border:#F7F7F7 1px solid;border-radius:8px}
|
||||
.GooFlow_tool_btn b{cursor:pointer;}
|
||||
.GooFlow_tool_btn:hover{border:#8E9DA6 1px solid;opacity: 0.8;}
|
||||
.GooFlow_tool_btndown{display:block;border:0px;height:50px;width:50px;cursor:default;margin:1px;margin-top:2px;margin-bottom:2px; outline :none;border:#ccc 1px solid;background:#fff;border-radius:8px}
|
||||
.GooFlow_tool_btndown b{cursor:pointer;}
|
||||
.GooFlow_work{float:right;margin:0px;border-left:#ccc 1px solid;position:relative;overflow:scroll}
|
||||
.GooFlow_work .GooFlow_work_inner{background-image:url(img/wallbg.png) ;position:relative;overflow:hidden}
|
||||
.GooFlow_work .GooFlow_work_group{cursor:default;position:absolute;overflow:hidden;top:0px;left:0px}
|
||||
.GooFlow_area{position:absolute;}
|
||||
.GooFlow_area .lock{cursor:default;}
|
||||
.GooFlow_area .bg{cursor:move;filter:Alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;border-radius:10px;}
|
||||
.GooFlow_work .lock .bg{cursor:default;}
|
||||
.GooFlow_area label{cursor:text;top:1px;left:1px;position:absolute;display:block;font-size:12px;text-indent:18px;height:18px;line-height:18px}
|
||||
.GooFlow_work .lock label{cursor:default;}
|
||||
.GooFlow_area b{display:block;height:18px;width:18px;top:0px;left:0px;position:absolute;cursor:pointer}
|
||||
.GooFlow_work .area_red .bg{border:1px solid red;background-color:#EB4F2D}
|
||||
.GooFlow_work .area_red label{color:red;background:url(img/gooflow_bullet.png) no-repeat 1px 1px}
|
||||
.GooFlow_work .area_yellow .bg{border:1px solid #CD925A;background-color:#F5B93D}
|
||||
.GooFlow_work .area_yellow label{color:#FFBA1D;background:url(img/gooflow_bullet.png) no-repeat 1px -16px}
|
||||
.GooFlow_work .area_blue .bg{border:1px solid #347BB1;background-color:#43A4EE}
|
||||
.GooFlow_work .area_blue label{color:#347BB1;background:url(img/gooflow_bullet.png) no-repeat 1px -33px}
|
||||
.GooFlow_work .area_green .bg{border:1px solid green;background-color:#7FBA2E}
|
||||
.GooFlow_work .area_green label{color:green;background:url(img/gooflow_bullet.png) no-repeat 1px -50px}
|
||||
.GooFlow_work svg{display:block;position:absolute}
|
||||
.GooFlow_work v\:group{position:relative;display:block}
|
||||
.GooFlow_work v\:group v\:line{overflow:visible}
|
||||
.GooFlow_work v\:group v\:polyline{overflow:visible}
|
||||
.GooFlow_work v\:group div{cursor:text;position:absolute;overflow:visible;display:inline;float:left;white-space: nowrap}
|
||||
.GooFlow_work .draw{color:#ff3300}
|
||||
|
||||
.GooFlow_item{
|
||||
position:absolute;background:#A1DCEB;border:#A1DCEB solid 1px;
|
||||
border-radius:3px;background-color:#C1DCFC;box-shadow:1px 1px 2px rgba(99,99,99,2);
|
||||
}
|
||||
.GooFlow table{padding:1px;border-radius:2px}
|
||||
.GooFlow td{ vertical-align:middle;text-align:center;padding:0px;cursor:default;word-wrap:break-word;word-break:break-all}
|
||||
.GooFlow .ico{width:18px;cursor:move}
|
||||
.GooFlow i{display:block;width:18px;height:18px;overflow:hidden}
|
||||
|
||||
.GooFlow b{display:block;width:48px;height:48px;overflow:hidden;}
|
||||
.GooFlow .item_startround{background:#5CCB41;width:52px;height:52px;border:#5e8800 solid 1px;overflow:visible}
|
||||
.GooFlow .item_startround table{border:0px;padding:2px;width:50px;height:50px;}
|
||||
.GooFlow .item_startround .span{font-weight: bold;color:#fff; display:block;text-align:center;position:absolute;top:18px;left:-14px;width:80px;overflow:visible;text-align:center;padding:0px;cursor:default;word-wrap: break-word;word-break:break-all}
|
||||
.GooFlow .item_endround{background:#DE2922;width:52px;height:52px;border:#BE0E0E solid 1px;overflow:visible}
|
||||
.GooFlow .item_endround table{border:0px;padding:2px;width:50px;height:50px;}
|
||||
.GooFlow .item_endround .span{font-weight: bold;color:#fff; display:block;text-align:center;position:absolute;top:18px;left:-15px;width:80px;overflow:visible;text-align:center;padding:0px;cursor:default;word-wrap: break-word;word-break:break-all}
|
||||
.GooFlow .gentlenode{background:#DC5E2B;color:#FFFFFF;}
|
||||
.GooFlow div .rs_right{display:none;overflow:hidden;position:absolute;right:-1px;top:-1px;height:100%;width:6px;cursor:w-resize}
|
||||
.GooFlow div .rs_bottom{display:none;overflow:hidden;position:absolute;left:-1px;bottom:-1px;width:100%;height:6px;cursor:n-resize}
|
||||
.GooFlow div .rs_rb{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;overflow:hidden;cursor:nw-resize;background:url(img/gooflow_tip.png) no-repeat 0px -8px;}
|
||||
.GooFlow div .rs_close{z-index:10;position:absolute;right:-12px;top:-12px;width:24px;height:24px;overflow:hidden;cursor:pointer;background:url(img/ui_close.png) no-repeat 0px 0px}
|
||||
.GooFlow .rs_ghost{position:absolute;display:none;overflow:hidden;border:#8EA4C1 1px dashed;background:#F2F2F2;filter:Alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;z-index:10;border-radius:10px;}
|
||||
.GooFlow .item_focus{border:#4A5B79 1px solid;box-shadow:2px 2px 19px #444;opacity:0.9;cursor:pointer;}
|
||||
.GooFlow .item_mark{border:#ff3300 1px solid}
|
||||
.GooFlow .item_mark td{cursor:crosshair}
|
||||
.GooFlow textarea{position:absolute;border:#4A5B79 1px solid;display:none;font-size:12px;overflow-y:visible;width:100px;z-index:10001}
|
||||
.GooFlow .GooFlow_line_oper{height:15px;background-color:#D8E8FC;border:#ccc 1px solid;position:absolute;z-index:10000;}
|
||||
.GooFlow .GooFlow_line_move{filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute;z-index:9999;background:url(0) no-repeat}
|
||||
.GooFlow .GooFlow_line_oper b{display:inline-block;width:15px;height:15px;margin-left:2px;cursor:pointer}
|
||||
.GooFlow .b_l1{background:url(img/GooFlow_line_oper.png) no-repeat 1px 1px}
|
||||
.GooFlow .b_l2{background:url(img/GooFlow_line_oper.png) no-repeat 1px -14px}
|
||||
.GooFlow .b_l3{background:url(img/GooFlow_line_oper.png) no-repeat 1px -29px}
|
||||
.GooFlow .b_x{background:url(img/GooFlow_line_oper.png) no-repeat 1px -44px;margin-left:10px}
|
||||
.GooFlow .ico_cursor{background:url(img/10.png) no-repeat 0px 0px}
|
||||
.GooFlow .ico_direct{background:url(img/9.png) no-repeat 0px 0px}
|
||||
.GooFlow .ico_startround{background:url(img/2.png) no-repeat 0px 0px}
|
||||
.GooFlow .ico_endround{background:url(img/7.png) no-repeat 0px 0px}
|
||||
.GooFlow .ico_stepnode{background:url(img/4.png) no-repeat 0px 0px}
|
||||
.GooFlow .ico_shuntnode{background:url(img/5.png) no-repeat 0px 0px}
|
||||
.GooFlow .ico_confluencenode{background:url(img/3.png) no-repeat 0px 0px}
|
||||
.GooFlow .ico_group{background:url(img/11.png) no-repeat 0px 0px}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 652 B |
Binary file not shown.
|
Before Width: | Height: | Size: 249 B |
Binary file not shown.
|
Before Width: | Height: | Size: 70 B |
Binary file not shown.
|
Before Width: | Height: | Size: 58 B |
Binary file not shown.
|
Before Width: | Height: | Size: 79 B |
Binary file not shown.
|
Before Width: | Height: | Size: 336 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 218 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
195
OpenAuth.Mvc/js/flow/GooFlow.css
Normal file
195
OpenAuth.Mvc/js/flow/GooFlow.css
Normal file
@@ -0,0 +1,195 @@
|
||||
v\:group,v\:rect,v\:imagedata,v\:oval,v\:line,v\:polyline,v\:stroke,v\:textbox { display:inline-block;background:transparent }
|
||||
::-ms-clear,::-ms-reveal{display:none;}
|
||||
/*总体样式*/
|
||||
.GooFlow{
|
||||
background:#f1f1f1;border:#ddd 1px solid;position:relative;
|
||||
-moz-user-select:none;-webkit-user-select:none;border-radius:4px;color:#333
|
||||
}
|
||||
.GooFlow,.GooFlow *{
|
||||
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size:14px;line-height:1.42857143;
|
||||
font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, sans-serif;
|
||||
}
|
||||
.GooFlow:before,.GooFlow:after,.GooFlow *:before,.GooFlow *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||||
.GooFlow i{
|
||||
display:block;width:18px;height:18px;overflow:hidden;font-size:18px;color:#777;text-align:center;margin:0 auto;
|
||||
filter:Alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;text-shadow:0.5px 0 #fff,0 0.5px #fff;line-height:1;
|
||||
}
|
||||
.GooFlow a.a_disabled,.GooFlow a.a_disabled:hover {border:0 !important;padding:4px 6px;background: transparent !important; cursor: not-allowed !important;}
|
||||
.GooFlow a.a_disabled i:before{color:#ccc !important;}
|
||||
/*绘图区的样式*/
|
||||
.GooFlow_work{position:absolute;top:3px;right:3px;bottom:3px;left:3px;overflow:auto;background-color:#fff;}
|
||||
.GooFlow_work .GooFlow_work_inner{
|
||||
/*background: -webkit-linear-gradient(top, transparent 11px, #e3e3e3 12px),-webkit-linear-gradient(left, transparent 11px, #e3e3e3 12px);*/
|
||||
/*background: -moz-linear-gradient(top, transparent 11px, #e3e3e3 12px),-moz-linear-gradient(left, transparent 11px, #e3e3e3 12px);*/
|
||||
/*background: -o-linear-gradient(top, transparent 11px, #e3e3e3 12px),-o-linear-gradient(left, transparent 11px, #e3e3e3 12px);*/
|
||||
/*background: -ms-linear-gradient(top, transparent 11px, #e3e3e3 12px),-ms-linear-gradient(left, transparent 11px, #e3e3e3 12px);*/
|
||||
/*background: linear-gradient(top, transparent 11px, #e3e3e3 12px),linear-gradient(left, transparent 11px, #e3e3e3 12px);*/
|
||||
/*-webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; background-size: 12px 12px;*/
|
||||
position:relative;overflow:hidden; background-image:url(data:image/gif;base64,R0lGODlhDAAMAJEAAOrq6v////Hx8QAAACH5BAAHAP8ALAAAAAAMAAwAAAIWjI8hycvonomSPtvkwYlDPQniSApAAQA7);
|
||||
}
|
||||
/*与矢量线有关的样式*/
|
||||
.GooFlow_work text{color:#fff;font-size:14px;line-height:1.42857143;
|
||||
font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, sans-serif;}
|
||||
|
||||
/*顶部栏的样式*/
|
||||
.GooFlow_head{clear:both;height:28px;border-bottom:#00B4E1 2px solid;margin-left:-1px}
|
||||
.GooFlow_head label{
|
||||
font-weight:bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:27px;padding:3px;width:176px;
|
||||
background:#00B4E1;float:left;color:#fff;border-radius:3px 0 0 0;overflow:hidden;margin:-1px 4px 0 0;text-align:center;
|
||||
}
|
||||
.GooFlow_head_btn{display:block;border:0;height:26px;width:30px;cursor:default;padding:4px 6px;margin:0 2px;float:left;outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;cursor:pointer}
|
||||
.GooFlow_head_btn i{display:inline-block;overflow:hidden;width:18px;height:18px;border:0;font-size:16px;line-height:18px;}
|
||||
.GooFlow_head_btn:hover{background:#fff;padding:4px 5px;border-left:#ddd 1px solid;border-right:#ddd 1px solid}
|
||||
|
||||
/*左侧绘图工具栏的样式*/
|
||||
.GooFlow_tool{float:left;clear:left;border-right:#ddd 1px solid;margin-left:-1px;}
|
||||
.GooFlow_tool_div{width:34px;padding:4px 0;overflow:hidden;margin-right:-1px;}
|
||||
.GooFlow_tool span{height:0;overflow:hidden;border-top:#ddd 1px solid;border-bottom:#fff 1px solid;margin:0 2px;clear:both;display:block;}
|
||||
.GooFlow_tool_btn{display:block;border:0;height:34px;width:34px;cursor:default;padding:8px;outline:none;blr:expression(this.onFocus=this.blur());color:#777;text-decoration:none;cursor:pointer}
|
||||
.GooFlow_tool_btn i{display:block;overflow:hidden;width:18px;height:18px;border:0}
|
||||
.GooFlow_tool_btn:hover{border:#ddd 1px solid;background:#fff;padding:7px}
|
||||
.GooFlow_tool_btndown{
|
||||
cursor:default;outline:none;blr:expression(this.onFocus=this.blur());height:34px;width:36px;margin:0 -1px;
|
||||
padding:8px 9px;background:#00B4E1;/*#FFBF00*/display:block;text-decoration:none;filter:Alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;
|
||||
}
|
||||
.GooFlow_tool_btndown i{display:block;overflow:hidden;width:18px;height:18px;color:#000;filter:Alpha(Opacity=37);-moz-opacity:0.37;opacity: 0.37;position:relative}
|
||||
|
||||
/*工作区扩展边栏样式*/
|
||||
.Gooflow_extend_right{position:absolute;z-index:10002;top:0;right:0;height:100%;width:14px;cursor:e-resize;filter:Alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2}
|
||||
.Gooflow_extend_bottom{position:absolute;z-index:10002;bottom:0;left:0;width:100%;height:14px;cursor:s-resize;filter:Alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2}
|
||||
.Gooflow_extend_right:hover{background-color:#999;border:#fff 1px solid}
|
||||
.Gooflow_extend_bottom:hover{background-color:#999;border:#fff 1px solid}
|
||||
|
||||
/*区域分组（泳道）的样式*/
|
||||
.GooFlow_work_group{cursor:default;position:absolute;overflow:hidden;top:0;left:0}
|
||||
.GooFlow_area{cursor:default;position:absolute;overflow:hidden;}
|
||||
.GooFlow_area .lock{cursor:default;}
|
||||
.GooFlow_area .bg{cursor:move;filter:Alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}
|
||||
.GooFlow_area.lock .bg{cursor:default;}
|
||||
.GooFlow_area label{cursor:text;top:0;left:23px;position:absolute;display:block;}
|
||||
.GooFlow_area.lock label{cursor:default;}
|
||||
.GooFlow_area i{top:2px;left:2px;width:18px;height:20px;position:absolute;cursor:pointer;}
|
||||
.GooFlow_area i:before{content:"\e6bd"}
|
||||
.GooFlow_area.area_red .bg{border:1px solid red;background-color:#FF7865}
|
||||
.GooFlow_area.area_red label,.GooFlow_area.area_red i{color:red;}
|
||||
.GooFlow_area.area_yellow .bg{border:1px solid #CD925A;background-color:#FFD564}
|
||||
.GooFlow_area.area_yellow label,.GooFlow_area.area_yellow i{color:#FFBA1D;}
|
||||
.GooFlow_area.area_blue .bg{border:1px solid #347BB1;background-color:#549CDE}
|
||||
.GooFlow_area.area_blue label,.GooFlow_area.area_blue i{color:#347BB1;}
|
||||
.GooFlow_area.area_green .bg{border:1px solid green;background-color:#84CA04}
|
||||
.GooFlow_area.area_green label,.GooFlow_area.area_green i{color:green;}
|
||||
|
||||
/*画连线区域所需要的样式*/
|
||||
.GooFlow_work svg{display:block;position:absolute;top:0;left:0}
|
||||
.GooFlow_work v\:group{position:relative;display:block}
|
||||
.GooFlow_work v\:group v\:line{overflow:visible}
|
||||
.GooFlow_work v\:group v\:polyline{overflow:visible}
|
||||
.GooFlow_work v\:group div{cursor:text;position:absolute;overflow:visible;display:inline;float:left;white-space: nowrap}
|
||||
.GooFlow_work .draw{color:#ff8800}
|
||||
|
||||
/*各种节点样式*/
|
||||
.GooFlow_item{
|
||||
position:absolute;background:#A1DCEB;padding:1px;
|
||||
border-radius:3px;background-color:#C1DCFC;box-shadow:1px 1px 2px rgba(99,99,99,2);
|
||||
}
|
||||
.GooFlow table{padding:1px 2px;border-radius:2px}
|
||||
.GooFlow td,.GooFlow td div{ vertical-align:middle;text-align:center;padding:0;cursor:default;word-wrap:break-word;word-break:break-all}
|
||||
.GooFlow .ico{width:18px;cursor:move;text-align:center; vertical-align: middle;}
|
||||
.GooFlow .ico i{filter:Alpha(Opacity=30);-moz-opacity:0.3;opacity:0.3;color:#000;margin:0 auto;}
|
||||
|
||||
.GooFlow .item_round{border-radius:13px; overflow:visible}
|
||||
.GooFlow .item_round table{border:0;padding:3px;width:26px;height:26px}
|
||||
.GooFlow .item_round .span{
|
||||
display:block;text-align:center; position:absolute;top:100%;left:-100%;width:300%;overflow:visible;
|
||||
padding:0;cursor:default;word-wrap: break-word;word-break:break-all
|
||||
}
|
||||
.GooFlow .item_mix{background:#B6F700;color:#fff}
|
||||
.GooFlow .item_focus{border:#3892D3 1px solid !important;padding:0;z-index:5}
|
||||
.GooFlow .item_focus table{margin:0 !important;}
|
||||
.GooFlow .item_focus.item_round .span{
|
||||
display:block;text-align:center; position:absolute;margin-top:1px;overflow:visible;
|
||||
padding:0;cursor:default;word-wrap: break-word;word-break:break-all;
|
||||
}
|
||||
.GooFlow .item_mark{border:#ff8800 2px solid;padding:0}
|
||||
.GooFlow .item_mark table{margin:-1px}
|
||||
.GooFlow .item_mark td{cursor:crosshair}
|
||||
.GooFlow .item_mark.item_round .span{padding-top:2px}
|
||||
|
||||
/*编辑时一些工具的页面特效*/
|
||||
.GooFlow textarea{position:absolute;border:#3892D3 1px solid;display:none;overflow-y:visible;width:100px;z-index:10001}
|
||||
.GooFlow div .rs_right{overflow:hidden;position:absolute;right:-1px;top:-1px;height:100%;width:6px;cursor:w-resize}
|
||||
.GooFlow div .rs_bottom{overflow:hidden;position:absolute;left:-1px;bottom:-1px;width:100%;height:6px;cursor:n-resize}
|
||||
.GooFlow div .rs_rb{
|
||||
position:absolute;right:-1px;bottom:0;width:10px;height:9px;filter:Alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;
|
||||
font-family:"iconflow" !important;font-size:12px;color:#475669;line-height:1;overflow:hidden;cursor:pointer;cursor:nw-resize;
|
||||
}
|
||||
.GooFlow div .rs_rb:before{content:"\e6b7";}
|
||||
.GooFlow div .rs_close{
|
||||
position:absolute;right:-1px;top:1px;width:10px;height:9px;filter:Alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;
|
||||
font-family:"iconflow" !important;font-size:12px;color:#475669;line-height:1;overflow:hidden;cursor:pointer;
|
||||
}
|
||||
.GooFlow div .rs_close:before{content:"\e674";}
|
||||
.GooFlow .rs_ghost{
|
||||
position:absolute;display:none;overflow:hidden;border:#8492A6 1px dashed; background:#E5E9F2;
|
||||
filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:10
|
||||
}
|
||||
.GooFlow .GooFlow_line_oper{
|
||||
width:82px;height:20px;background:#E5E9F2;border:#8492A6 1px solid;position:absolute;
|
||||
filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:10000;
|
||||
}
|
||||
.GooFlow .GooFlow_line_mp{
|
||||
width:9px;height:9px;filter:Alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;overflow:hidden;
|
||||
position:absolute;z-index:9999;background:#333;cursor:crosshair
|
||||
}
|
||||
.GooFlow_linemove{background-color:transparent;filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute;z-index:9999;}
|
||||
.GooFlow_line_oper i{display:inline-block;margin-left:2px;cursor:pointer;position:relative;}
|
||||
.GooFlow .b_l1:before{content:"\e60d";color:#1F2D3D}
|
||||
.GooFlow .b_l2:before{content:"\e60e";color:#1F2D3D}
|
||||
.GooFlow .b_l3:before{content:"\e601";color:#1F2D3D}
|
||||
.GooFlow .b_x:before{content:"\e61a";color:red}
|
||||
|
||||
|
||||
/*以下为图标样式（固定大小18px*18px，矢量字体大小16px），用户可自定义扩展自己的新矢量图标字体，写法参照以下的内容*/
|
||||
@font-face {font-family: "iconflow";
|
||||
src: url('fonts/iconflow.eot?t=1494321407539'); /* IE9*/
|
||||
src: url('fonts/iconflow.eot?t=1494321407539#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('fonts/iconflow.woff?t=1494321407539') format('woff'), /* chrome, firefox */
|
||||
url('fonts/iconflow.ttf?t=1494321407539') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('fonts/iconflow.svg?t=1494321407539#iconflow') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
.GooFlow_area i,.GooFlow .GooFlow_line_oper i,.GooFlow_tool i,.GooFlow_head i,.GooFlow_item .ico i{
|
||||
font-family:"iconflow" !important;
|
||||
font-size:18px;line-height:20px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
/*自带的一些节点矢量图标样式*/
|
||||
.GooFlow .ico_cursor:before{ content:"\e602"; }
|
||||
.GooFlow .ico_start:before{ content:"\e700"; }
|
||||
.GooFlow .ico_end:before{ content:"\e609"; }
|
||||
.GooFlow .ico_fork:before{ content:"\e60c"; }
|
||||
.GooFlow .ico_join:before{ content:"\e606"; }
|
||||
.GooFlow .ico_direct:before{ content:"\e605"; }
|
||||
.GooFlow .ico_dashed:before{ content:"\e675"; }
|
||||
.GooFlow .ico_group:before{ content:"\e663"; }
|
||||
.GooFlow .ico_complex:before{ content:"\e872"; }
|
||||
/*.GooFlow .ico_complex{background:url(assets/img/gooflow_icon.png) no-repeat -116px -20px;opacity:1 !important;filter:Alpha(Opacity=70) !important;}*/
|
||||
.GooFlow .ico_node:before{ content:"\e678"; }
|
||||
.GooFlow .ico_task:before{ content:"\e6af"; }
|
||||
/*.GooFlow .ico_task{background:url(assets/img/gooflow_icon.png) no-repeat 2px -45px;opacity:1 !important;filter:Alpha(Opacity=70) !important;}*/
|
||||
.GooFlow .ico_chat:before{ content:"\e61b"; }
|
||||
.GooFlow .ico_state:before{ content:"\e633"; }
|
||||
.GooFlow .ico_plug:before{ content:"\e66c"; }
|
||||
.GooFlow .ico_menu:before{ content:"\e649"; }
|
||||
.GooFlow .ico_sound:before{ content:"\e62b"; }
|
||||
|
||||
/*以下是内部用头部工具栏按钮专用的样式*/
|
||||
.GooFlow .ico_open:before{ content:"\e7a0";color:#FFD300 }
|
||||
.GooFlow .ico_new:before{ content:"\e659"; }
|
||||
.GooFlow .ico_reload:before{ content:"\e607";color:#669900 }
|
||||
.GooFlow .ico_save:before{ content:"\e63d";color:#0099cc }
|
||||
.GooFlow .ico_undo:before{ content:"\e673";color:#ff8800 }
|
||||
.GooFlow .ico_redo:before{ content:"\e672";color:#ff8800 }
|
||||
.GooFlow .ico_print:before{ content:"\e671"; }
|
||||
427
OpenAuth.Mvc/js/flow/GooFlow.export.js
Normal file
427
OpenAuth.Mvc/js/flow/GooFlow.export.js
Normal file
@@ -0,0 +1,427 @@
|
||||
/*
|
||||
* 专门负责导出流程图文件并让用户下载的扩展包方法
|
||||
*/
|
||||
;(function ( global, factory ) {
|
||||
'use strict';
|
||||
if ( typeof define !== 'undefined' && define.amd ) { // export as AMD...
|
||||
define( ['jquery','GooFlow'], factory );
|
||||
}
|
||||
else if ( typeof module !== 'undefined' && module.exports ) { // ...or as browserify
|
||||
factory( require('jquery'), require('GooFlow') );
|
||||
}else
|
||||
factory( global.$, global.GooFlow );
|
||||
|
||||
}( typeof window !== 'undefined' ? window : this, function ( $,GooFlow ) {
|
||||
if(GooFlow.prototype.exportDiagram && typeof GooFlow.prototype.exportDiagram==='function'){
|
||||
return;//防止多次载入
|
||||
}
|
||||
var Cmder = {
|
||||
//构建背景
|
||||
initBg : function(width,height,bgColor){
|
||||
var canvas = document.createElement('canvas');
|
||||
canvas.width = width;
|
||||
canvas.height = height;
|
||||
var ctx = canvas.getContext('2d');
|
||||
if(bgColor) ctx.fillStyle = bgColor;
|
||||
ctx.fillRect(0,0,canvas.width,canvas.height);
|
||||
ctx.save();
|
||||
return canvas;
|
||||
},
|
||||
_toNum: function(str){
|
||||
return str!==null&&str!==''? parseInt(str.split('px')[0],10):undefined;
|
||||
},
|
||||
_analyseLabel: function(labelDom){
|
||||
var tagName = labelDom[0].tagName;
|
||||
var offsetLeft = labelDom[0].offsetLeft;
|
||||
var offsetTop = labelDom[0].offsetTop;
|
||||
if(tagName==='TD'){
|
||||
offsetLeft += labelDom.children("div")[0].offsetLeft;
|
||||
offsetTop += labelDom.children("div")[0].offsetTop;
|
||||
}
|
||||
|
||||
var lineHeight = this._toNum(labelDom.css("line-height"));
|
||||
var fontSize = labelDom.css('font-size');
|
||||
return {
|
||||
font: fontSize+' '+labelDom.css('font-family'),
|
||||
fontSize: this._toNum(fontSize.split("px")[0]),
|
||||
text: labelDom.text(),//文字内容
|
||||
color: labelDom.css('color'),//文字颜色
|
||||
width: labelDom[0].offsetWidth,//文字容器宽度
|
||||
height: labelDom[0].offsetHeight,//文字容器高度
|
||||
lineHeight:lineHeight,
|
||||
offsetLeft:offsetLeft,
|
||||
offsetTop:offsetTop,
|
||||
lineNum: Math.ceil(labelDom[0].offsetHeight/lineHeight)//文字要分几行？
|
||||
};
|
||||
},
|
||||
_analyseIcon: function(iconDom){
|
||||
var bgImg = iconDom.css("background-image");
|
||||
var property={
|
||||
// top: this._toNum(iconDom[0].style.top),//
|
||||
// left: this._toNum(iconDom[0].style.left),//
|
||||
offsetLeft:iconDom[0].offsetLeft,
|
||||
offsetTop:iconDom[0].offsetTop,
|
||||
width: iconDom.width(),
|
||||
height: iconDom.height()
|
||||
};
|
||||
|
||||
if(bgImg && bgImg!=='none'){//CSS SPITE背景图式
|
||||
bgImg = bgImg.replace(/"/g,"").split("url(")[1];
|
||||
property.backgroundImage=bgImg.substr(0,bgImg.length-1);//图标背景图
|
||||
bgImg = iconDom.css("background-position").split(" ");
|
||||
property.pX = parseFloat(bgImg[0].split("px")[0])*-1;//图标背景定位X
|
||||
property.pY = parseFloat(bgImg[1].split("px")[0])*-1;//图标背景定位Y
|
||||
}else{//矢量图标字体式
|
||||
$.extend(property,{
|
||||
font: iconDom.css('font-size')+' '+iconDom.css('font-family').split(' ')[0],//图标矢量字体库
|
||||
lineHeight : this._toNum(iconDom.css('line-height')),//图标矢量字体行高
|
||||
color: iconDom.css('color'),//图标矢量字体颜色
|
||||
opacity: parseFloat(iconDom.css("opacity")),//图标矢量透明度
|
||||
content:window.getComputedStyle(iconDom[0],'::before').getPropertyValue('content')
|
||||
});
|
||||
}
|
||||
|
||||
return property;
|
||||
},
|
||||
_analyseArea : function(areaDom){
|
||||
var bg=areaDom.children(".bg");
|
||||
return {
|
||||
top: this._toNum(areaDom[0].style.top),
|
||||
left: this._toNum(areaDom[0].style.left),
|
||||
width: areaDom.outerWidth(),
|
||||
height: areaDom.outerHeight(),
|
||||
borderColor: bg.css('border-top-color'),//区域边框颜色
|
||||
bgColor: bg.css('background-color'),//区域块背景色
|
||||
opacity: parseFloat(bg.css("opacity")),//区域块透明度
|
||||
icon: this._analyseIcon(areaDom.children('i')),
|
||||
label: this._analyseLabel(areaDom.children("label"))
|
||||
};
|
||||
},
|
||||
_analyseNode : function(nodeDom){
|
||||
var property={
|
||||
top: this._toNum(nodeDom[0].style.top),//
|
||||
left: this._toNum(nodeDom[0].style.left),//
|
||||
width: nodeDom.outerWidth(),//
|
||||
height: nodeDom.outerHeight(),//
|
||||
borderColor: nodeDom.css('border-top-color'),//节点边框颜色
|
||||
borderWidth: this._toNum(nodeDom.css('border-top-width')),//节点边框宽度
|
||||
bgColor: nodeDom.css('background-color'),//节点背景色
|
||||
borderRadius: this._toNum(nodeDom.css("border-top-left-radius")),//节点圆角半径
|
||||
boxShadow: nodeDom.css("box-shadow"),//节点阴影
|
||||
icon: this._analyseIcon(nodeDom.find('i'))
|
||||
};
|
||||
if(nodeDom.hasClass("item_round")){
|
||||
property.label = this._analyseLabel(nodeDom.children(".span"));
|
||||
}else{
|
||||
property.label = this._analyseLabel(nodeDom.children("table").find("td:eq(1)"));
|
||||
}
|
||||
return property;
|
||||
},
|
||||
_fillIcon:function(canvas, bgLeft,bgTop,icon, bgImage){
|
||||
var ctx = canvas.getContext('2d');
|
||||
if(icon.backgroundImage===undefined){//矢量字体图标
|
||||
if(icon.content.indexOf('"')===0){
|
||||
icon.content = icon.content.split('"')[1];
|
||||
}
|
||||
icon.color = icon.color.replace('rgb', 'rgba').replace(')', ', ' + icon.opacity + ')');
|
||||
ctx.fillStyle = icon.color;
|
||||
ctx.font = icon.font;
|
||||
ctx.textAlign='center';
|
||||
ctx.textBaseline='middle';
|
||||
// 绘制内容
|
||||
ctx.fillText(icon.content, bgLeft+icon.offsetLeft+4+icon.width/2, bgTop+icon.offsetTop+4+icon.height/2);
|
||||
return null;
|
||||
}else{//css spite背景定位图标
|
||||
var tmpX=0,tmpY=0;
|
||||
if(icon.pX<0){
|
||||
tmpX-=icon.pX; icon.pX=0;
|
||||
}
|
||||
if(icon.pY<0){
|
||||
tmpY-=icon.pY; icon.pY=0;
|
||||
}
|
||||
//console.log(icon.pX+','+icon.pY);
|
||||
ctx.drawImage(bgImage, icon.pX, icon.pY, icon.width, icon.height,
|
||||
bgLeft+icon.offsetLeft+4+tmpX, bgTop+icon.offsetTop+4+tmpY, icon.width, icon.height );
|
||||
}
|
||||
},
|
||||
_fillLabel: function(canvas, bgLeft, bgTop, label) {
|
||||
var ctx = canvas.getContext('2d');
|
||||
ctx.fillStyle = label.color;
|
||||
ctx.textAlign='center';
|
||||
ctx.font = label.font;
|
||||
ctx.textBaseline='top';
|
||||
|
||||
var str=label.text;
|
||||
var lineWidth = 0;//某一行字的实际宽度
|
||||
var lastSubStrIndex= 0; //每次开始截取的字符串的索引
|
||||
var hack = (window.ActiveXObject || "ActiveXObject" in window)? 1:0;
|
||||
var x = bgLeft+label.offsetLeft+label.width/2+hack/2;//文字（可能有多行）的x坐标
|
||||
var y = bgTop+label.offsetTop+hack;//某一行文字（可能有多行）的y坐标
|
||||
if(navigator.userAgent.indexOf('Firefox')>=0){
|
||||
y += (label.lineHeight-label.fontSize);
|
||||
}
|
||||
for(var i=0;i<str.length;i++){
|
||||
lineWidth += ctx.measureText(str[i]).width;
|
||||
if(i!==str.length-1){
|
||||
if( lineWidth >= label.width ){
|
||||
ctx.fillText(str.substring(lastSubStrIndex,i),x,y);//绘制截取部分
|
||||
y+=label.lineHeight;
|
||||
lineWidth=0;
|
||||
lastSubStrIndex=i;
|
||||
}
|
||||
}else{//绘制剩余部分
|
||||
ctx.fillText(str.substring(lastSubStrIndex,i+1),x,y);
|
||||
}
|
||||
}
|
||||
},
|
||||
//根据区域组信息在背景上画一堆区域组泳道（传参areas为要绘制的区域组详细json信息）
|
||||
renderAreas:function(canvas,areas, iconBgImage){
|
||||
var ctx = canvas.getContext('2d');
|
||||
for(var key in areas) {
|
||||
var area = areas[key];
|
||||
//填充半透明矩形
|
||||
area.bgColor = area.bgColor.replace('rgb', 'rgba').replace(')', ', ' + area.opacity + ')');
|
||||
area.borderColor = area.borderColor.replace('rgb', 'rgba').replace(')', ', ' + area.opacity + ')');
|
||||
ctx.fillStyle = area.bgColor;
|
||||
ctx.strokeStyle = area.borderColor;
|
||||
ctx.rect(area.left, area.top, area.width, area.height);
|
||||
ctx.fill();
|
||||
ctx.stroke();
|
||||
this._fillIcon(canvas, area.left-3, area.top-3, area.icon, iconBgImage);
|
||||
this._fillLabel(canvas, area.left, area.top, area.label);
|
||||
}
|
||||
},
|
||||
|
||||
//根据节点信息在背景上画一组节点（传参nodes为要绘制的节点详细json信息）
|
||||
renderNodes:function(canvas,nodes,iconBgImage){
|
||||
var ctx = canvas.getContext('2d');
|
||||
var imgLoadFuncs=[];
|
||||
for(var key in nodes){
|
||||
var node = nodes[key];
|
||||
//渲染阴影
|
||||
var sd = node.boxShadow.split(") ");
|
||||
if(sd.length===1){
|
||||
var tmp = node.boxShadow.split("rgba");
|
||||
sd[0]='rgba'+tmp[1];
|
||||
sd[1]=tmp[0];
|
||||
}
|
||||
ctx.shadowColor = sd[0];
|
||||
sd=sd[1].split(" ");
|
||||
ctx.shadowOffsetX=this._toNum(sd[0])+(node.borderWidth>1? 1:0);
|
||||
ctx.shadowOffsetY=this._toNum(sd[1])+(node.borderWidth>1? 1:0);
|
||||
ctx.shadowBlur=this._toNum(sd[2]);
|
||||
//填充圆角矩形
|
||||
ctx.fillStyle=node.bgColor;
|
||||
ctx.roundRect( node.left+node.borderWidth/2, node.top+node.borderWidth/2,
|
||||
node.width-node.borderWidth, node.height-node.borderWidth, node.borderRadius).fill();
|
||||
//加边框
|
||||
ctx.shadowBlur=0;
|
||||
ctx.shadowColor='';
|
||||
ctx.shadowOffsetX=0;
|
||||
ctx.shadowOffsetY=0;
|
||||
ctx.strokeStyle = node.borderColor;
|
||||
ctx.lineWidth = (node.borderWidth===0? 0.01:node.borderWidth);
|
||||
ctx.stroke();
|
||||
this._fillIcon(canvas, node.left, node.top+(node.borderRadius>6? 1:0), node.icon, iconBgImage);
|
||||
this._fillLabel(canvas, node.left, node.top, node.label);
|
||||
}
|
||||
return imgLoadFuncs;
|
||||
},
|
||||
|
||||
_analyseLine:function(lineDom){ //only for IE
|
||||
var fontFamily = $(".GooFlow").css("font-family");
|
||||
//基本样式
|
||||
var path = lineDom.childNodes[1];
|
||||
var property={
|
||||
color: path.getAttribute("stroke"),//箭头则用fill
|
||||
lineWidth: path.getAttribute("stroke-width"),//线条宽度箭头的strokeWidth为0
|
||||
lineCap: 'round'
|
||||
};
|
||||
var style = path.style.strokeDasharray;
|
||||
property.lineDash=(style && style!=null);
|
||||
//文字
|
||||
var text=lineDom.childNodes[2];
|
||||
var fontColor = text.getAttribute("fill");
|
||||
if(!fontColor||fontColor===null||fontColor===''){
|
||||
fontColor='#777';
|
||||
}
|
||||
property.label={
|
||||
text: text.textContent,
|
||||
font: text.style.fontSize+' '+fontFamily,
|
||||
color: fontColor,
|
||||
left:text.getAttribute("x"),
|
||||
top:text.getAttribute("y")
|
||||
};
|
||||
|
||||
//获取连线从首至尾各个点的坐标值
|
||||
var d = path.getAttribute("d");
|
||||
var tmp = d.substring(2,d.length).split("L");
|
||||
var points=[];//连线中各点集合
|
||||
for(var i=0;i<tmp.length;++i){
|
||||
tmp[i] = tmp[i].replace(/^\s+|\s+$/gm,'');//去掉首尾空格
|
||||
var xy=tmp[i].split(" ");
|
||||
points.push({ x: parseFloat(xy[0]), y:parseFloat(xy[1]) });
|
||||
}
|
||||
property.points=points;
|
||||
|
||||
//箭头默认参数：两边到线垂直距离为3，从线至箭头顶端为6,如果为mark ，则:具体值*(2.4/1.4)=x*1.71
|
||||
//画箭头攻略：1、先在原点附近画好一个正的；2、旋转到与连线最后一段的斜率；3、移动到连线最后一点；4、渲染出来
|
||||
|
||||
//计算连线最后一段与X轴的角度
|
||||
var len=points.length;
|
||||
var x = points[len-1].x-points[len-2].x, y = points[len-1].y-points[len-2].y;
|
||||
property.angle=Math.atan2(y,x);
|
||||
|
||||
return property;
|
||||
},
|
||||
renderLines:function(canvas, lines){
|
||||
var ctx = canvas.getContext('2d');
|
||||
for(var key in lines){
|
||||
var line = lines[key];
|
||||
ctx.save();
|
||||
ctx.setLineDash(line.lineDash?[4,6]:[]);
|
||||
ctx.strokeStyle = line.color;
|
||||
ctx.lineWidth = line.lineWidth;
|
||||
ctx.lineCap = line.lineCap;
|
||||
var p = line.points;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(p[0].x,p[0].y);
|
||||
for(var i=1;i<p.length;++i){
|
||||
ctx.lineTo(p[i].x,p[i].y);
|
||||
if(i!==p.length-1){
|
||||
ctx.moveTo(p[i].x,p[i].y);
|
||||
}
|
||||
}
|
||||
ctx.closePath();
|
||||
ctx.stroke();
|
||||
ctx.save();
|
||||
|
||||
//箭头的渲染
|
||||
//画箭头攻略：1、先在原点附近画好一个正的；2、旋转到与连线最后一段的斜率；3、移动到连线最后一点；4、渲染出来
|
||||
ctx.translate( p[p.length-1].x, p[p.length-1].y );
|
||||
ctx.rotate(line.angle);
|
||||
ctx.fillStyle = line.color;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(1*line.lineWidth,0);
|
||||
ctx.lineTo(-6*line.lineWidth,-3*line.lineWidth);
|
||||
ctx.lineTo(-6*line.lineWidth,3*line.lineWidth);
|
||||
ctx.lineTo(1*line.lineWidth,0);
|
||||
ctx.closePath();
|
||||
ctx.fill();
|
||||
ctx.restore();
|
||||
|
||||
//文字渲染
|
||||
var ctx2 = canvas.getContext('2d');
|
||||
var label = line.label;
|
||||
ctx2.fillStyle = label.color;
|
||||
ctx2.textAlign='center';
|
||||
ctx2.font = label.font;
|
||||
ctx2.fillText(label.text,label.left,label.top);
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
//扩展canvas画圆角矩形的方法
|
||||
CanvasRenderingContext2D.prototype.roundRect = function (x, y, w, h, r) {
|
||||
if (w < 2 * r) {r = w / 2;}
|
||||
if (h < 2 * r){ r = h / 2;}
|
||||
this.beginPath();
|
||||
this.moveTo(x+r, y);
|
||||
this.arcTo(x+w, y, x+w, y+h, r);
|
||||
this.arcTo(x+w, y+h, x, y+h, r);
|
||||
this.arcTo(x, y+h, x, y, r);
|
||||
this.arcTo(x, y, x+w, y, r);
|
||||
this.closePath();
|
||||
return this;
|
||||
};
|
||||
|
||||
//扩展定义导出流程图文件功能的方法
|
||||
GooFlow.prototype.exportDiagram=function(fileName) {
|
||||
var areaEl={};
|
||||
var iconImage = undefined;
|
||||
var bgUrl = null;
|
||||
for(var k1 in this.$areaDom){
|
||||
areaEl[k1]=Cmder._analyseArea(this.$areaDom[k1]);
|
||||
if(areaEl[k1].icon.backgroundImage && bgUrl===null){
|
||||
bgUrl=areaEl[k1].icon.backgroundImage;
|
||||
}
|
||||
}
|
||||
//console.log(areaEl);
|
||||
var nodeEl={};
|
||||
for(var k2 in this.$nodeDom){
|
||||
nodeEl[k2]=Cmder._analyseNode(this.$nodeDom[k2]);
|
||||
if(nodeEl[k2].icon.backgroundImage && bgUrl===null){
|
||||
bgUrl=nodeEl[k2].icon.backgroundImage;
|
||||
}
|
||||
}
|
||||
//console.log(nodeEl);
|
||||
|
||||
var max = this._suitSize();
|
||||
var width = (max.width+100)*this.$scale;
|
||||
var height = (max.height+100)*this.$scale;
|
||||
var canvas = Cmder.initBg(width,height,'#ffffff');//canvas背景元素
|
||||
var Goo=this;
|
||||
|
||||
if(bgUrl!==null){
|
||||
iconImage = new Image();
|
||||
iconImage.setAttribute('crossOrigin', 'anonymous');
|
||||
iconImage.src = bgUrl;
|
||||
}
|
||||
|
||||
var tempFunc=function(){
|
||||
Cmder.renderAreas(canvas,areaEl,iconImage);
|
||||
Cmder.renderNodes(canvas,nodeEl,iconImage);
|
||||
|
||||
//处理连线
|
||||
var ctx = canvas.getContext('2d');//取得画布的2d绘图上下文
|
||||
ctx.restore();
|
||||
if(window.ActiveXObject || "ActiveXObject" in window || navigator.userAgent.indexOf("Edge")>-1){//当为IE11及以下版本浏览器时，使用Canvg第三方工具
|
||||
var lineEl={};
|
||||
for(var key in Goo.$lineDom){
|
||||
lineEl[key]=Cmder._analyseLine(Goo.$lineDom[key]);
|
||||
}
|
||||
//console.log(lineEl);
|
||||
Cmder.renderLines(canvas,lineEl);
|
||||
try{
|
||||
var blob = canvas.msToBlob();
|
||||
navigator.msSaveBlob(blob, fileName+".png");
|
||||
}
|
||||
catch(e){
|
||||
//生成一个下载链接并点击
|
||||
var base64 = canvas.toDataURL('image/png'); //将画布内的信息导出为png图片数据
|
||||
$('body').append('<img src="'+base64+'" id="aaaa" name="fileName">');
|
||||
var oPop=window.open("",'_blank');
|
||||
for (; oPop.document.readyState !== "complete";) {
|
||||
if (oPop.document.readyState === "complete") break;
|
||||
}
|
||||
oPop.document.write('<html><head><title>'+fileName+'.png</title></head><body><img src="'+base64+'" border="1" title="'+fileName+'.png"></body></html>');
|
||||
}
|
||||
}else{
|
||||
var strSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="'+width+'" height="'+height+'">'
|
||||
+'<defs><style type="text/css">text{font-size:14px;line-height:1.42857143;'
|
||||
+'font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, sans-serif;'
|
||||
+'}</style></defs>' + $("#draw_"+Goo.$id).html() +'</svg>'; //COPY连线内容
|
||||
var image = new Image();
|
||||
image.src='data:image/svg+xml,'+ encodeURIComponent(strSvg);
|
||||
image.onload=function(){
|
||||
ctx.drawImage(image, 0, 0);
|
||||
var a = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
|
||||
a.href = canvas.toDataURL('image/png'); //将画布内的信息导出为png图片数据
|
||||
a.download = fileName+".png"; //设定下载名称
|
||||
document.body.appendChild(a);
|
||||
a.click(); //点击触发下载
|
||||
document.body.removeChild(a);
|
||||
};
|
||||
}
|
||||
};
|
||||
// 如果图片已经存在于浏览器缓存，直接调用回调函数
|
||||
if(!iconImage || iconImage.complete|| (!!window.ActiveXObject||"ActiveXObject" in window) ) {
|
||||
tempFunc();
|
||||
return;// 直接返回，不用再处理onload事件
|
||||
}
|
||||
iconImage.onload=function(){
|
||||
tempFunc();
|
||||
};
|
||||
|
||||
}
|
||||
}));
|
||||
2514
OpenAuth.Mvc/js/flow/GooFlow.js
Normal file
2514
OpenAuth.Mvc/js/flow/GooFlow.js
Normal file
File diff suppressed because it is too large
Load Diff
207
OpenAuth.Mvc/js/flow/GooFlow.print.js
Normal file
207
OpenAuth.Mvc/js/flow/GooFlow.print.js
Normal file
@@ -0,0 +1,207 @@
|
||||
/*
|
||||
* 打印预览或另存为PDF功能，需要依赖:
|
||||
* ../plugin/printThis.js
|
||||
*/
|
||||
;(function ( global, factory ) {
|
||||
'use strict';
|
||||
if ( typeof define !== 'undefined' && define.amd ) { // export as AMD...
|
||||
define( ['jquery','GooFlow'], factory );
|
||||
}
|
||||
else if ( typeof module !== 'undefined' && module.exports ) { // ...or as browserify
|
||||
factory( require('jquery'), require('GooFlow') );
|
||||
}else
|
||||
factory( global.$, global.GooFlow );
|
||||
|
||||
}( typeof window !== 'undefined' ? window : this, function ( $,GooFlow ) {
|
||||
if(GooFlow.prototype.print && typeof GooFlow.prototype.print==='function'){
|
||||
return;//防止多次载入
|
||||
}
|
||||
/*
|
||||
* printThis v1.12.2
|
||||
* @desc Printing plug-in for jQuery
|
||||
* @author Jason Day
|
||||
* 精简版 only for GooFlow
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
function appendContent($el, content) {
|
||||
if (!content) return;
|
||||
|
||||
// Simple test for a jQuery element
|
||||
$el.append(content.jquery ? content.clone() : content);
|
||||
}
|
||||
|
||||
function appendBody($body, $element, opt) {
|
||||
// Clone for safety and convenience
|
||||
// Calls clone(withDataAndEvents = true) to copy form values.
|
||||
var $content = $element.clone();
|
||||
|
||||
if (opt.printContainer) {
|
||||
// grab $.selector as container
|
||||
$content.appendTo($body);
|
||||
} else {
|
||||
// otherwise just print interior elements of container
|
||||
$content.each(function() {
|
||||
$(this).children().appendTo($body)
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var opt;
|
||||
$.fn.printThis = function(options) {
|
||||
opt = $.extend({}, $.fn.printThis.defaults, options);
|
||||
var $element = this instanceof jQuery ? this : $(this);
|
||||
|
||||
var strFrameName = "printThis-" + (new Date()).getTime();
|
||||
|
||||
if (window.location.hostname !== document.domain && navigator.userAgent.match(/msie/i)) {
|
||||
// Ugly IE hacks due to IE not inheriting document.domain from parent
|
||||
// checks if document.domain is set by comparing the host name against document.domain
|
||||
var iframeSrc = 'javascript:document.write("<head><script>document.domain="' + document.domain + '";</script></head><body></body>")';
|
||||
var printI = document.createElement('iframe');
|
||||
printI.name = "printIframe";
|
||||
printI.id = strFrameName;
|
||||
printI.className = "MSIE";
|
||||
document.body.appendChild(printI);
|
||||
printI.src = iframeSrc;
|
||||
|
||||
} else {
|
||||
// other browsers inherit document.domain, and IE works if document.domain is not explicitly set
|
||||
var $frame = $("<iframe id='" + strFrameName + "' name='printIframe' />");
|
||||
$frame.appendTo("body");
|
||||
}
|
||||
|
||||
var $iframe = $("#" + strFrameName);
|
||||
|
||||
// show frame if in debug mode
|
||||
if (!opt.debug) $iframe.css({
|
||||
position: "absolute",
|
||||
width: "0px",
|
||||
height: "0px",
|
||||
left: "-600px",
|
||||
top: "-600px"
|
||||
});
|
||||
|
||||
// $iframe.ready() and $iframe.load were inconsistent between browsers
|
||||
setTimeout(function() {
|
||||
|
||||
// Add doctype to fix the style difference between printing and render
|
||||
function setDocType($iframe, doctype){
|
||||
var win, doc;
|
||||
win = $iframe.get(0);
|
||||
win = win.contentWindow || win.contentDocument || win;
|
||||
doc = win.document || win.contentDocument || win;
|
||||
doc.open();
|
||||
doc.write(doctype);
|
||||
doc.close();
|
||||
}
|
||||
|
||||
if (opt.doctypeString){
|
||||
setDocType($iframe, opt.doctypeString);
|
||||
}
|
||||
|
||||
var $doc = $iframe.contents(),
|
||||
$head = $doc.find("head"),
|
||||
$body = $doc.find("body"),
|
||||
$base = $('base'),
|
||||
baseURL;
|
||||
$body.css({height:'auto',margin:'0',padding:'0',background:'#fff'});
|
||||
// add base tag to ensure elements use the parent domain
|
||||
if (opt.base === true && $base.length > 0) {
|
||||
// take the base tag from the original page
|
||||
baseURL = $base.attr('href');
|
||||
} else if (typeof opt.base === 'string') {
|
||||
// An exact base string is provided
|
||||
baseURL = opt.base;
|
||||
} else {
|
||||
// Use the page URL as the base
|
||||
baseURL = document.location.protocol + '//' + document.location.host;
|
||||
}
|
||||
|
||||
$head.append('<base href="' + baseURL + '">');
|
||||
|
||||
$("link[rel=stylesheet]").each(function() {
|
||||
var href = $(this).attr("href");
|
||||
if (href) {
|
||||
var media = $(this).attr("media") || "all";
|
||||
$head.append("<link type='text/css' rel='stylesheet' href='" + href + "' media='" + media + "'>");
|
||||
}
|
||||
});
|
||||
|
||||
// add title of the page
|
||||
if (opt.pageTitle) $head.append("<title>" + opt.pageTitle + "</title>");
|
||||
|
||||
// print header
|
||||
appendContent($body, opt.header);
|
||||
|
||||
appendBody($body, $element, opt);
|
||||
|
||||
// print "footer"
|
||||
appendContent($body, opt.footer);
|
||||
|
||||
setTimeout(function() {
|
||||
if ($iframe.hasClass("MSIE")) {
|
||||
// check if the iframe was created with the ugly hack
|
||||
// and perform another ugly hack out of neccessity
|
||||
window.frames["printIframe"].focus();
|
||||
$head.append("<script> window.print(); </s" + "cript>");
|
||||
} else {
|
||||
// proper method
|
||||
if (document.queryCommandSupported("print")) {
|
||||
$iframe[0].contentWindow.document.execCommand("print", false, null);
|
||||
} else {
|
||||
$iframe[0].contentWindow.focus();
|
||||
$iframe[0].contentWindow.print();
|
||||
}
|
||||
}
|
||||
|
||||
// remove iframe after print
|
||||
if (!opt.debug) {
|
||||
setTimeout(function() {
|
||||
$iframe.remove();
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
}, opt.printDelay);
|
||||
|
||||
}, 333);
|
||||
|
||||
};
|
||||
|
||||
// defaults
|
||||
$.fn.printThis.defaults = {
|
||||
debug: false, // show the iframe for debugging
|
||||
printContainer: true, // print outer container/$.selector
|
||||
pageTitle: "", // add title to print page
|
||||
printDelay: 333, // variable print delay
|
||||
header: null, // prefix to html
|
||||
footer: null, // postfix to html
|
||||
base: false, // preserve the BASE tag, or accept a string for the URL
|
||||
doctypeString: '<!DOCTYPE html>' // html doctype
|
||||
};
|
||||
})($);
|
||||
////////////////printThis.js END!
|
||||
|
||||
//扩展定义打印预览或另存为PDF功能的方法
|
||||
GooFlow.prototype.print=function(scale){
|
||||
var max=this._suitSize();
|
||||
if(!scale) scale=1.0;
|
||||
max.width+=100;max.height+=100;
|
||||
var printDiv=this.$workArea.clone();
|
||||
printDiv.css({
|
||||
width:max.width+"px",height:max.height+"px"
|
||||
});
|
||||
printDiv.children(".GooFlow_work_group").css({width:max.width+"px",height:max.height+"px"});
|
||||
printDiv.children("svg").css({width:max.width+"px",height:max.height+"px"});
|
||||
printDiv.children(".GooFlow_work_vml").css({width:max.width+"px",height:max.height+"px"});
|
||||
printDiv=printDiv.wrap('<div class="GooFlow GooFlow_work" style="width:'
|
||||
+max.width+'px;height:'+max.height+'px; overflow:hidden"></div>').parent();
|
||||
if(GooFlow.color.font){
|
||||
printDiv.css("color",GooFlow.color.font);
|
||||
}
|
||||
printDiv.css({"transform-origin": "top left", transform:"scale("+scale+")"}).printThis({
|
||||
base:document.URL, pageTitle:this.$title
|
||||
});
|
||||
};
|
||||
return GooFlow;
|
||||
}));
|
||||
117
OpenAuth.Mvc/js/flow/GooFunc.js
Normal file
117
OpenAuth.Mvc/js/flow/GooFunc.js
Normal file
@@ -0,0 +1,117 @@
|
||||
/*本系列框架中,一些用得上的小功能函数,一些UI必须使用到它们,用户也可以单独拿出来用*/
|
||||
|
||||
//获取一个DIV的绝对坐标的功能函数,即使是非绝对定位,一样能获取到
|
||||
function getElCoordinate(dom) {
|
||||
var t = dom.offsetTop;
|
||||
var l = dom.offsetLeft;
|
||||
dom=dom.offsetParent;
|
||||
while (dom) {
|
||||
t += dom.offsetTop;
|
||||
l += dom.offsetLeft;
|
||||
dom=dom.offsetParent;
|
||||
}; return {
|
||||
top: t,
|
||||
left: l
|
||||
};
|
||||
}
|
||||
//兼容各种浏览器的,获取鼠标真实位置
|
||||
function mousePosition(ev){
|
||||
if(!ev) ev=window.event;
|
||||
if(ev.pageX || ev.pageY){
|
||||
return {x:ev.pageX, y:ev.pageY};
|
||||
}
|
||||
return {
|
||||
x:ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
|
||||
y:ev.clientY + document.documentElement.scrollTop - document.body.clientTop
|
||||
};
|
||||
}
|
||||
//给DATE类添加一个格式化输出字串的方法
|
||||
Date.prototype.format = function(format)
|
||||
{
|
||||
var o = {
|
||||
"M+" : this.getMonth()+1, //month
|
||||
"d+" : this.getDate(), //day
|
||||
"h+" : this.getHours(), //hour
|
||||
"m+" : this.getMinutes(), //minute
|
||||
"s+" : this.getSeconds(), //second ‘
|
||||
//quarter
|
||||
"q+" : Math.floor((this.getMonth()+3)/3),
|
||||
"S" : this.getMilliseconds() //millisecond
|
||||
}
|
||||
if(/(y+)/.test(format)) format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4 - RegExp.$1.length));
|
||||
for(var k in o)if(new RegExp("("+ k +")").test(format))
|
||||
format = format.replace(RegExp.$1,
|
||||
RegExp.$1.length==1 ? o[k] :
|
||||
("00"+ o[k]).substr((""+ o[k]).length));
|
||||
return format;
|
||||
}
|
||||
//JS]根据格式字符串分析日期（MM与自动匹配两位的09和一位的9）
|
||||
//alert(getDateFromFormat(sDate,sFormat));
|
||||
function getDateFromFormat(dateString,formatString){
|
||||
var regDate = /\d+/g;
|
||||
var regFormat = /[YyMmdHhSs]+/g;
|
||||
var dateMatches = dateString.match(regDate);
|
||||
var formatmatches = formatString.match(regFormat);
|
||||
var date = new Date();
|
||||
for(var i=0;i<dateMatches.length;i++){
|
||||
switch(formatmatches[i].substring(0,1)){
|
||||
case 'Y':
|
||||
case 'y':
|
||||
date.setFullYear(parseInt(dateMatches[i]));break;
|
||||
case 'M':
|
||||
date.setMonth(parseInt(dateMatches[i])-1);break;
|
||||
case 'd':
|
||||
date.setDate(parseInt(dateMatches[i]));break;
|
||||
case 'H':
|
||||
case 'h':
|
||||
date.setHours(parseInt(dateMatches[i]));break;
|
||||
case 'm':
|
||||
date.setMinutes(parseInt(dateMatches[i]));break;
|
||||
case 's':
|
||||
date.setSeconds(parseInt(dateMatches[i]));break;
|
||||
}
|
||||
}
|
||||
return date;
|
||||
}
|
||||
//货币分析成浮点数
|
||||
//alert(parseCurrency("￥1,900,000.12"));
|
||||
function parseCurrency(currentString){
|
||||
var regParser = /[\d\.]+/g;
|
||||
var matches = currentString.match(regParser);
|
||||
var result = '';
|
||||
var dot = false;
|
||||
for(var i=0;i<matches.length;i++){
|
||||
var temp = matches[i];
|
||||
if(temp =='.'){
|
||||
if(dot) continue;
|
||||
}
|
||||
result += temp;
|
||||
}
|
||||
return parseFloat(result);
|
||||
}
|
||||
|
||||
//将#XXXXXX颜色格式转换为RGB格式，并附加上透明度
|
||||
function brgba(hex, opacity) {
|
||||
if( ! /#?\d+/g.test(hex) ) return hex; //如果是“red”格式的颜色值，则不转换。//正则错误，参考后面的PS内容
|
||||
var h = hex.charAt(0) == "#" ? hex.substring(1) : hex,
|
||||
r = parseInt(h.substring(0,2),16),
|
||||
g = parseInt(h.substring(2,4),16),
|
||||
b = parseInt(h.substring(4,6),16),
|
||||
a = opacity;
|
||||
return "rgba(" + r + "," + g + "," + b + "," + a + ")";
|
||||
}
|
||||
|
||||
/*
|
||||
* AMD模块中，载入器里的配置:
|
||||
* exports 可以把某个非requirejs方式的代码中的某一个全局变量暴露出去，当作该模块以引用
|
||||
paths: {
|
||||
'jquery': '/js/lib/jquery/jquery.min',
|
||||
'gooflow': '/js/lib/jquery/jquery.min',
|
||||
},
|
||||
shim: {
|
||||
'gooflow': {
|
||||
deps: ['/js/lib/ueditor/ueditor.config.js', 'css!/js/lib/ueditor/themes/default/css/ueditor']
|
||||
exports: 'GooFlow'
|
||||
}
|
||||
},
|
||||
*/
|
||||
48
OpenAuth.Mvc/js/flow/config.js
Normal file
48
OpenAuth.Mvc/js/flow/config.js
Normal file
@@ -0,0 +1,48 @@
|
||||
/** 该文件仅供参考，不随其它JS文件一起打包发布 **/
|
||||
/**
|
||||
* 全局的控件颜色自定义设置
|
||||
*/
|
||||
GooFlow.color={
|
||||
main:"#20A0FF",
|
||||
font:"#15428B",
|
||||
node:"#C0CCDA",
|
||||
line:"#1D8CE0",
|
||||
lineFont:"#ff6600",
|
||||
mark:"#ff8800",
|
||||
mix:"#B6F700",
|
||||
mixFont:"#777"
|
||||
};
|
||||
/**
|
||||
* 1.3版本新增的控件操作按钮的title提示设置
|
||||
* 取代setNodeRemarks方法，采用更灵活的注释配置
|
||||
*/
|
||||
//左边工具栏按钮的title提示设置，每个key名与初始化配置中相应按钮的类型名相同
|
||||
GooFlow.remarks.toolBtns={
|
||||
cursor:"选择指针",
|
||||
direct:"结点连线",
|
||||
dashed:"关联虚线",
|
||||
start:"入口结点",
|
||||
"end":"结束结点",
|
||||
"task":"任务结点",
|
||||
node:"自动结点",
|
||||
chat:"决策结点",
|
||||
state:"状态结点",
|
||||
plug:"附加插件",
|
||||
fork:"分支结点",
|
||||
join:"联合结点",
|
||||
complex:"复合结点",
|
||||
group:"组织划分框编辑开关"
|
||||
};
|
||||
//顶部标题栏按钮的title提示设置，每个key名与初始化配置中相应按钮的类型名相同
|
||||
GooFlow.remarks.headBtns={
|
||||
'new':"新建流程",
|
||||
open:"打开流程",
|
||||
save:"保存结果",
|
||||
undo:"撤销",
|
||||
redo:"重做",
|
||||
reload:"刷新流程",
|
||||
print:"打印流程图"
|
||||
};
|
||||
//工作区域面积扩展按钮的title提示设置
|
||||
GooFlow.remarks.extendRight="工作区向右扩展";
|
||||
GooFlow.remarks.extendBottom="工作区向下扩展";
|
||||
370
OpenAuth.Mvc/js/flow/fonts/demo.css
Normal file
370
OpenAuth.Mvc/js/flow/fonts/demo.css
Normal file
@@ -0,0 +1,370 @@
|
||||
*{margin: 0;padding: 0;list-style: none;}
|
||||
/*
|
||||
KISSY CSS Reset
|
||||
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
|
||||
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
|
||||
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
|
||||
特色：1. 适应中文；2. 基于最新主流浏览器。
|
||||
维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
|
||||
*/
|
||||
|
||||
/** 清除内外边距 **/
|
||||
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
|
||||
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
|
||||
pre, /* text formatting elements 文本格式元素 */
|
||||
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
|
||||
th, td /* table elements 表格元素 */ {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/** 设置默认字体 **/
|
||||
body,
|
||||
button, input, select, textarea /* for ie */ {
|
||||
font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
|
||||
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
|
||||
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
|
||||
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
|
||||
|
||||
/** 重置列表元素 **/
|
||||
ul, ol { list-style: none; }
|
||||
|
||||
/** 重置文本格式元素 **/
|
||||
a { text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
|
||||
|
||||
/** 重置表单元素 **/
|
||||
legend { color: #000; } /* for ie6 */
|
||||
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
|
||||
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
|
||||
/* 注：optgroup 无法扶正 */
|
||||
|
||||
/** 重置表格元素 **/
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
|
||||
/* 清除浮动 */
|
||||
.ks-clear:after, .clear:after {
|
||||
content: '\20';
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
}
|
||||
.ks-clear, .clear {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 30px 100px;
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
|
||||
|
||||
.helps{margin-top:40px;}
|
||||
.helps pre{
|
||||
padding:20px;
|
||||
margin:10px 0;
|
||||
border:solid 1px #e7e1cd;
|
||||
background-color: #fffdef;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.icon_lists{
|
||||
width: 100% !important;
|
||||
|
||||
}
|
||||
|
||||
.icon_lists li{
|
||||
float:left;
|
||||
width: 100px;
|
||||
height:180px;
|
||||
text-align: center;
|
||||
list-style: none !important;
|
||||
}
|
||||
.icon_lists .icon{
|
||||
font-size: 42px;
|
||||
line-height: 100px;
|
||||
margin: 10px 0;
|
||||
color:#333;
|
||||
-webkit-transition: font-size 0.25s ease-out 0s;
|
||||
-moz-transition: font-size 0.25s ease-out 0s;
|
||||
transition: font-size 0.25s ease-out 0s;
|
||||
|
||||
}
|
||||
.icon_lists .icon:hover{
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.markdown {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
color: #404040;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
color: #404040;
|
||||
margin: 1.6em 0 0.6em 0;
|
||||
font-weight: 500;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background: #e9e9e9;
|
||||
margin: 16px 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown p,
|
||||
.markdown pre {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.markdown > p,
|
||||
.markdown > blockquote,
|
||||
.markdown > .highlight,
|
||||
.markdown > ol,
|
||||
.markdown > ul {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.markdown ul > li {
|
||||
list-style: circle;
|
||||
}
|
||||
|
||||
.markdown > ul li,
|
||||
.markdown blockquote ul > li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown > ul li p,
|
||||
.markdown > ol li p {
|
||||
margin: 0.6em 0;
|
||||
}
|
||||
|
||||
.markdown ol > li {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
.markdown > ol li,
|
||||
.markdown blockquote ol > li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
margin: 0 3px;
|
||||
padding: 0 5px;
|
||||
background: #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown pre {
|
||||
border-radius: 6px;
|
||||
background: #f7f7f7;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.markdown pre code {
|
||||
border: none;
|
||||
background: #f7f7f7;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown strong,
|
||||
.markdown b {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown > table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
empty-cells: show;
|
||||
border: 1px solid #e9e9e9;
|
||||
width: 95%;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown > table th {
|
||||
white-space: nowrap;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
|
||||
}
|
||||
|
||||
.markdown > table th,
|
||||
.markdown > table td {
|
||||
border: 1px solid #e9e9e9;
|
||||
padding: 8px 16px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.markdown > table th {
|
||||
background: #F7F7F7;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
font-size: 90%;
|
||||
color: #999;
|
||||
border-left: 4px solid #e9e9e9;
|
||||
padding-left: 0.8em;
|
||||
margin: 1em 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.markdown blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown .anchor {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.markdown .waiting {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor,
|
||||
.markdown h2:hover .anchor,
|
||||
.markdown h3:hover .anchor,
|
||||
.markdown h4:hover .anchor,
|
||||
.markdown h5:hover .anchor,
|
||||
.markdown h6:hover .anchor {
|
||||
opacity: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.markdown > br,
|
||||
.markdown > p > br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
background: white;
|
||||
padding: 0.5em;
|
||||
color: #333333;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-meta {
|
||||
color: #969896;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-strong,
|
||||
.hljs-emphasis,
|
||||
.hljs-quote {
|
||||
color: #df5000;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-type {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-attribute {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.hljs-section,
|
||||
.hljs-name {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.hljs-tag {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-attr,
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
color: #55a532;
|
||||
background-color: #eaffea;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
color: #bd2c00;
|
||||
background-color: #ffecec;
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
pre{
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
256
OpenAuth.Mvc/js/flow/fonts/demo_fontclass.html
Normal file
256
OpenAuth.Mvc/js/flow/fonts/demo_fontclass.html
Normal file
@@ -0,0 +1,256 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>IconFont</title>
|
||||
<link rel="stylesheet" href="demo.css">
|
||||
<link rel="stylesheet" href="iconfont.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="main markdown">
|
||||
<h1>IconFont 图标</h1>
|
||||
<ul class="icon_lists clear">
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-zhizhen1"></i>
|
||||
<div class="name">指针</div>
|
||||
<div class="fontclass">.i-zhizhen1</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-msnui-close-fat"></i>
|
||||
<div class="name">关闭</div>
|
||||
<div class="fontclass">.i-msnui-close-fat</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-close"></i>
|
||||
<div class="name">close</div>
|
||||
<div class="fontclass">.i-close</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-wenjiantianjia"></i>
|
||||
<div class="name">文件添加</div>
|
||||
<div class="fontclass">.i-wenjiantianjia</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-tag"></i>
|
||||
<div class="name">tag</div>
|
||||
<div class="fontclass">.i-tag</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-conowredo"></i>
|
||||
<div class="name">conow-redo</div>
|
||||
<div class="fontclass">.i-conowredo</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-conowrevoke"></i>
|
||||
<div class="name">conow-revoke</div>
|
||||
<div class="fontclass">.i-conowrevoke</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-baocun"></i>
|
||||
<div class="name">保存</div>
|
||||
<div class="fontclass">.i-baocun</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-refresh"></i>
|
||||
<div class="name">Refresh</div>
|
||||
<div class="fontclass">.i-refresh</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-youxiashixin"></i>
|
||||
<div class="name">右下-实心</div>
|
||||
<div class="fontclass">.i-youxiashixin</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-paizhaoanniu"></i>
|
||||
<div class="name">拍照按钮</div>
|
||||
<div class="fontclass">.i-paizhaoanniu</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-huizhang"></i>
|
||||
<div class="name">徽章</div>
|
||||
<div class="fontclass">.i-huizhang</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-hrgongzuotai"></i>
|
||||
<div class="name">hr工作台</div>
|
||||
<div class="fontclass">.i-hrgongzuotai</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-tingzhi-copy"></i>
|
||||
<div class="name">停止</div>
|
||||
<div class="fontclass">.i-tingzhi-copy</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-wenjianjia"></i>
|
||||
<div class="name">文件夹</div>
|
||||
<div class="fontclass">.i-wenjianjia</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-webtubiaoku08"></i>
|
||||
<div class="name">声音</div>
|
||||
<div class="fontclass">.i-webtubiaoku08</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-database"></i>
|
||||
<div class="name">数据库</div>
|
||||
<div class="fontclass">.i-database</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-chajian1"></i>
|
||||
<div class="name">插件 (1)</div>
|
||||
<div class="fontclass">.i-chajian1</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-caidan"></i>
|
||||
<div class="name">菜单</div>
|
||||
<div class="fontclass">.i-caidan</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-wangluo"></i>
|
||||
<div class="name">网络</div>
|
||||
<div class="fontclass">.i-wangluo</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-dayin"></i>
|
||||
<div class="name">打印</div>
|
||||
<div class="fontclass">.i-dayin</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-user"></i>
|
||||
<div class="name">用户</div>
|
||||
<div class="fontclass">.i-user</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-kaishi"></i>
|
||||
<div class="name">开始</div>
|
||||
<div class="fontclass">.i-kaishi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-hebing"></i>
|
||||
<div class="name">合并</div>
|
||||
<div class="fontclass">.i-hebing</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-liaotian"></i>
|
||||
<div class="name">聊天</div>
|
||||
<div class="fontclass">.i-liaotian</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-dingshi"></i>
|
||||
<div class="name">定时</div>
|
||||
<div class="fontclass">.i-dingshi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-xiejiantou"></i>
|
||||
<div class="name">斜箭头</div>
|
||||
<div class="fontclass">.i-xiejiantou</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-peizhi"></i>
|
||||
<div class="name">配置</div>
|
||||
<div class="fontclass">.i-peizhi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-xiangmuzuhe"></i>
|
||||
<div class="name">项目组合</div>
|
||||
<div class="fontclass">.i-xiangmuzuhe</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-xitongcanshupeizhi"></i>
|
||||
<div class="name">系统参数配置</div>
|
||||
<div class="fontclass">.i-xitongcanshupeizhi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-qukuai"></i>
|
||||
<div class="name">区块</div>
|
||||
<div class="fontclass">.i-qukuai</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-fenzhi"></i>
|
||||
<div class="name">分支</div>
|
||||
<div class="fontclass">.i-fenzhi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-icon-test"></i>
|
||||
<div class="name">01</div>
|
||||
<div class="fontclass">.i-icon-test</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-icon-test1"></i>
|
||||
<div class="name">02</div>
|
||||
<div class="fontclass">.i-icon-test1</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-xiaoxuxian"></i>
|
||||
<div class="name">小虚线</div>
|
||||
<div class="fontclass">.i-xiaoxuxian</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconflow i-jianchagongjuzhixian"></i>
|
||||
<div class="name">检查工具 直线</div>
|
||||
<div class="fontclass">.i-jianchagongjuzhixian</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h2 id="font-class-">font-class引用</h2>
|
||||
<hr>
|
||||
|
||||
<p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
|
||||
<p>与unicode使用方式相比，具有如下特点：</p>
|
||||
<ul>
|
||||
<li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
|
||||
<li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
|
||||
<li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
|
||||
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
|
||||
</ul>
|
||||
<p>使用步骤如下：</p>
|
||||
<h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
|
||||
|
||||
|
||||
<pre><code class="lang-js hljs javascript"><span class="hljs-comment"><link rel="stylesheet" type="text/css" href="./iconfont.css"></span></code></pre>
|
||||
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
|
||||
<pre><code class="lang-css hljs"><<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconflow</span> <span class="hljs-selector-tag">i-xxx</span>"></<span class="hljs-selector-tag">i</span>></code></pre>
|
||||
<blockquote>
|
||||
<p>"iconflow"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
351
OpenAuth.Mvc/js/flow/fonts/demo_symbol.html
Normal file
351
OpenAuth.Mvc/js/flow/fonts/demo_symbol.html
Normal file
@@ -0,0 +1,351 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>IconFont</title>
|
||||
<link rel="stylesheet" href="demo.css">
|
||||
<script src="iconfont.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.icon {
|
||||
/* 通过设置 font-size 来改变图标大小 */
|
||||
width: 1em; height: 1em;
|
||||
/* 图标和文字相邻时，垂直对齐 */
|
||||
vertical-align: -0.15em;
|
||||
/* 通过设置 color 来改变 SVG 的颜色/fill */
|
||||
fill: currentColor;
|
||||
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
|
||||
normalize.css 中也包含这行 */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="main markdown">
|
||||
<h1>IconFont 图标</h1>
|
||||
<ul class="icon_lists clear">
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-zhizhen1"></use>
|
||||
</svg>
|
||||
<div class="name">指针</div>
|
||||
<div class="fontclass">#i-zhizhen1</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-msnui-close-fat"></use>
|
||||
</svg>
|
||||
<div class="name">关闭</div>
|
||||
<div class="fontclass">#i-msnui-close-fat</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-close"></use>
|
||||
</svg>
|
||||
<div class="name">close</div>
|
||||
<div class="fontclass">#i-close</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-wenjiantianjia"></use>
|
||||
</svg>
|
||||
<div class="name">文件添加</div>
|
||||
<div class="fontclass">#i-wenjiantianjia</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-tag"></use>
|
||||
</svg>
|
||||
<div class="name">tag</div>
|
||||
<div class="fontclass">#i-tag</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-conowredo"></use>
|
||||
</svg>
|
||||
<div class="name">conow-redo</div>
|
||||
<div class="fontclass">#i-conowredo</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-conowrevoke"></use>
|
||||
</svg>
|
||||
<div class="name">conow-revoke</div>
|
||||
<div class="fontclass">#i-conowrevoke</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-baocun"></use>
|
||||
</svg>
|
||||
<div class="name">保存</div>
|
||||
<div class="fontclass">#i-baocun</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-refresh"></use>
|
||||
</svg>
|
||||
<div class="name">Refresh</div>
|
||||
<div class="fontclass">#i-refresh</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-youxiashixin"></use>
|
||||
</svg>
|
||||
<div class="name">右下-实心</div>
|
||||
<div class="fontclass">#i-youxiashixin</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-paizhaoanniu"></use>
|
||||
</svg>
|
||||
<div class="name">拍照按钮</div>
|
||||
<div class="fontclass">#i-paizhaoanniu</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-huizhang"></use>
|
||||
</svg>
|
||||
<div class="name">徽章</div>
|
||||
<div class="fontclass">#i-huizhang</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-hrgongzuotai"></use>
|
||||
</svg>
|
||||
<div class="name">hr工作台</div>
|
||||
<div class="fontclass">#i-hrgongzuotai</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-tingzhi-copy"></use>
|
||||
</svg>
|
||||
<div class="name">停止</div>
|
||||
<div class="fontclass">#i-tingzhi-copy</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-wenjianjia"></use>
|
||||
</svg>
|
||||
<div class="name">文件夹</div>
|
||||
<div class="fontclass">#i-wenjianjia</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-webtubiaoku08"></use>
|
||||
</svg>
|
||||
<div class="name">声音</div>
|
||||
<div class="fontclass">#i-webtubiaoku08</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-database"></use>
|
||||
</svg>
|
||||
<div class="name">数据库</div>
|
||||
<div class="fontclass">#i-database</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-chajian1"></use>
|
||||
</svg>
|
||||
<div class="name">插件 (1)</div>
|
||||
<div class="fontclass">#i-chajian1</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-caidan"></use>
|
||||
</svg>
|
||||
<div class="name">菜单</div>
|
||||
<div class="fontclass">#i-caidan</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-wangluo"></use>
|
||||
</svg>
|
||||
<div class="name">网络</div>
|
||||
<div class="fontclass">#i-wangluo</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-dayin"></use>
|
||||
</svg>
|
||||
<div class="name">打印</div>
|
||||
<div class="fontclass">#i-dayin</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-user"></use>
|
||||
</svg>
|
||||
<div class="name">用户</div>
|
||||
<div class="fontclass">#i-user</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-kaishi"></use>
|
||||
</svg>
|
||||
<div class="name">开始</div>
|
||||
<div class="fontclass">#i-kaishi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-hebing"></use>
|
||||
</svg>
|
||||
<div class="name">合并</div>
|
||||
<div class="fontclass">#i-hebing</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-liaotian"></use>
|
||||
</svg>
|
||||
<div class="name">聊天</div>
|
||||
<div class="fontclass">#i-liaotian</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-dingshi"></use>
|
||||
</svg>
|
||||
<div class="name">定时</div>
|
||||
<div class="fontclass">#i-dingshi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-xiejiantou"></use>
|
||||
</svg>
|
||||
<div class="name">斜箭头</div>
|
||||
<div class="fontclass">#i-xiejiantou</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-peizhi"></use>
|
||||
</svg>
|
||||
<div class="name">配置</div>
|
||||
<div class="fontclass">#i-peizhi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-xiangmuzuhe"></use>
|
||||
</svg>
|
||||
<div class="name">项目组合</div>
|
||||
<div class="fontclass">#i-xiangmuzuhe</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-xitongcanshupeizhi"></use>
|
||||
</svg>
|
||||
<div class="name">系统参数配置</div>
|
||||
<div class="fontclass">#i-xitongcanshupeizhi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-qukuai"></use>
|
||||
</svg>
|
||||
<div class="name">区块</div>
|
||||
<div class="fontclass">#i-qukuai</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-fenzhi"></use>
|
||||
</svg>
|
||||
<div class="name">分支</div>
|
||||
<div class="fontclass">#i-fenzhi</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-icon-test"></use>
|
||||
</svg>
|
||||
<div class="name">01</div>
|
||||
<div class="fontclass">#i-icon-test</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-icon-test1"></use>
|
||||
</svg>
|
||||
<div class="name">02</div>
|
||||
<div class="fontclass">#i-icon-test1</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-xiaoxuxian"></use>
|
||||
</svg>
|
||||
<div class="name">小虚线</div>
|
||||
<div class="fontclass">#i-xiaoxuxian</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#i-jianchagongjuzhixian"></use>
|
||||
</svg>
|
||||
<div class="name">检查工具 直线</div>
|
||||
<div class="fontclass">#i-jianchagongjuzhixian</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<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="lang-js hljs javascript"><span class="hljs-comment"><script src="./iconfont.js"></script></span></code></pre>
|
||||
<h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
|
||||
<pre><code class="lang-js hljs javascript"><style type=<span class="hljs-string">"text/css"</span>>
|
||||
.icon {
|
||||
width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
|
||||
vertical-align: <span class="hljs-number">-0.15</span>em;
|
||||
fill: currentColor;
|
||||
overflow: hidden;
|
||||
}
|
||||
<<span class="hljs-regexp">/style></span></code></pre>
|
||||
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
|
||||
<pre><code class="lang-js hljs javascript"><svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>><span class="xml"><span class="hljs-tag">
|
||||
<<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#i-xxx"</span>></span><span class="hljs-tag"></<span class="hljs-name">use</span>></span>
|
||||
</span><<span class="hljs-regexp">/svg>
|
||||
</span></code></pre>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
294
OpenAuth.Mvc/js/flow/fonts/demo_unicode.html
Normal file
294
OpenAuth.Mvc/js/flow/fonts/demo_unicode.html
Normal file
@@ -0,0 +1,294 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>IconFont</title>
|
||||
<link rel="stylesheet" href="demo.css">
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
@font-face {font-family: "iconfont";
|
||||
src: url('iconflow.eot'); /* IE9*/
|
||||
src: url('iconflow.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('iconflow.woff') format('woff'), /* chrome, firefox */
|
||||
url('iconflow.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('iconflow.svg#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family:"iconfont" !important;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="main markdown">
|
||||
<h1>IconFont 图标</h1>
|
||||
<ul class="icon_lists clear">
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">指针</div>
|
||||
<div class="code">&#xe602;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">关闭</div>
|
||||
<div class="code">&#xe674;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">close</div>
|
||||
<div class="code">&#xe61a;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">文件添加</div>
|
||||
<div class="code">&#xe659;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">tag</div>
|
||||
<div class="code">&#xe6f9;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">conow-redo</div>
|
||||
<div class="code">&#xe672;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">conow-revoke</div>
|
||||
<div class="code">&#xe673;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">保存</div>
|
||||
<div class="code">&#xe63d;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">Refresh</div>
|
||||
<div class="code">&#xe607;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">右下-实心</div>
|
||||
<div class="code">&#xe6b7;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">拍照按钮</div>
|
||||
<div class="code">&#xe6bd;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">徽章</div>
|
||||
<div class="code">&#xe611;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">hr工作台</div>
|
||||
<div class="code">&#xe600;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">停止</div>
|
||||
<div class="code">&#xe609;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">文件夹</div>
|
||||
<div class="code">&#xe7a0;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">声音</div>
|
||||
<div class="code">&#xe643;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">数据库</div>
|
||||
<div class="code">&#xe742;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">插件 (1)</div>
|
||||
<div class="code">&#xe66c;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">菜单</div>
|
||||
<div class="code">&#xe649;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">网络</div>
|
||||
<div class="code">&#xe62b;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">打印</div>
|
||||
<div class="code">&#xe671;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">用户</div>
|
||||
<div class="code">&#xe6af;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">开始</div>
|
||||
<div class="code">&#xe700;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">合并</div>
|
||||
<div class="code">&#xe606;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">聊天</div>
|
||||
<div class="code">&#xe61b;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">定时</div>
|
||||
<div class="code">&#xe633;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">斜箭头</div>
|
||||
<div class="code">&#xe605;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">配置</div>
|
||||
<div class="code">&#xe678;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">项目组合</div>
|
||||
<div class="code">&#xe872;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">系统参数配置</div>
|
||||
<div class="code">&#xe68f;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">区块</div>
|
||||
<div class="code">&#xe663;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">分支</div>
|
||||
<div class="code">&#xe60c;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">01</div>
|
||||
<div class="code">&#xe60d;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">02</div>
|
||||
<div class="code">&#xe60e;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">小虚线</div>
|
||||
<div class="code">&#xe675;</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="icon iconfont"></i>
|
||||
<div class="name">检查工具 直线</div>
|
||||
<div class="code">&#xe624;</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<h2 id="unicode-">unicode引用</h2>
|
||||
<hr>
|
||||
|
||||
<p>unicode是字体在网页端最原始的应用方式，特点是：</p>
|
||||
<ul>
|
||||
<li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
|
||||
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
|
||||
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
|
||||
</ul>
|
||||
<blockquote>
|
||||
<p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
|
||||
</blockquote>
|
||||
<p>unicode使用步骤如下：</p>
|
||||
<h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
|
||||
<pre><code class="lang-js hljs javascript">@font-face {
|
||||
font-family: <span class="hljs-string">'iconfont'</span>;
|
||||
src: url(<span class="hljs-string">'iconfont.eot'</span>);
|
||||
src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
|
||||
url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
|
||||
url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
|
||||
url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
|
||||
<pre><code class="lang-js hljs javascript">.iconfont{
|
||||
font-family:<span class="hljs-string">"iconfont"</span> !important;
|
||||
font-size:<span class="hljs-number">16</span>px;font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
|
||||
<pre><code class="lang-js hljs javascript"><i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>>&#x33;<span class="xml"><span class="hljs-tag"></<span class="hljs-name">i</span>></span></span></code></pre>
|
||||
|
||||
<blockquote>
|
||||
<p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
OpenAuth.Mvc/js/flow/fonts/iconflow.eot
Normal file
BIN
OpenAuth.Mvc/js/flow/fonts/iconflow.eot
Normal file
Binary file not shown.
141
OpenAuth.Mvc/js/flow/fonts/iconflow.svg
Normal file
141
OpenAuth.Mvc/js/flow/fonts/iconflow.svg
Normal file
@@ -0,0 +1,141 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!--
|
||||
2013-9-30: Created.
|
||||
-->
|
||||
<svg>
|
||||
<metadata>
|
||||
Created by iconfont
|
||||
</metadata>
|
||||
<defs>
|
||||
|
||||
<font id="iconflow" horiz-adv-x="1024" >
|
||||
<font-face
|
||||
font-family="iconflow"
|
||||
font-weight="500"
|
||||
font-stretch="normal"
|
||||
units-per-em="1024"
|
||||
ascent="896"
|
||||
descent="-128"
|
||||
/>
|
||||
<missing-glyph />
|
||||
|
||||
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
|
||||
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
|
||||
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
|
||||
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
|
||||
|
||||
|
||||
|
||||
<glyph glyph-name="chexiao" unicode="" d="M894.976 321.53599999999994q0-78.848-29.696-148.48t-81.408-123.392-121.856-88.064-151.04-41.472q-5.12-1.024-9.216-1.536t-9.216-0.512l-177.152 0q-17.408 0-34.304 6.144t-30.208 16.896-22.016 25.088-8.704 29.696 8.192 29.696 21.504 24.576 29.696 16.384 33.792 6.144l158.72-1.024q54.272 0 102.4 19.968t83.968 53.76 56.32 79.36 20.48 97.792q0 49.152-18.432 92.16t-50.688 76.8-75.264 54.784-93.184 26.112q-2.048 0-2.56-0.512t-2.56-0.512l-162.816 0 0-80.896q0-17.408-13.824-25.6t-44.544 10.24q-8.192 5.12-26.112 17.92t-41.984 30.208-50.688 36.864l-51.2 38.912q-15.36 12.288-26.624 22.016t-11.264 24.064q0 12.288 12.8 25.6t29.184 26.624q18.432 15.36 44.032 35.84t50.688 39.936 45.056 35.328 28.16 22.016q24.576 17.408 39.936 7.168t16.384-30.72l0-81.92 162.816 0q5.12 0 10.752-1.024t10.752-2.048q79.872-8.192 149.504-41.984t121.344-87.552 80.896-123.392 29.184-147.456z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="zhongzuo" unicode="" d="M108.544 323.58399999999995q0 77.824 29.184 147.456t80.896 123.392 121.344 87.552 149.504 41.984q10.24 3.072 21.504 3.072l162.816 0 0 81.92q1.024 20.48 16.384 30.72t39.936-7.168q7.168-5.12 27.648-20.992t45.568-35.84 50.688-40.448 44.032-35.84q16.384-13.312 28.672-26.624t12.288-25.6q0-14.336-10.752-24.064t-26.112-22.016l-51.2-38.912q-26.624-19.456-50.688-36.864t-42.496-30.208-26.624-16.896q-15.36-9.216-26.112-11.776t-17.408 0.512-10.24 10.24-3.584 15.36l0 81.92-162.816 0-5.12 0q-50.176-5.12-93.184-26.112t-75.264-54.784-50.688-76.8-18.432-92.16q0-52.224 20.48-97.792t56.32-79.36 83.968-53.76 102.4-19.968l158.72 1.024q16.384 0 33.28-6.144t29.696-16.384 20.992-24.064 8.192-30.208q0-15.36-8.192-29.696t-22.016-24.576-30.72-16.384-33.28-6.144l-177.152 0-9.216 0q-4.096 0-9.216 1.024-80.896 7.168-151.04 41.472t-121.856 88.064-81.408 123.392-29.696 148.48z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="zhizhen1" unicode="" d="M868.992 276q-46.016 0.992-96-3.008-43.008-3.008-97.504-10.016t-111.488-22.016l147.008-243.008q10.016-19.008 11.488-39.008t-4.512-38.496-18.496-34.016-31.488-25.504q-18.016-10.016-38.016-11.488t-38.496 4.512-34.016 18.496-25.504 31.488l-123.008 272.992q-50.016-28.992-90.496-62.016t-69.504-62.016q-34.016-32.992-60-67.008l-2.016 816z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="msnui-close-fat" unicode="" d="M675.019 702.566l-485.38-485.38-111.358 111.376 485.38 485.38 111.376-111.358zM562.743 813.027c30.754 30.754 80.612 30.754 111.358 0s30.754-80.612 0-111.358M190.555 218.097c-30.754-30.734-80.62-30.734-111.376 0-30.734 30.754-30.734 80.612 0 111.358M562.394 218.44l-485.38 485.38 111.376 111.358 485.38-485.38-111.376-111.358zM672.838 330.731c30.754-30.754 30.754-80.612 0-111.358-30.754-30.734-80.612-30.734-111.376 0M77.91 702.918c-30.754 30.754-30.754 80.62-0.001 111.358 30.754 30.754 80.612 30.754 111.358 0z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="close" unicode="" d="M908.188-12.344c-31.149-31.15-82.136-31.15-113.203 0l-283.156 283.188-283.118-283.188c-31.15-31.15-82.061-31.15-113.211 0s-31.15 82.136 0 113.287l283.138 283.104-283.14 283.17c-31.226 30.991-31.226 81.977 0 113.127 31.15 31.15 82.061 31.15 113.211 0l283.118-283.121 283.157 283.121c31.067 31.15 82.054 31.15 113.203 0 31.067-31.15 31.067-82.136-0.083-113.127l-283.102-283.17 283.101-283.104c31.15-31.151 31.235-82.136 0.083-113.287z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="wenjiantianjia" unicode="" d="M143.104 51.136l0 515.2 181.248 0L324.352 739.264l353.28 0c12.096 0 21.888-10.688 21.888-23.744L699.52 442.88l99.648 0L799.168 802.176C799.104 818.688 785.728 832 769.344 832L286.72 832l-243.2-228.416 0-637.696C43.52-50.624 56.832-64 73.28-64l535.616 0 0 91.264L165.056 27.264C152.96 27.264 143.104 38.016 143.104 51.136zM980.48 238.848 826.752 238.848 826.752 384 670.656 384 670.656 238.848 517.056 238.848 517.056 86.528 670.656 86.528 670.656-64 826.752-64 826.752 86.528 980.48 86.528Z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="tag" unicode="" d="M256.064 556q0 30.272-21.44 51.712t-51.712 21.44-51.712-21.44-21.44-51.712 21.44-51.712 51.712-21.44 51.712 21.44 21.44 51.712zM865.792 226.848q0-30.272-21.12-51.456l-280.576-281.152q-22.272-21.12-52.032-21.12-30.272 0-51.456 21.12l-408.576 409.152q-21.696 21.12-36.864 57.728t-15.168 66.88l0 237.696q0 29.696 21.696 51.456t51.456 21.696l237.696 0q30.272 0 66.88-15.168t58.304-36.864l408.576-408q21.12-22.272 21.12-52.032z" horiz-adv-x="1025" />
|
||||
|
||||
|
||||
<glyph glyph-name="baocun" unicode="" d="M797.492708 831.355701l-42.913369 0 0-378.827955L308.210106 452.527746l0 378.827955L66.711889 831.355701 66.711889-61.346951l892.740514 0L959.452403 653.379217 797.492708 831.355701 797.492708 831.355701zM856.440262 6.178979 204.056977 6.178979 204.056977 385.001817l652.382261 0L856.439238 6.178979 856.440262 6.178979zM856.440262 6.178979M250.978636 339.227284l551.669488 0 0-70.961168L250.978636 268.266116 250.978636 339.227284 250.978636 339.227284zM250.978636 339.227284M250.978636 225.921705l551.669488 0 0-72.104201L250.978636 153.817504 250.978636 225.921705 250.978636 225.921705zM250.978636 225.921705M250.978636 114.903216l551.669488 0 0-70.952982L250.978636 43.950234 250.978636 114.903216 250.978636 114.903216zM250.978636 114.903216M580.608076 830.209598l103.007025 0 0-303.285444L580.608076 526.924153 580.608076 830.209598 580.608076 830.209598zM580.608076 830.209598" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="refresh" unicode="" d="M1011.53128473 469.77621528l-69.21093749-0.00656251c-30.0215625 219.39-218.175 388.408125-445.815 388.408125-86.893125 0-168.016875-24.645-236.80593751-67.2975-14.025-7.61625001-23.5471875-22.479375-23.54718749-39.5578125 0-24.8446875 20.1375-44.98125001 44.98124999-44.98124999 9.781875 0 18.8334375 3.133125 26.2153125 8.44312499 54.950625 33.9571875 119.7028125 53.57625001 189.0478125 53.57625001 177.931875 0 325.7015625-129.015 354.9271875-298.59375001l-77.2378125-0.0065625c-9.2934375 0-16.8309375-7.5375-16.83093749-16.8375 0-3.3065625 0.96-6.39 2.61187499-8.99156249l118.4775-205.16625001c2.9446875-4.9115625 8.3165625-8.2003125 14.4515625-8.2059375 6.016875 0.0065625 11.29125001 3.1621875 14.27156251 7.910625l0.06656249-0.00656249 118.4296875 205.17937499c1.7690625 2.6625 2.80124999 5.859375 2.80125001 9.30562501 0.00374999 9.2925-7.53375001 16.83-16.8346875 16.83v0zM1011.53128473 469.77621528zM746.18256295 125.20078124999998c-11.1796875 0-21.3336914-4.35673828-28.88085938-11.44335938-0.04482422 0.04482422-0.07382811 0.07822266-0.07382812 0.07822266-56.43896484-42.39140625-126.58535156-67.51582031-202.6116211-67.51582031-186.49335938 0-337.67314453 151.17978516-337.67314453 337.67753908 0 2.92060547 0.05185547 5.82802734 0.12480469 8.73105467l73.06171874-0.00615235c8.71787109 0 15.78427734 7.04882813 15.78427735 15.76142579 0 3.22382813-0.96767578 6.2279297-2.62441406 8.72314453l-111.02783205 192.35478515-0.06240233-0.00615234c-2.79492188 4.45166015-7.73964844 7.41621094-13.38134764 7.41621094-5.75332031-0.00615234-10.79384766-3.08320311-13.54833986-7.69482422l-0.01142578 0.00615234-111.06650391-192.3477539c-1.54511719-2.43896484-2.44511719-5.3296875-2.44511718-8.43134766 0-8.71787109 7.06640625-15.76669922 15.7790039-15.76669922l65.42226563-0.00615234c-0.05712891-2.90214845-0.10107421-5.81044922-0.10107422-8.73105469 0-233.00332031 188.87431641-421.87851564 421.87148438-421.87851562 96.04160155 0 184.57470702 32.11171875 255.48574218 86.15917968 1.09160156 0.75673828 2.14892578 1.56708983 3.16318361 2.41962891 0.29443359 0.23291017 0.59414063 0.45351563 0.89384763 0.68466798 0.00615234 0.01142578 0 0.03339844-0.01757812 0.08085936 8.6783203 7.72822266 14.14423828 18.97822265 14.14423829 31.51669922 0.00615234 23.31386719-18.89033204 42.21386719-42.20419922 42.21386719v0zM746.18256295 125.20078124999998z" horiz-adv-x="1231" />
|
||||
|
||||
|
||||
<glyph glyph-name="youxiashixin" unicode="" d="M97.419 191.661c98.598 0 420.117-0.058 552.16-0.058 51.299 0 55.136 28.019 55.136 56.482 0 125.133-0.074 424.154-0.074 553.608 0 36.054-34.471 33.304-49.16 20.734-104.078-104.078-476.528-472.53-578.403-574.406-22.861-25.312-12.333-56.36 20.341-56.36z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="paizhaoanniu" unicode="" d="M512 888.123077C234.023385 888.123077 7.876923 661.976615 7.876923 384s226.146462-504.123077 504.123077-504.123077 504.123077 226.146462 504.123077 504.123077S789.976615 888.123077 512 888.123077zM512-41.353846c-234.543262 0-425.353846 190.810585-425.353846 425.353846s190.810585 425.353846 425.353846 425.353846 425.353846-190.810585 425.353846-425.353846S746.543262-41.353846 512-41.353846zM512 777.846154c-217.513354 0-393.846154-176.3328-393.846154-393.846154 0-217.513354 176.3328-393.846154 393.846154-393.846154 217.513354 0 393.846154 176.3328 393.846154 393.846154C905.846154 601.513354 729.513354 777.846154 512 777.846154z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="huizhang" unicode="" d="M622.473 863.584h-399.141c-21.020 0-38.329-17.235-38.329-38.48v-152.979c0-21.207 13.995-48.558 31.248-60.996l172.837-124.543c6.294-4.533 12.177-6.444 17.085-6.070 2.21-0.374 4.496-0.599 6.819-0.599h191.61c3.072 0 6.070 0.374 8.937 1.049 5.377-1.461 12.195 0.299 19.615 5.619l172.837 124.543c17.253 12.439 31.248 39.79 31.248 60.996v152.979c0 21.245-17.311 38.48-38.33 38.48h-176.435zM568.67 796.366c0 15.924 12.777 28.85 28.774 28.85 15.886 0 28.774-12.777 28.774-28.85v-249.197c0-15.962-12.777-28.887-28.774-28.887-15.886 0-28.774 12.814-28.774 28.887v249.197zM396.019 796.366c0 15.924 12.777 28.85 28.774 28.85 15.886 0 28.774-12.777 28.774-28.85v-249.197c0-15.962-12.777-28.887-28.774-28.887-15.887 0-28.774 12.814-28.774 28.887v249.197zM511.119-95.584c148.334 0 268.567 120.231 268.567 268.566 0 148.333-120.233 268.565-268.567 268.565-148.334 0-268.566-120.234-268.566-268.565 0-148.335 120.234-268.566 268.566-268.566z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="hrgongzuotai" unicode="" d="M938.749 896 86.244 896C39.16 896 0.993 857.824 0.993 810.74l0-682.002c0-47.084 38.167-85.26 85.251-85.26L341.99 43.478l0-85.243-85.251 0 0-85.251 511.508 0 0 85.251-85.251 0 0 85.243 255.754 0c47.093 0 85.251 38.176 85.251 85.26L1024.001 810.74C1024 857.824 985.841 896 938.749 896zM597.752 725.489l255.745 0 0-255.745-85.251 0 0 85.251-85.251 0 0-85.251-85.243 0L597.752 725.489zM171.487 725.489l85.251 0 0-85.243 85.251 0 0 85.243 85.251 0 0-255.745L341.99 469.744l0 85.251-85.251 0 0-85.251-85.251 0L171.488 725.489zM938.749 213.99 86.244 213.99l0 85.251 852.505 0L938.749 213.99z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="tingzhi-copy" unicode="" d="M932 71.040c0-59.1-48-107.040-107.16-107.040h-625.68c-59.16 0-107.16 47.94-107.16 107.040v625.92c0 59.1 48 107.040 107.16 107.040h625.68c59.16 0 107.16-47.94 107.16-107.040v-625.92z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="wenjianjia" unicode="" d="M861.040535-7.894551c0-30.909987-25.074072-55.877635-55.924707-55.877635l-698.703239 0 97.848539 461.131449c0 30.879288 24.919553 55.906288 55.770188 55.906288L902.95925 453.26555c30.855752 0 55.828516-25.027 55.828516-55.906288L861.040535-7.894551 861.040535-7.894551 861.040535-7.894551zM218.161718 495.207801l628.870778 0L847.032496 550.098969c0 30.879288-25.076118 55.906288-55.877635 55.906288L455.787744 606.005256l0 50.658773c0 30.827099-25.027 55.877635-55.877635 55.877635L120.367415 712.541665c-30.855752 0-55.877635-25.050536-55.877635-55.877635l0-664.558581 97.747231 447.175599C162.237011 470.162382 187.311083 495.207801 218.161718 495.207801L218.161718 495.207801 218.161718 495.207801zM218.161718 495.207801" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="webtubiaoku08" unicode="" d="M588.053 859.785c-15.787 7.36-34.346 4.907-47.68-6.187l-257.386-214.239-205.333 0.853c-11.786 0-23.147-4.693-31.52-13.013-8.426-8.374-13.226-19.733-13.226-31.68l-0.907-422.826c0-11.947 4.693-23.36 13.013-31.787 8.374-8.426 19.787-13.174 31.733-13.174h207.573l256.106-213.386c8.16-6.773 18.454-10.346 28.693-10.346 6.4 0 12.907 1.44 18.934 4.267 15.787 7.307 25.76 23.093 25.76 40.48v870.505c0 17.387-10.027 33.12-25.76 40.533v0 0 0zM761.546 635.999c-22.027 10.453-48.266 0.907-59.040-21.013-10.72-22.027-1.44-48.693 20.426-59.733 2.827-1.493 69.92-36.32 69.92-135.573 0-105.973-62.72-205.92-64.8-207.093-22.133-11.093-31.093-38.027-20.053-60.053 7.894-15.787 23.68-24.8 40.16-24.8 6.667 0 13.547 1.493 19.894 4.693 4.693 2.4 114.293 123.947 114.293 287.253 0.053 157.653-115.893 213.973-120.8 216.32v0 0 0zM900.852 767.412c-20.64 13.28-48 7.253-61.493-13.387-13.44-20.587-7.52-48.32 13.013-61.867 4.8-3.2 119.467-81.28 119.467-275.733 0-194.88-110.027-337.973-114.347-340.959-20.64-13.76-26.134-41.44-12.427-62.080 8.64-12.907 22.826-19.894 37.28-19.894 8.48 0 17.173 2.453 24.8 7.52 6.293 4.213 154.239 170.453 154.239 415.413 0 245.439-153.92 346.826-160.533 350.986v0 0 0z" horiz-adv-x="1099" />
|
||||
|
||||
|
||||
<glyph glyph-name="database" unicode="" d="M512 457.142857q135.428571 0 253.142857 24.571429t185.714286 72.571429l0-97.142857q0-39.428571-58.857143-73.142857t-160-53.428571-220-19.714286-220 19.714286-160 53.428571-58.857143 73.142857l0 97.142857q68-48 185.714286-72.571429t253.142857-24.571429zm0-438.857143q135.428571 0 253.142857 24.571429t185.714286 72.571429l0-97.142857q0-39.428571-58.857143-73.142857t-160-53.428571-220-19.714286-220 19.714286-160 53.428571-58.857143 73.142857l0 97.142857q68-48 185.714286-72.571429t253.142857-24.571429zm0 219.428571q135.428571 0 253.142857 24.571429t185.714286 72.571429l0-97.142857q0-39.428571-58.857143-73.142857t-160-53.428571-220-19.714286-220 19.714286-160 53.428571-58.857143 73.142857l0 97.142857q68-48 185.714286-72.571429t253.142857-24.571429zm0 658.285714q118.857143 0 220-19.714286t160-53.428571 58.857143-73.142857l0-73.142857q0-39.428571-58.857143-73.142857t-160-53.428571-220-19.714286-220 19.714286-160 53.428571-58.857143 73.142857l0 73.142857q0 39.428571 58.857143 73.142857t160 53.428571 220 19.714286z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="chajian1" unicode="" d="M748.703 647.68c0 0-187.109-9.005-253.513-11.988-41.041-1.874-63.363 32.95-27.159 68.941 27.821 27.585 37.951 35.374 33.201 86.885-5.446 58.987-64.849 78.16-113.605 77.612-50.999-0.603-106.825-27.415-123.267-76.050-10.814-31.894-10.499-64.048 17.472-84.527 15.261-11.19 49.038-27.694 11.15-57.887-20.446-16.308-226.318 3.037-226.318 3.037s-9.070-175.646-2.615-225.681c3.69-28.751 39.511-42.205 62.983-11.107 36.206 47.923 136.307 16.655 141.372-77.426 5.325-98.703-100.665-113.915-123.29-75.415-21.118 35.98-81.445 44.93-84.060-0.958-4.047-71.451 29.62-298.799 29.62-298.799s135.318-31.766 196.307-21.997c28.332 4.588 41.338 53.169 15.077 75.984-24.156 20.962-29.221 133.023 96.846 120.151 98.637-10.073 82.162-95.579 57.063-111.199-24.143-14.973-22.994-61.635 27.182-74.895 68.656-18.193 276.918 26.67 276.918 26.67s-27.517 167.74-18.308 222.096c9.838 58.199 77.021 23.083 85.414 11.967 54.331-71.924 167.001-32.608 167.001 88.124 0 175.828-160.895 145.936-176.036 103.699-16.735-46.511-72.117-34.589-78.135-6.011-14.145 66.754 8.7 248.777 8.7 248.777z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="caidan" unicode="" d="M511.674077-24.975579M307.012837 623.118006C307.012837 604.279962 291.741016 589.00814 272.902972 589.00814L136.461463 589.00814C117.623419 589.00814 102.351598 604.279962 102.351598 623.118006L102.351598 759.559515C102.351598 778.397558 117.623419 793.66938 136.461463 793.66938l136.440485 0C291.741016 793.66938 307.012837 778.397558 307.012837 759.559515L307.012837 623.118006zM614.004697 623.118006C614.004697 604.279962 598.732875 589.00814 579.894831 589.00814L443.453323 589.00814C424.615279 589.00814 409.343457 604.279962 409.343457 623.118006L409.343457 759.559515C409.343457 778.397558 424.615279 793.66938 443.453323 793.66938l136.440485 0C598.732875 793.66938 614.004697 778.397558 614.004697 759.559515L614.004697 623.118006zM920.996556 623.118006C920.996556 604.279962 905.724735 589.00814 886.886691 589.00814L750.445182 589.00814C731.607138 589.00814 716.335317 604.279962 716.335317 623.118006L716.335317 759.559515C716.335317 778.397558 731.607138 793.66938 750.445182 793.66938l136.440485 0C905.724735 793.66938 920.996556 778.397558 920.996556 759.559515L920.996556 623.118006zM307.012837 316.126146C307.012837 297.288103 291.741016 282.016281 272.902972 282.016281L136.461463 282.016281C117.623419 282.016281 102.351598 297.288103 102.351598 316.126146L102.351598 452.567655c0 18.839067 15.271822 34.109866 34.109866 34.109866l136.440485 0C291.741016 486.677521 307.012837 471.405699 307.012837 452.567655L307.012837 316.126146zM614.004697 316.126146C614.004697 297.288103 598.732875 282.016281 579.894831 282.016281L443.453323 282.016281C424.615279 282.016281 409.343457 297.288103 409.343457 316.126146L409.343457 452.567655c0 18.839067 15.271822 34.109866 34.109866 34.109866l136.440485 0C598.732875 486.677521 614.004697 471.405699 614.004697 452.567655L614.004697 316.126146zM920.996556 316.126146C920.996556 297.288103 905.724735 282.016281 886.886691 282.016281L750.445182 282.016281C731.607138 282.016281 716.335317 297.288103 716.335317 316.126146L716.335317 452.567655c0 18.839067 15.271822 34.109866 34.109866 34.109866l136.440485 0C905.724735 486.677521 920.996556 471.405699 920.996556 452.567655L920.996556 316.126146zM307.012837 9.134287C307.012837-9.703757 291.741016-24.975579 272.902972-24.975579L136.461463-24.975579C117.623419-24.975579 102.351598-9.703757 102.351598 9.134287L102.351598 145.575796C102.351598 164.413839 117.623419 179.685661 136.461463 179.685661l136.440485 0C291.741016 179.685661 307.012837 164.413839 307.012837 145.575796L307.012837 9.134287zM614.004697 9.134287C614.004697-9.703757 598.732875-24.975579 579.894831-24.975579L443.453323-24.975579C424.615279-24.975579 409.343457-9.703757 409.343457 9.134287L409.343457 145.575796C409.343457 164.413839 424.615279 179.685661 443.453323 179.685661l136.440485 0C598.732875 179.685661 614.004697 164.413839 614.004697 145.575796L614.004697 9.134287zM920.996556 9.134287C920.996556-9.703757 905.724735-24.975579 886.886691-24.975579L750.445182-24.975579C731.607138-24.975579 716.335317-9.703757 716.335317 9.134287L716.335317 145.575796C716.335317 164.413839 731.607138 179.685661 750.445182 179.685661l136.440485 0C905.724735 179.685661 920.996556 164.413839 920.996556 145.575796L920.996556 9.134287z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="wangluo" unicode="" d="M928 128L928 443.84 544 443.84 544 640 640 640 640 896 384 896 384 640 480 640 480 443.84 96 443.84 96 128 0 128 0-128 256-128 256 128 160 128 160 379.84 480 379.84 480 128 384 128 384-128 640-128 640 128 544 128 544 379.84 864 379.84 864 128 768 128 768-128 1024-128 1024 128Z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="dayin" unicode="" d="M318.7-60h381.9c35.1 0 62.4 29.5 62.4 64.7V195H256v-190.3c0-35.2 27.6-64.7 62.7-64.7zM700.6 831H318.7c-35.1 0-62.7-27.4-62.7-62.6V579h507V768.4c0 35.2-27.3 62.6-62.4 62.6zM827 579v-65H192v65h-64.2C92.6 579 65 549 65 513.8v-445.5c0-35.2 27.6-64.3 62.8-64.3H192V259h635v-255h64.5c35.1 0 64.5 29.1 64.5 64.3V513.8c0 35.2-29.3 65.2-64.5 65.2H827z m0-194H637v65h190v-65z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="xiantiao-xiexian" unicode="" d="M886.1866666666666 805.44l45.12-54.72L133.54666666666665-38.39999999999998l-54.72 54.72L876.5866666666667 805.44h9.6z" horiz-adv-x="1025" />
|
||||
|
||||
|
||||
<glyph glyph-name="user" unicode="" d="M740.112 204.723c111.219-27.527 193.536-127.832 193.536-247.396v-29.725h-843.294v29.725c0 115.027 76.39 212.391 181.2 243.816 75.268 18.198 132.474 80.244 140.317 145.251-39.568 27.295-70.108 68.248-80.588 114.030l-36.077 157.614c-27.552 120.369 50.113 217.727 173.406 217.727h83.541c123.548 0 202.801-97.819 177.586-218.485l-32.631-156.155c-10.057-48.125-42.184-90.93-83.908-118.271 6.014-61.882 57.113-117.829 126.914-138.131z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="kaishi" unicode="" d="M892.981938 439.753222c46.461212-32.522848 46.461212-78.98406 0-111.506909l-669.041452-441.381513c-46.461212-32.522848-83.630181-9.292242-83.630181 46.461212v901.347511c0 55.753454 37.16897 78.98406 83.630181 46.461212l669.041452-441.381513z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="hebing" unicode="" d="M51.2 768h204.8c10.24-15.36 153.6-256 153.6-256l-51.2-102.4-153.6 256H51.2c-25.6 0-51.2 25.6-51.2 51.2s25.6 51.2 51.2 51.2zM1013.76 384L819.2 256c-15.36-15.36-35.84-15.36-51.2 0v102.4h-204.8l-204.8-358.4H51.2c-25.6 0-51.2 25.6-51.2 51.2s25.6 51.2 51.2 51.2h256l204.8 358.4h256v102.4c15.36 15.36 35.84 15.36 51.2 0l194.56-133.12c15.36-15.36 15.36-35.84 0-46.08z" horiz-adv-x="1025" />
|
||||
|
||||
|
||||
<glyph glyph-name="liaotian" unicode="" d="M360.25265131 388.98089003a55.19988984 55.19988984 0 0 0-54.35989102-55.91988808 55.19988984 55.19988984 0 0 0-54.35989101 55.91988808 55.19988984 55.19988984 0 0 0 54.35989101 55.97988839c29.99993994 0 54.35989102-25.07995019 54.35989102-55.97988839z m413.39917354 0a55.19988984 55.19988984 0 0 0-54.35989102-55.91988808 55.19988984 55.19988984 0 0 0-54.3598919 55.91988808 55.19988984 55.19988984 0 0 0 54.3598919 55.97988839c30.05994023 0 54.35989102-25.07995019 54.35989102-55.97988839z m-207.23958545 0a55.19988984 55.19988984 0 0 0-54.3598919-55.91988808 55.19988984 55.19988984 0 0 0-54.35989101 55.91988808 55.19988984 55.19988984 0 0 0 54.35989101 55.97988839c29.99993994 0 54.35989102-25.07995019 54.3598919-55.97988839zM499.33237328-65.9982c265.07946973 0 479.99903994 201.47959687 479.99903994 449.9991C979.33141323 632.52040313 764.41184301 834 499.33237328 834S19.33333334 632.52040313 19.33333334 384.0009c0-93.17981338 30.23993935-179.75964023 81.95983594-251.57949697L57.01325805-16.19829961000005c-8.51998271-28.43994287 8.21998388-46.31990713 37.19992587-39.95992002l184.43963057 40.37991944A503.87899219 503.87899219 0 0 1 499.33237328-65.9982z" horiz-adv-x="1092" />
|
||||
|
||||
|
||||
<glyph glyph-name="dingshi" unicode="" d="M511.94368 777.31328c-239.01184 0-434.51904-195.61984-434.51904-434.52416 0-238.8992 195.5072-434.72896 434.51904-434.72896 239.01696 0 434.62656 195.61472 434.62656 434.63168 0 239.0016-195.6096 434.62144-434.62656 434.62144z m182.57408-617.20576L468.4288 299.06944V559.89248h65.20832v-225.98144l195.5072-117.36576-34.62656-56.43776z m199.00928 494.02368l-154.84416 154.74176 51.07712 51.06688 154.73152-154.73664-50.96448-51.072zM77.42976 705.2032L232.16128 859.93984l51.072-51.06688L128.49664 654.1312l-51.06688 51.072z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="xiejiantou" unicode="" d="M845.871 776.903l53.338000000000015-53.385999999999996-780.1-787.387-53.338000000000015 53.385999999999996zM958.23 502.855l-329.015 329.01499999999993 329.015 5.684341886080802e-14z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="peizhi" unicode="" d="M1021.376 241.856c1.472-8.768 1.152-19.264-1.152-31.616-2.112-12.352-5.76-24.96-10.88-37.632-5.12-12.736-11.264-24.192-18.496-34.368-7.232-10.24-15.36-17.472-24-21.824-8.768-4.416-16.384-6.592-22.976-6.592-6.528 0-13.76 1.408-21.76 4.352-7.232 2.176-16.384 4.16-27.264 6.016-11.008 1.792-22.016 2.112-33.344 1.088-11.264-1.088-22.528-3.456-33.728-7.04s-20.992-9.856-28.864-18.56c-17.472-18.176-27.776-38.912-30.656-62.208s0.384-45.44 9.856-66.56c7.232-14.592 6.144-29.056-3.264-43.648-4.352-5.824-11.392-11.84-20.736-17.984-9.472-6.208-19.904-11.84-31.104-16.96s-23.104-9.088-35.52-12.032c-12.352-2.816-23.232-4.288-32.768-4.288-6.528 0-12.608 2.56-18.496 7.616-5.76 5.12-9.728 10.624-12.032 16.384h-1.088c-8 22.592-21.632 41.984-40.896 58.368s-41.6 24.576-67.136 24.576c-24.704 0-47.104-8.192-67.072-24.576-20.032-16.384-34.048-35.456-42.048-57.28-3.648-8.768-9.088-15.104-16.384-19.136-7.168-3.968-15.168-5.952-23.936-5.952-10.176 0-21.632 1.792-34.368 5.504-12.736 3.648-25.472 8.192-38.208 13.632s-24.192 11.84-34.368 19.136c-10.176 7.232-17.792 14.528-22.912 21.76-3.648 5.12-5.632 11.136-6.016 17.984-0.384 6.912 2.368 16.576 8.192 28.928 8 16.768 11.072 35.84 9.28 57.344-1.792 21.44-11.072 41.28-27.84 59.456-10.176 10.944-22.528 17.984-37.056 21.248-14.592 3.328-28.352 4.544-41.472 3.84-15.296-0.704-30.912-3.648-46.912-8.768-10.176-2.88-20.352-2.112-30.592 2.24-8 2.88-15.424 9.6-22.4 20.096-6.912 10.56-13.056 22.272-18.56 34.944A217.687 217.687 0 0 0 9.856 208.64c-2.88 13.44-3.648 24.512-2.176 33.28 2.176 16 9.408 26.176 21.824 30.528 21.824 8.768 41.408 23.104 58.88 43.136s26.176 42.368 26.176 67.136c0 25.408-8.704 47.616-26.176 66.56s-37.12 32.704-58.88 41.472c-6.4 2.048-11.84 7.296-16.192 15.68s-6.592 16.96-6.592 25.6c0 9.472 1.472 20.032 4.352 31.68s6.72 22.912 11.456 33.856c4.736 10.88 10.24 20.864 16.384 30.016 6.208 9.024 12.928 15.808 20.16 20.16 5.824 3.648 11.52 5.056 16.96 4.352 5.44-0.704 11.456-2.176 17.984-4.352 21.824-8.768 44.544-11.456 68.224-8.192 23.616 3.264 44.544 13.632 62.72 31.04 8.704 8.768 15.04 19.52 19.072 32.192 3.968 12.8 6.592 25.344 7.616 37.696 1.152 12.352 1.152 23.616 0 33.792-1.024 10.24-1.984 17.472-2.688 21.824-1.472 4.352-2.752 9.472-3.84 15.296s-0.512 10.944 1.6 15.296c4.352 10.176 12.16 19.072 23.488 26.688 11.264 7.616 23.424 14.016 36.544 19.136 13.12 5.056 25.856 8.832 38.208 11.456 12.352 2.56 22.208 3.84 29.44 3.84 9.408 0 16.896-3.072 22.4-9.28 5.44-6.208 9.216-12.608 11.392-19.136 8-19.648 21.12-36.864 39.296-51.84 18.176-14.912 39.68-22.4 64.384-22.4 25.472 0 48 7.104 67.648 21.312 19.648 14.208 33.472 32.192 41.472 54.016 2.88 5.824 7.488 11.84 13.632 17.984 6.144 6.208 12.48 9.28 19.136 9.28 10.112 0 21.248-1.408 33.28-4.352 12.032-2.88 23.872-6.912 35.392-12.032a133.501 133.501 0 0 0 32.256-19.648c9.856-8 17.6-16.704 23.488-26.176 3.648-5.824 4.736-12.16 3.264-19.072s-2.88-11.84-4.352-14.72c-9.472-21.12-12.352-43.264-8.768-66.56 3.648-23.232 14.272-43.648 31.616-61.12 17.472-17.472 38.976-27.072 64.384-28.928 25.472-1.792 49.152 2.368 70.976 12.544 5.76 3.648 12.864 5.12 21.248 4.352s15.36-4.032 21.248-9.792c10.88-10.176 20.48-25.664 28.864-46.4s14.016-41.664 16.896-62.72c1.472-12.352-0.512-22.016-5.888-28.928-5.504-6.848-11.136-11.456-17.024-13.632-22.528-8-41.728-22.016-57.728-41.984s-24-42.752-24-68.16c0-24.768 6.72-46.4 20.096-64.96 13.504-18.496 31.104-31.808 52.864-39.808 5.12-2.88 9.472-5.824 13.12-8.704 8-6.528 13.504-14.912 16.384-25.088zM514.048 143.68c32.704 0 63.68 6.208 92.672 18.56 29.12 12.352 54.4 29.44 75.904 51.264 21.504 21.888 38.4 47.104 50.752 75.84 12.352 28.736 18.496 59.52 18.496 92.16 0 32.768-6.144 63.488-18.496 92.16-12.352 28.736-29.248 53.888-50.752 75.328s-46.72 38.4-75.904 50.752c-28.992 12.352-60.032 18.56-92.672 18.56-32.704 0-63.488-6.208-92.224-18.56-28.672-12.352-53.824-29.312-75.2-50.752-21.44-21.44-38.4-46.592-50.752-75.328-12.352-28.672-18.56-59.456-18.56-92.16 0-32.704 6.208-63.424 18.56-92.16 12.352-28.672 29.312-53.952 50.752-75.84 21.44-21.824 46.592-38.848 75.264-51.264 28.736-12.352 59.456-18.56 92.16-18.56z m0 0" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="xiangmuzuhe" unicode="" d="M265.7 463.004l224.396-109.612v257.39l-224.396 107.047v-254.828zM532.366 608.22v-255.153l221.458 107.047v256.086l-221.458-107.934zM512.838 852.002l-218.476-104.112 218.57-104.111 215.54 104.111-215.634 104.112zM0.108 25.072l224.349-109.612v257.39l-224.349 107.047v-254.828zM266.727 170.288v-255.153l221.458 107.047v256.085l-221.458-107.98zM247.246 414.072l-218.57-104.113 218.57-104.111 215.587 104.111-215.586 104.112zM535.814 25.073l224.348-109.612v257.389l-224.348 107.047v-254.828zM802.479 170.289v-255.153l221.411 107.047v256.084l-221.411-107.98zM782.905 414.072l-218.476-104.112 218.523-104.111 215.587 104.111-215.586 104.112z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="xitongcanshupeizhi" unicode="" d="M1185.44635 271.562123c-6.20083 10.753338-17.739083 16.483219-29.355828 15.776795H955.466199c-6.043847 0-11.616745-1.648322-16.48322-4.552508-5.337423-2.668712-9.968423-6.907254-13.186575-12.480151l-100.626128-174.251173c-4.631-8.006135-5.337423-17.111151-2.825694-25.274269 0.706424-2.433237 1.726813-4.866474 3.061169-7.142729l97.094009-168.207326c3.767593-13.343558 16.01227-23.154998 30.533201-23.154998h200.859798c12.323169-1.648322 24.960303 4.160051 31.632083 15.619813l99.527246 172.288885c2.354746 4.003067 3.689101 8.398593 4.081559 12.715626 2.197763 7.927643 1.334356 16.718694-3.061169 24.410862l-100.626128 174.251173z m-57.926741-317.18423H982.624264l-72.133706 124.958499L982.38879 203.74545h144.973836l72.133706-124.801515-71.976723-124.566042zM923.991099 503.34758c4.317034-12.40166 16.090761-21.349693 29.983761-21.349694h202.50812c1.098881 0 2.197763 0.078492 3.296643 0.156983 10.439372 0.470949 20.486287 6.122339 26.059185 15.855287l98.899314 171.50397c2.197763 3.767593 3.453627 7.77066 4.003068 11.773728 2.668712 8.24161 1.962288 17.503609-2.668712 25.588235L1185.995791 880.185364c-6.357813 10.988813-18.288524 16.718694-30.140744 15.698304H956.800554c-6.20083 0-11.930711-1.805305-16.797185-4.866474-5.494406-2.668712-10.282389-6.985745-13.500541-12.637135L826.504632 705.070784c-2.668712-4.631-4.003067-9.575965-4.238542-14.599422-0.470949-6.122339 0.863407-12.40166 4.160051-18.131541l97.564958-168.992241z m59.88903 310.590942h145.758751L1201.615603 689.607955l-72.369181-124.880007H983.644654L911.589439 689.058514l72.29069 124.880008zM843.92975 316.380781V447.304635c-21.663659-0.156983-43.641285 5.258932-63.735114 16.875676-60.595453 35.007218-81.160231 112.792313-45.917539 173.780224L620.935343 703.343971c-10.753338-18.916456-26.451642-35.321184-46.623962-46.937929C513.794419 621.477316 436.244798 642.513043 401.002106 703.343971l-113.420245-65.461927c10.910321-18.680982 17.268134-40.423132 17.189642-63.656622 0-69.778961-56.82786-126.449838-126.999278-126.685313v-130.923854c21.585168 0.078492 43.40581-5.337423 63.421148-16.875677 60.359978-34.850235 81.003248-112.242873 46.231505-173.152291l113.341753-65.461927c10.674847 18.680982 26.294659 34.850235 46.231505 46.309996 60.43847 34.928726 137.831108 14.049982 173.152292-46.623962L733.570673 126.274321c-10.83183 18.60249-17.03266 40.266149-17.032659 63.342656 0.078492 69.935944 57.063335 126.606821 127.391736 126.763804z m-197.877121-12.715627C603.039277 229.176703 507.750572 203.74545 433.183629 246.837294c-74.566943 43.013353-100.155179 138.302057-57.220318 212.712018 42.934861 74.40996 138.223566 99.841213 212.790509 56.82786 74.645435-43.091844 100.23367-138.302057 57.298809-212.712018z" horiz-adv-x="1723" />
|
||||
|
||||
|
||||
<glyph glyph-name="qukuai" unicode="" d="M128.456 766.443h767.088v-156.183h-767.088v156.183zM128.456 510.454h171.367v-508.897h-171.367v508.897zM382.952 510.454h512.591v-508.897h-512.591v508.897z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="fenzhi" unicode="" d="M551.79122223 644.016h234.756v-100.845c14.208-14.21 33.157-14.21 47.367 0l179.995 118.419c14.21 9.473 14.21 28.42 0 42.63l-179.995 123.155c-14.21 14.21-33.159 14.21-47.367 0v-88.623h-282.124l-189.467-331.57h-189.469v-0.324h-48.088c-23.683 0-47.367-23.684-47.367-47.368s23.684-47.367 47.367-47.367h284.204l-0.162 0.324h0.883l189.468 331.569zM833.91222223 216.78300000000002c-14.21 14.21-33.159 14.21-47.367 0v-93.804h-140.022l-142.103 236.835-47.367-94.734s132.628-222.626 142.102-236.835h187.388v-95.664c14.208-14.21 33.157-14.21 47.367 0l179.995 118.419c14.21 9.472 14.21 28.42 0 42.63l-179.994 123.154z" horiz-adv-x="1820" />
|
||||
|
||||
|
||||
<glyph glyph-name="icon-test" unicode="" d="M544.992-2.734v278.084h73.056v212.098h-73.056v351.139h-490.181v-68.342h421.837v-282.796h-68.342v-212.098h68.342v-346.425h490.181v68.342z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="icon-test1" unicode="" d="M618.048 394.237v68.342h-209.739v-68.342h-282.796v421.837h-70.7v-490.181h353.495v-73.056h209.739v73.056h280.439v-421.837h68.342v490.181z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="xiaoxuxian" unicode="" d="M949.4280555521055 821.4280555521059c17.25595095038475-17.25595095038474 17.256927352294475-45.23279486943493 1.4717196240837192e-14-62.4897222217294l-54.67850694401322-54.67850694401324c-17.25595095038474-17.25595095038475-45.229865663705795-17.25985655802361-62.4897222217294-1.4717196240837192e-14-17.25595095038475 17.25595095038474-17.256927352294475 45.23279486943493-1.4717196240837192e-14 62.4897222217294L886.9383333303762 821.4280555521061c17.25595095038474 17.25595095038475 45.229865663705795 17.25985655802361 62.4897222217294 1.4717196240837192e-14z m-378.84394096923455-378.84394096923455c17.25595095038475-17.25595095038474 17.256927352294475-45.23279486943493 1.4717196240837192e-14-62.4897222217294l-54.67850694401322-54.67850694401324c-17.25595095038474-17.25595095038475-45.229865663705795-17.25985655802361-62.4897222217294-1.4717196240837192e-14-17.25595095038475 17.25595095038474-17.256927352294475 45.23279486943493-1.4717196240837192e-14 62.4897222217294l54.67850694401322 54.67850694401324c17.25595095038474 17.25595095038475 45.229865663705795 17.25985655802361 62.4897222217294 1.4717196240837192e-14z m189.42197048461728 189.42197048461728c17.25595095038475-17.25595095038474 17.256927352294475-45.23279486943493 1.4717196240837192e-14-62.4897222217294l-54.67850694401322-54.67850694401324c-17.25595095038474-17.25595095038475-45.229865663705795-17.25985655802361-62.4897222217294-1.4717196240837192e-14-17.25595095038475 17.25595095038474-17.256927352294475 45.23279486943493-1.4717196240837192e-14 62.4897222217294l54.67850694401322 54.67850694401324c17.25595095038474 17.25595095038475 45.229865663705795 17.25985655802361 62.4897222217294 1.4717196240837192e-14z m-568.2659114538517-568.2659114538519c17.25595095038475-17.25595095038474 17.256927352294475-45.23279486943493 1.4717196240837192e-14-62.4897222217294l-54.67850694401322-54.67850694401324c-17.25595095038474-17.25595095038475-45.229865663705795-17.25985655802361-62.4897222217294-1.4717196240837192e-14-17.25595095038475 17.25595095038474-17.256927352294475 45.23279486943493-1.4717196240837192e-14 62.4897222217294l54.67850694401322 54.67850694401324c17.25595095038474 17.25595095038475 45.229865663705795 17.25985655802361 62.4897222217294 1.4717196240837192e-14z m189.42197048461728 189.42197048461728c17.25595095038475-17.25595095038474 17.256927352294475-45.23279486943493 1.4717196240837192e-14-62.4897222217294l-54.67850694401322-54.67850694401324c-17.25595095038474-17.25595095038475-45.229865663705795-17.25985655802361-62.4897222217294-1.4717196240837192e-14-17.25595095038475 17.25595095038474-17.256927352294475 45.23279486943493-1.4717196240837192e-14 62.4897222217294l54.67850694401322 54.67850694401324c17.25595095038474 17.25595095038475 45.229865663705795 17.25985655802361 62.4897222217294 1.4717196240837192e-14z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
|
||||
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 36 KiB |
BIN
OpenAuth.Mvc/js/flow/fonts/iconflow.ttf
Normal file
BIN
OpenAuth.Mvc/js/flow/fonts/iconflow.ttf
Normal file
Binary file not shown.
BIN
OpenAuth.Mvc/js/flow/fonts/iconflow.woff
Normal file
BIN
OpenAuth.Mvc/js/flow/fonts/iconflow.woff
Normal file
Binary file not shown.
89
OpenAuth.Mvc/js/flow/fonts/iconfont.css
Normal file
89
OpenAuth.Mvc/js/flow/fonts/iconfont.css
Normal file
@@ -0,0 +1,89 @@
|
||||
|
||||
@font-face {font-family: "iconflow";
|
||||
src: url('iconflow.eot?t=1501167404138'); /* IE9*/
|
||||
src: url('iconflow.eot?t=1501167404138#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('iconflow.woff?t=1501167404138') format('woff'), /* chrome, firefox */
|
||||
url('iconflow.ttf?t=1501167404138') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('iconflow.svg?t=1501167404138#iconflow') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconflow {
|
||||
font-family:"iconflow" !important;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.i-zhizhen1:before { content: "\e602"; }
|
||||
|
||||
.i-msnui-close-fat:before { content: "\e674"; }
|
||||
|
||||
.i-close:before { content: "\e61a"; }
|
||||
|
||||
.i-wenjiantianjia:before { content: "\e659"; }
|
||||
|
||||
.i-tag:before { content: "\e6f9"; }
|
||||
|
||||
.i-conowredo:before { content: "\e672"; }
|
||||
|
||||
.i-conowrevoke:before { content: "\e673"; }
|
||||
|
||||
.i-baocun:before { content: "\e63d"; }
|
||||
|
||||
.i-refresh:before { content: "\e607"; }
|
||||
|
||||
.i-youxiashixin:before { content: "\e6b7"; }
|
||||
|
||||
.i-paizhaoanniu:before { content: "\e6bd"; }
|
||||
|
||||
.i-huizhang:before { content: "\e611"; }
|
||||
|
||||
.i-hrgongzuotai:before { content: "\e600"; }
|
||||
|
||||
.i-tingzhi-copy:before { content: "\e609"; }
|
||||
|
||||
.i-wenjianjia:before { content: "\e7a0"; }
|
||||
|
||||
.i-webtubiaoku08:before { content: "\e643"; }
|
||||
|
||||
.i-database:before { content: "\e742"; }
|
||||
|
||||
.i-chajian1:before { content: "\e66c"; }
|
||||
|
||||
.i-caidan:before { content: "\e649"; }
|
||||
|
||||
.i-wangluo:before { content: "\e62b"; }
|
||||
|
||||
.i-dayin:before { content: "\e671"; }
|
||||
|
||||
.i-user:before { content: "\e6af"; }
|
||||
|
||||
.i-kaishi:before { content: "\e700"; }
|
||||
|
||||
.i-hebing:before { content: "\e606"; }
|
||||
|
||||
.i-liaotian:before { content: "\e61b"; }
|
||||
|
||||
.i-dingshi:before { content: "\e633"; }
|
||||
|
||||
.i-xiejiantou:before { content: "\e605"; }
|
||||
|
||||
.i-peizhi:before { content: "\e678"; }
|
||||
|
||||
.i-xiangmuzuhe:before { content: "\e872"; }
|
||||
|
||||
.i-xitongcanshupeizhi:before { content: "\e68f"; }
|
||||
|
||||
.i-qukuai:before { content: "\e663"; }
|
||||
|
||||
.i-fenzhi:before { content: "\e60c"; }
|
||||
|
||||
.i-icon-test:before { content: "\e60d"; }
|
||||
|
||||
.i-icon-test1:before { content: "\e60e"; }
|
||||
|
||||
.i-xiaoxuxian:before { content: "\e675"; }
|
||||
|
||||
.i-jianchagongjuzhixian:before { content: "\e624"; }
|
||||
|
||||
1
OpenAuth.Mvc/js/flow/fonts/iconfont.js
Normal file
1
OpenAuth.Mvc/js/flow/fonts/iconfont.js
Normal file
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
@@ -8,193 +8,194 @@
|
||||
if (!$frmpreview.attr('id')) {
|
||||
return false;
|
||||
}
|
||||
var flowPanel;
|
||||
$frmpreview.html("");
|
||||
var defaults = {
|
||||
flowcontent: "",
|
||||
frmtype: 0, //自定义表单0,系统表单1
|
||||
frmData: "",
|
||||
width: $(window).width(),
|
||||
height: $(window).height() + 2,
|
||||
OpenNode: function() { return false },
|
||||
OpenLine: function() { return false },
|
||||
NodeRemarks: {
|
||||
cursor: "选择指针",
|
||||
direct: "步骤连线",
|
||||
startround: "开始节点",
|
||||
endround: "结束节点",
|
||||
stepnode: "普通节点",
|
||||
shuntnode: "分流节点",
|
||||
confluencenode: "合流节点",
|
||||
group: "区域规划"
|
||||
},
|
||||
|
||||
|
||||
var flowPanel = $.createGooFlow($(this),
|
||||
{
|
||||
width: options.width,
|
||||
height: options.height,
|
||||
|
||||
haveHead: false,
|
||||
haveTool: true,
|
||||
toolBtns: ["startround", "endround", "stepnode", "shuntnode", "confluencenode"],
|
||||
isprocessing: false,
|
||||
nodeData: null,
|
||||
activityId: "",
|
||||
preview: 0
|
||||
};
|
||||
var options = $.extend(defaults, options);
|
||||
flowPanel = $.createGooFlow($(this),
|
||||
{
|
||||
width: options.width,
|
||||
height: options.height,
|
||||
haveHead: true,
|
||||
headBtns: ["undo", "redo"],
|
||||
haveTool: options.haveTool,
|
||||
toolBtns: options.toolBtns,
|
||||
haveGroup: true,
|
||||
useOperStack: true
|
||||
});
|
||||
flowPanel.setNodeRemarks(options.NodeRemarks);
|
||||
flowPanel.loadData(options.flowcontent);
|
||||
OpenNode = options.OpenNode;
|
||||
OpenLine = options.OpenLine;
|
||||
headLabel: true,
|
||||
toolBtns: ["start round mix", "end round", "node", "join", "fork"],
|
||||
haveGroup: true,
|
||||
useOperStack: true
|
||||
});
|
||||
flowPanel.setNodeRemarks({
|
||||
cursor: "选择指针",
|
||||
direct: "转换连线",
|
||||
dashed: "关联虚线",
|
||||
start: "开始结点",
|
||||
end: "结束结点",
|
||||
task: "任务结点",
|
||||
node: "任务结点",
|
||||
chat: "决策结点",
|
||||
state: "状态结点",
|
||||
plug: "附加插件",
|
||||
fork: "分支结点",
|
||||
join: "联合结点",
|
||||
complex: "复合结点",
|
||||
group: "组织划分框编辑开"
|
||||
});
|
||||
flowPanel.loadData("");
|
||||
//导出数据扩展方法
|
||||
//所有节点必须有进出线段
|
||||
//必须有开始结束节点（且只能为一个）
|
||||
//分流合流节点必须成对出现
|
||||
//分流合流节点必须一一对应且中间必须有且只能有一个普通节点
|
||||
//分流节点与合流节点之前的审核节点必须有且只能有一条出去和进来节点
|
||||
flowPanel.exportDataEx = function() {
|
||||
var _data = flowPanel.exportData();
|
||||
var _fromlines = {},
|
||||
_tolines = {},
|
||||
_nodes = {},
|
||||
_fnodes = [],
|
||||
_hnodes = [],
|
||||
_startroundFlag = 0,
|
||||
_endroundFlag = 0;
|
||||
for (var i in _data.lines) {
|
||||
if (_fromlines[_data.lines[i].from] == undefined) {
|
||||
_fromlines[_data.lines[i].from] = [];
|
||||
}
|
||||
_fromlines[_data.lines[i].from].push(_data.lines[i].to);
|
||||
//flowPanel.exportDataEx = function() {
|
||||
// var _data = flowPanel.exportData();
|
||||
// var _fromlines = {},
|
||||
// _tolines = {},
|
||||
// _nodes = {},
|
||||
// _fnodes = [],
|
||||
// _hnodes = [],
|
||||
// _startroundFlag = 0,
|
||||
// _endroundFlag = 0;
|
||||
// for (var i in _data.lines) {
|
||||
// if (_fromlines[_data.lines[i].from] == undefined) {
|
||||
// _fromlines[_data.lines[i].from] = [];
|
||||
// }
|
||||
// _fromlines[_data.lines[i].from].push(_data.lines[i].to);
|
||||
|
||||
if (_tolines[_data.lines[i].to] == undefined) {
|
||||
_tolines[_data.lines[i].to] = [];
|
||||
}
|
||||
_tolines[_data.lines[i].to].push(_data.lines[i].from);
|
||||
}
|
||||
for (var j in _data.nodes) {
|
||||
var _node = _data.nodes[j];
|
||||
var _flag = false;
|
||||
switch (_node.type) {
|
||||
case "startround":
|
||||
_startroundFlag++;
|
||||
if (_fromlines[_node.id] == undefined) {
|
||||
layer.msg("开始节点无法流转到下一个节点");
|
||||
return -1;
|
||||
}
|
||||
break;
|
||||
case "endround":
|
||||
_endroundFlag++;
|
||||
if (_tolines[_node.id] == undefined) {
|
||||
layer.msg("无法流转到结束节点");
|
||||
return -1;
|
||||
}
|
||||
break;
|
||||
case "stepnode":
|
||||
_flag = true;
|
||||
break;
|
||||
case "shuntnode":
|
||||
_flag = true;
|
||||
_fnodes.push(_node.id);
|
||||
break;
|
||||
case "confluencenode":
|
||||
_hnodes.push(_node.id);
|
||||
_flag = true;
|
||||
break;
|
||||
default:
|
||||
layer.msg("节点数据异常,请重新登录下系统！");
|
||||
return -1;
|
||||
break;
|
||||
}
|
||||
if (_flag) {
|
||||
if (_tolines[_node.id] == undefined) {
|
||||
labellingRedNode(_node.id);
|
||||
layer.msg("标注红色的节点没有【进来】的连接线段");
|
||||
return -1;
|
||||
}
|
||||
if (_fromlines[_node.id] == undefined) {
|
||||
labellingRedNode(_node.id);
|
||||
layer.msg("标注红色的节点没有【出去】的连接线段");
|
||||
return -1;
|
||||
}
|
||||
}
|
||||
_nodes[_node.id] = _node;
|
||||
}
|
||||
if (_startroundFlag == 0) {
|
||||
layer.msg("必须有开始节点");
|
||||
return -1;
|
||||
}
|
||||
// if (_tolines[_data.lines[i].to] == undefined) {
|
||||
// _tolines[_data.lines[i].to] = [];
|
||||
// }
|
||||
// _tolines[_data.lines[i].to].push(_data.lines[i].from);
|
||||
// }
|
||||
// for (var j in _data.nodes) {
|
||||
// var _node = _data.nodes[j];
|
||||
// var _flag = false;
|
||||
// switch (_node.type) {
|
||||
// case "start round mix":
|
||||
// _startroundFlag++;
|
||||
// if (_fromlines[_node.id] == undefined) {
|
||||
// layer.msg("开始节点无法流转到下一个节点");
|
||||
// return -1;
|
||||
// }
|
||||
// break;
|
||||
// case "end round":
|
||||
// _endroundFlag++;
|
||||
// if (_tolines[_node.id] == undefined) {
|
||||
// layer.msg("无法流转到结束节点");
|
||||
// return -1;
|
||||
// }
|
||||
// break;
|
||||
// case "node":
|
||||
// _flag = true;
|
||||
// break;
|
||||
// case "shuntnode":
|
||||
// _flag = true;
|
||||
// _fnodes.push(_node.id);
|
||||
// break;
|
||||
// case "confluencenode":
|
||||
// _hnodes.push(_node.id);
|
||||
// _flag = true;
|
||||
// break;
|
||||
// default:
|
||||
// layer.msg("节点数据异常,请重新登录下系统！");
|
||||
// return -1;
|
||||
// break;
|
||||
// }
|
||||
// if (_flag) {
|
||||
// if (_tolines[_node.id] == undefined) {
|
||||
// labellingRedNode(_node.id);
|
||||
// layer.msg("标注红色的节点没有【进来】的连接线段");
|
||||
// return -1;
|
||||
// }
|
||||
// if (_fromlines[_node.id] == undefined) {
|
||||
// labellingRedNode(_node.id);
|
||||
// layer.msg("标注红色的节点没有【出去】的连接线段");
|
||||
// return -1;
|
||||
// }
|
||||
// }
|
||||
// _nodes[_node.id] = _node;
|
||||
// }
|
||||
// if (_startroundFlag == 0) {
|
||||
// layer.msg("必须有开始节点");
|
||||
// return -1;
|
||||
// }
|
||||
|
||||
if (_endroundFlag == 0) {
|
||||
layer.msg("必须有结束节点");
|
||||
return -1;
|
||||
}
|
||||
// if (_endroundFlag == 0) {
|
||||
// layer.msg("必须有结束节点");
|
||||
// return -1;
|
||||
// }
|
||||
|
||||
if (_fnodes.length != _hnodes.length) {
|
||||
layer.msg("分流节点必须等于合流节点");
|
||||
return -1;
|
||||
}
|
||||
for (var a in _fnodes) {
|
||||
var aNondeid = _fnodes[a];
|
||||
if (_fromlines[aNondeid].length == 1) {
|
||||
labellingRedNode(aNondeid);
|
||||
layer.msg("标注红色的分流节点不允许只有一条【出去】的线段");
|
||||
return -1;
|
||||
}
|
||||
var _hhnodeid = {};
|
||||
for (var b in _fromlines[aNondeid]) {
|
||||
btoNode = _fromlines[aNondeid][b];
|
||||
if (_nodes[btoNode].type == "stepnode") {
|
||||
var _nextLine = _fromlines[_nodes[btoNode].id];
|
||||
// if (_fnodes.length != _hnodes.length) {
|
||||
// layer.msg("分流节点必须等于合流节点");
|
||||
// return -1;
|
||||
// }
|
||||
// for (var a in _fnodes) {
|
||||
// var aNondeid = _fnodes[a];
|
||||
// if (_fromlines[aNondeid].length == 1) {
|
||||
// labellingRedNode(aNondeid);
|
||||
// layer.msg("标注红色的分流节点不允许只有一条【出去】的线段");
|
||||
// return -1;
|
||||
// }
|
||||
// var _hhnodeid = {};
|
||||
// for (var b in _fromlines[aNondeid]) {
|
||||
// btoNode = _fromlines[aNondeid][b];
|
||||
// if (_nodes[btoNode].type == "stepnode") {
|
||||
// var _nextLine = _fromlines[_nodes[btoNode].id];
|
||||
|
||||
var _nextNode = _nodes[_nextLine[0]];
|
||||
if (_nextNode.type != "confluencenode") {
|
||||
labellingRedNode(_nodes[btoNode].id);
|
||||
layer.msg("标注红色的普通节点下一个节点必须是合流节点");
|
||||
return -1;
|
||||
} else {
|
||||
_hhnodeid[_nextLine[0]] = 0;
|
||||
if (_hhnodeid.length > 1) {
|
||||
labellingRedNode(aNondeid);
|
||||
layer.msg("标注红色的分流节点与之对应的合流节点只能有一个");
|
||||
return -1;
|
||||
}
|
||||
if (_tolines[_nextLine[0]].length != _fromlines[aNondeid].length) {
|
||||
labellingRedNode(_nextLine[0]);
|
||||
layer.msg("标注红色的合流节点与之对应的分流节点只能有一个");
|
||||
return -1;
|
||||
}
|
||||
}
|
||||
if (_nextLine.length > 1) {
|
||||
labellingRedNode(_nodes[btoNode].id);
|
||||
layer.msg("标注红色的节点只能有一条出去的线条【分流合流之间】");
|
||||
return -1;
|
||||
} else if (_tolines[_nodes[btoNode].id], length > 1) {
|
||||
labellingRedNode(_nodes[btoNode].id);
|
||||
layer.msg("标注红色的节点只能有一条进来的线条【分流合流之间】");
|
||||
return -1;
|
||||
}
|
||||
} else {
|
||||
labellingRedNode(aNondeid);
|
||||
layer.msg("标注红色的分流节点必须经过一个普通节点到合流节点");
|
||||
return -1;
|
||||
}
|
||||
}
|
||||
// var _nextNode = _nodes[_nextLine[0]];
|
||||
// if (_nextNode.type != "confluencenode") {
|
||||
// labellingRedNode(_nodes[btoNode].id);
|
||||
// layer.msg("标注红色的普通节点下一个节点必须是合流节点");
|
||||
// return -1;
|
||||
// } else {
|
||||
// _hhnodeid[_nextLine[0]] = 0;
|
||||
// if (_hhnodeid.length > 1) {
|
||||
// labellingRedNode(aNondeid);
|
||||
// layer.msg("标注红色的分流节点与之对应的合流节点只能有一个");
|
||||
// return -1;
|
||||
// }
|
||||
// if (_tolines[_nextLine[0]].length != _fromlines[aNondeid].length) {
|
||||
// labellingRedNode(_nextLine[0]);
|
||||
// layer.msg("标注红色的合流节点与之对应的分流节点只能有一个");
|
||||
// return -1;
|
||||
// }
|
||||
// }
|
||||
// if (_nextLine.length > 1) {
|
||||
// labellingRedNode(_nodes[btoNode].id);
|
||||
// layer.msg("标注红色的节点只能有一条出去的线条【分流合流之间】");
|
||||
// return -1;
|
||||
// } else if (_tolines[_nodes[btoNode].id], length > 1) {
|
||||
// labellingRedNode(_nodes[btoNode].id);
|
||||
// layer.msg("标注红色的节点只能有一条进来的线条【分流合流之间】");
|
||||
// return -1;
|
||||
// }
|
||||
// } else {
|
||||
// labellingRedNode(aNondeid);
|
||||
// layer.msg("标注红色的分流节点必须经过一个普通节点到合流节点");
|
||||
// return -1;
|
||||
// }
|
||||
// }
|
||||
|
||||
}
|
||||
return _data;
|
||||
}
|
||||
// }
|
||||
// return _data;
|
||||
//}
|
||||
flowPanel.SetNodeEx = function(id, data) {
|
||||
flowPanel.setName(id, data.NodeName, "node", data);
|
||||
}
|
||||
flowPanel.SetLineEx = function(id, data) {
|
||||
flowPanel.setName(id, data.LineName, "line", data);
|
||||
}
|
||||
flowPanel.onItemDbClick = function (id, type) {
|
||||
var obj = flowPanel.getItemInfo(id, type);
|
||||
switch (type) {
|
||||
case "node":
|
||||
options.OpenNode(obj);
|
||||
break;
|
||||
case "line":
|
||||
options.OpenLine(obj);
|
||||
break;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
if (options.isprocessing) //如果是显示进程状态
|
||||
{
|
||||
var tipHtml =
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
layui.config({
|
||||
base: "/js/"
|
||||
}).use(['form', 'vue', 'ztree', 'layer', 'queryString', 'element', 'jquery', 'table', 'droptree', 'openauth', 'flow-ui/gooflow', 'utils/flowlayout'], function () {
|
||||
}).use(['form', 'vue', 'ztree', 'layer', 'queryString', 'element', 'jquery', 'table', 'droptree', 'openauth', 'flow/gooflow', 'utils/flowlayout'], function () {
|
||||
var form = layui.form, element = layui.element,
|
||||
//layer = (parent == undefined || parent.layer === undefined )? layui.layer : parent.layer,
|
||||
layer = layui.layer,
|
||||
@@ -85,12 +85,13 @@
|
||||
|
||||
/*=========流程设计（begin）======================*/
|
||||
var flowDesignPanel = $('#flowPanel').flowdesign({
|
||||
height: 500,
|
||||
widht: 700,
|
||||
height: 300,
|
||||
widht: 300,
|
||||
OpenNode: function (object) {
|
||||
FlowDesignObject = object; //为NodeInfo窗口提供调用
|
||||
|
||||
if (object.$nodeData[object.$focus].type == 'startround') {
|
||||
if (object.type == 'start round mix' || object.type == 'end round') {
|
||||
layer.msg("开始节点与结束节点不能设置");
|
||||
return false;
|
||||
}
|
||||
|
||||
@@ -98,14 +99,14 @@
|
||||
type: 2,
|
||||
area: ['500px', '450px'], //宽高
|
||||
maxmin: true, //开启最大化最小化按钮
|
||||
title: '节点设置【' + object.$nodeData[object.$focus].name + '】',
|
||||
title: '节点设置【' + object.name + '】',
|
||||
content: '/flowschemes/nodeInfo',
|
||||
btn: ['保存', '关闭'],
|
||||
yes: function (index, layero) {
|
||||
var body = layer.getChildFrame('body', index);
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
|
||||
var nodedata = iframeWin.getVal();
|
||||
flowDesignPanel.SetNodeEx(object.$focus, nodedata);
|
||||
flowDesignPanel.SetNodeEx(object.id, nodedata);
|
||||
layer.close(index);
|
||||
},
|
||||
cancel: function (index) {
|
||||
@@ -143,7 +144,7 @@
|
||||
//提交数据
|
||||
form.on('submit(formSubmit)',
|
||||
function (data) {
|
||||
var content = flowDesignPanel.exportDataEx();
|
||||
var content = flowDesignPanel.exportData();
|
||||
if (content == -1) {
|
||||
return false; //阻止表单跳转。
|
||||
}
|
||||
@@ -158,8 +159,14 @@
|
||||
layer.msg(result.Message);
|
||||
},
|
||||
"json");
|
||||
|
||||
return false; //阻止表单跳转。
|
||||
});
|
||||
|
||||
$(window).resize(function() {
|
||||
flowDesignPanel.reinitSize($(window).width()-30, $(window).height()-100);
|
||||
});
|
||||
|
||||
//该函数供给父窗口确定时调用
|
||||
submit = function () {
|
||||
//只能用隐藏的submit btn才行，用form.submit()时data.field里没有数据
|
||||
|
||||
@@ -8,9 +8,8 @@ layui.config({
|
||||
|
||||
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
||||
//从flowschemes.js进入的节点信息
|
||||
var _FlowDesignObject = parent.FlowDesignObject;
|
||||
var node = _FlowDesignObject.$nodeData[_FlowDesignObject.$focus];
|
||||
node.id = _FlowDesignObject.$focus;
|
||||
var node = parent.FlowDesignObject;
|
||||
console.log(JSON.stringify(node));
|
||||
|
||||
var vm = new Vue({
|
||||
el: "#formEdit"
|
||||
|
||||
Reference in New Issue
Block a user