1<!doctype html> 2<html lang="zh-cn"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no"> 7 <meta name="renderer" content="webkit"> 8 <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'> 9 <title>Flow-UI | æ¦è§</title> 10 <meta content="Flow-UIææ¡£,Flow-CLI,front-flow" name="Keywords"> 11 <meta content="Flow-UI æ¯ä¸å¥ç»ä»¶åUIæ¡æ¶ï¼æ¯æå®å¶ä¸»é¢ï¼ä¸»è¦æå¡äºåå°åä¸åå°äº§åã" name="Description"> 12 <meta property="og:type" content="document"/> 13<meta property="og:release_date" content="2016-06-20"/> 14<meta property="og:title" content="Flow-UI Documentation"/> 15<meta property="og:description" content="Flow-UI æ¯ä¸å¥ç»ä»¶åUIæ¡æ¶ï¼æ¯æå®å¶ä¸»é¢ï¼ä¸»è¦æå¡äºåå°åä¸åå°äº§åã"/> 16<meta property="og:document:type" content="html"/> 17<meta property="og:image" content="https://github.com/tower1229/tower1229.github.io/raw/master/asset/ico108.png"/> 18<meta property="og:document:page" content="1"/> 19<meta property="og:document:cost" content="å è´¹"/> 20<link href="/docs/favicon.ico" rel="icon"> 21<link href="/docs/css/style.css" rel="stylesheet">
22<script type="text/javascript"> 23 if(window.location.href.indexOf('https')===0){ 24 document.write('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />'); 25 } 26</script>
26 27<!--[if lt IE 9]>
27<script src="/docs/lib/H5shiv.js"></script>
27<![endif]-->
28<script> 29 var _hmt = _hmt || []; 30 (function() { 31 var hm = document.createElement("script"); 32 hm.src = "https://hm.baidu.com/hm.js?f10103677155b485824f29def715eb5d"; 33 var s = document.getElementsByTagName("script")[0]; 34 s.parentNode.insertBefore(hm, s); 35 })(); 36</script>
vendor: 1 bytes, line 36
36
37<script src="//msite.baidu.com/sdk/c.js?appid=1585542911827735"></script>
37 38 <link rel="canonical" href="http://flow-ui.refined-x.com/demo.html" /> 39
39<script type="application/ld+json"> 40 { 41 "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", 42 "@id": "http://flow-ui.refined-x.com/demo.html", 43 "appid": "1585542911827735", 44 "title": "Flow-UI | æ¦è§", 45 "images": [ 46 "http://flow-ui.refined-x.com/docs/img/flow-ui-logo.jpg" 47 ], 48 "description": "Flow-UI æ¯ä¸å¥é«å®å¶æ§UIæ¡æ¶ï¼åºäºSeajs/jQueryæ建ï¼å ç½®CSSç»ä»¶ãJSæ件ã模ååå¼åä½ç³»ãèªå¨åå¼åå·¥å ·ã常è§åºæ¯è§£å³æ¹æ¡ã", 49 "pubDate": "2017-12-26T08:00:01" 50 } 51 </script>
51 52</head> 53 54<body> 55 <div class="wrap m-tb"> 56 <div class="tc"><a href="http://flow-ui.refined-x.com/" title="Flow-UIå端ç»ä»¶åå¼åæ¡æ¶"><img src="/docs/img/ico.png" style="width: 8em"></a></div> 57 <h1 class="tc m"><a href="http://flow-ui.refined-x.com/" title="Flow-UIå端ç»ä»¶åå¼åæ¡æ¶">Flow-UI æ¦è§</a></h1> 58 </div> 59 <div class="wrap"> 60 <h2 class="m">Buttons</h2> 61 <div class="row"> 62 <div class="span-2 m-b"> 63 <a href="###" class="btn btn-block btn-default">æ®éæé®</a> 64 </div> 65 <div class="span-2 m-b"> 66 <a href="###" class="btn btn-block btn-primary">主è²æé®</a> 67 </div> 68 <div class="span-2 m-b"> 69 <a href="###" class="btn btn-block btn-auxiliary">è¾ è²æé®</a> 70 </div> 71 <div class="span-2 m-b"> 72 <a href="###" class="btn btn-block btn-info">ä¿¡æ¯æé®</a> 73 </div> 74 <div class="span-2 m-b"> 75 <a href="###" class="btn btn-block btn-success">æåæé®</a> 76 </div> 77 <div class="span-2 m-b"> 78 <a href="###" class="btn btn-block btn-warning">è¦åæé®</a> 79 </div> 80 <div class="span-2 m-b"> 81 <a href="###" class="btn btn-block btn-danger">å±é©æé®</a> 82 </div> 83 <div class="span-2 m-b"> 84 <a href="###" class="btn btn-block btn-ghost btn-primary">å¹½çµæé®</a> 85 </div> 86 <div class="span-2 m-b"> 87 <a href="###" class="btn btn-block btn-ghost btn-auxiliary">å¹½çµæé®</a> 88 </div> 89 <div class="span-2 m-b"> 90 <a href="###" class="btn btn-block btn-ghost btn-info">å¹½çµæé®</a> 91 </div> 92 <div class="span-2 m-b"> 93 <a href="###" class="btn btn-block btn-ghost btn-success">å¹½çµæé®</a> 94 </div> 95 <div class="span-2 m-b"> 96 <a href="###" class="btn btn-block btn-ghost btn-warning">å¹½çµæé®</a> 97 </div> 98 </div> 99 <h2 class="m">Input</h2> 100 <div class="row"> 101 <div class="span-2 m-b"> 102 <input type="text" class="form-control" placeholder="æ®é"> 103 </div> 104 <div class="span-2 m-b has-primary"> 105 <input type="text" class="form-control" placeholder="è²å½©"> 106 </div> 107 <div class="span-3 m-b has-primary"> 108 <div class="input-group"> 109 <div class="input-group-addon">@</div> 110 <input class="form-control" type="email" placeholder="Enter email"> 111 </div> 112 </div> 113 <div class="span-3 m-b inputHandle has-primary"> </div> 114 <div class="span-2 m-b inputnumberHandle has-primary"> </div> 115 </div> 116 <div class="row"> 117 <div class="span-3 m-b"> 118 <h2 class="m">Dropdown</h2> 119 <div class="btn btn-primary drogdownHandle">ä¸æèå<i class="ion"></i></div> 120 </div> 121 <div class="span-3 m-b"> 122 <h2 class="m">Selete</h2> 123 <div class="selectHandle has-primary"></div> 124 </div> 125 <div class="span-3 m-b tc"> 126 <h2 class="m">Switch</h2> 127 <span class="switchHandle1"></span> 128 <span class="switchHandle2"></span> 129 </div> 130 <div class="span-3 m-b"> 131 <h2 class="m">Tags</h2> 132 <div class="lableHandle"></div> 133 </div> 134 </div> 135 <h2 class="m">Menu</h2> 136 <nav id="menu"></nav> 137 <div class="row"> 138 <div class="span-6"> 139 <h2 class="m">Process / Slider</h2> 140 <div class="progress progress-primary m-tb"> 141 <div class="progress-inner"> 142 <div class="progress-bg" style="width: 65%;"></div> 143 </div> 144 </div> 145 <div class="progress progress-primary progress-active progress-s
145how-info m-tb"> 146 <div class="progress-inner"> 147 <div class="progress-bg" style="width: 65%;"></div> 148 </div> 149 <span class="progress-text"><span class="progress-text-inner">65%</span></span> 150 </div> 151 <div class="sliderHandle m-tb"></div> 152 </div> 153 <div class="span-6"> 154 <h2 class="m">Page / Bread</h2> 155 <div class="bread m-tb"> 156 <a href="###" class="bread-link"> <i class="ion">î</i> Home</a> 157 <span class="bread-sep">/</span> 158 <a href="###" class="bread-link"> <i class="ion">î»</i> Components</a> 159 <span class="bread-sep">/</span> 160 <span class="bread-link"> <i class="ion">î</i>Breadcrumb</span> 161 </div> 162 <div class="pageHandle m-tb"></div> 163 </div> 164 </div> 165 <h2 class="m">è²å½©</h2> 166 <div class="row"> 167 <div class="span-2"> 168 <div class="bg-primary tc p">主è²</div> 169 </div> 170 <div class="span-2"> 171 <div class="bg-auxiliary tc p">è¾ å©è²</div> 172 </div> 173 <div class="span-2"> 174 <div class="bg-success tc p">æå</div> 175 </div> 176 <div class="span-2"> 177 <div class="bg-info tc p">ä¿¡æ¯</div> 178 </div> 179 <div class="span-2"> 180 <div class="bg-warning tc p">è¦å</div> 181 </div> 182 <div class="span-2"> 183 <div class="bg-danger tc p">å±é©</div> 184 </div> 185 </div> 186 <div class="row"> 187 <div class="span-4"> 188 <h2 class="m">æ¥æéæ©</h2> 189 <input type="text" class="form-control datepickerHandle" placeholder="éæ©æ¥æ"> 190 </div> 191 <div class="span-4"> 192 <h2 class="m">æ¶é´éæ©</h2> 193 <input type="text" class="form-control timepickerHandle" placeholder="éæ©æ¥æ"> 194 </div> 195 <div class="span-4"> 196 <h2 class="m">æ¥æ/æ¶é´</h2> 197 <input type="text" class="form-control datetimeHandle" placeholder="éæ©æ¥æ"> 198 </div> 199 </div> 200 <h2 class="m">
200è¡¨æ ¼</h2> 201 <div class="tableHandle" style="height: 400px"></div> 202 <h2 class="m">å¹»ç¯ç</h2> 203 <div class="slideHandle" style="height: 500px;display: none;"> 204 <ul> 205 <li><img src="http://static.refined-x.com/static/view0.jpg" style="width:100%"></li> 206 <li><img src="http://static.refined-x.com/static/view1.jpg" style="width:100%"></li> 207 <li><img src="http://static.refined-x.com/static/view2.jpg" style="width:100%"></li> 208 <li><img src="http://static.refined-x.com/static/view3.jpg" style="width:100%"></li> 209 </ul> 210 </div> 211 </div> 212 <div class="wrap m-tb-lg"> 213 <div class="p-lg bg-gray-lighter">DEMO页é¢ä½¿ç¨äºè¿ç¨æ件åºï¼IE8访é®å¯è½æ æ³å è½½æ件ï¼è¿æ¯ç±äºIE8é»è®¤ä¸å 许跨å请æ±æ°æ®å¯¼è´çï¼å®é 项ç®ä¸ä¸ä½¿ç¨è¿ç¨æ件åºå¯ä»¥é¿å è¿ä¸ªé®é¢ï¼æè å¯ä»¥æå¨ä¿®æ¹IEæµè§å¨çå®å ¨çç¥ï¼æ¥éª¤å¦ä¸ï¼IEå·¥å ·->interneté项->å®å ¨->èªå®ä¹çº§å«->éè¿å访é®æ°æ®æºã 214 </div> 215 </div> 216 <footer class="wrap oh tc m-tb-lg"> 217 <div class="row "> <a href="#" title="è¿å顶é¨" class="dib foot_logo gotop"> 218 <figure></figure> 219 </a> 220 <p class="dib"> © 2016 - 3016 [email protected] <a href="http://refined-x.com" title="é Xå ±èµçå端ææ¯å客">é Xå ±èµ</a> | <a href="http://flow-ui.refined-x.com" title="Flow-UI">Flow-UI</a><br> 221 Acknowledgements : seajs \ bootstrap \ foundation \ ... </p> 222 </div> 223</footer> 224
224<script src="/docs/lib/sea.js" id="seajsnode"></script>
224 225
225<script> 226 seajs.use('js/demo'); 227 </script>
227 228</body> 229 230</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.