Updates

2026-09-18 13:00:06 +08:00 · 2015-07-28 22:43:15 +08:00
parent 5fcf3da019
commit ccd03a5d6b
6 changed files with 1118 additions and 173 deletions
@@ -1,192 +1,246 @@
-
 <!DOCTYPE html>
 <html>
+
 <head>
-  <title>rc-slider-simple</title>
-  <meta http-equiv=Content-Type content="text/html;charset=utf-8">
-  <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" type="text/css" rel="stylesheet"/>
-  <style>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" rel="stylesheet" />
+    <style>
+      .highlight pre {
+        padding: .8em 1em;
+        font: 14px/20px Consolas,Monaco,'Andale Mono',monospace;
+        border: 1px solid #e5e8ec;
+        border-radius: 3px;
+        background-color: #21221d;
+        background-image: -webkit-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: -moz-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: -ms-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: -o-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: linear-gradient(#21221d 50%,#272822 50%);
+        background-size: 40px 40px;
+        background-origin: content-box;
+        overflow: auto;
+        -webkit-overflow-scrolling: touch;
+      }
+      .highlight pre>code {
+        font-family: inherit;
+        direction: ltr;
+        text-align: left;
+        white-space: pre;
+        word-spacing: normal;
+        vertical-align: 2px;
+        display: block;
+        -moz-tab-size: 2;
+        -o-tab-size: 2;
+        tab-size: 2;
+        -webkit-hyphens: none;
+        -moz-hyphens: none;
+        -ms-hyphens: none;
+        hyphens: none;
+        color: #E5E5C2;
+      }
+          /*
+      Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
+      */
+
      .hljs {
-          display: block;
-          overflow-x: auto;
-          padding: 0.5em;
-          color: #333;
-          background: #f8f8f8;
-          -webkit-text-size-adjust: none;
+        display: block;
+        overflow-x: auto;
+        padding: 0.5em;
+        background: #23241f;
+        -webkit-text-size-adjust: none;
      }

-      .hljs-comment,
-      .diff .hljs-header,
-      .hljs-javadoc {
-          color: #998;
-          font-style: italic;
+      .hljs,
+      .hljs-tag,
+      .css .hljs-rules,
+      .css .hljs-value,
+      .css .hljs-function
+      .hljs-preprocessor,
+      .hljs-pragma {
+        color: #f8f8f2;
+      }
+
+      .hljs-strongemphasis,
+      .hljs-strong,
+      .hljs-emphasis {
+        color: #a8a8a2;
+      }
+
+      .hljs-bullet,
+      .hljs-blockquote,
+      .hljs-horizontal_rule,
+      .hljs-number,
+      .hljs-regexp,
+      .alias .hljs-keyword,
+      .hljs-literal,
+      .hljs-hexcolor {
+        color: #ae81ff;
+      }
+
+      .hljs-tag .hljs-value,
+      .hljs-code,
+      .hljs-title,
+      .css .hljs-class,
+      .hljs-class .hljs-title:last-child {
+        color: #a6e22e;
+      }
+
+      .hljs-link_url {
+        font-size: 80%;
+      }
+
+      .hljs-strong,
+      .hljs-strongemphasis {
+        font-weight: bold;
+      }
+
+      .hljs-emphasis,
+      .hljs-strongemphasis,
+      .hljs-class .hljs-title:last-child {
+        font-style: italic;
      }

      .hljs-keyword,
-      .css .rule .hljs-keyword,
+      .hljs-function,
+      .hljs-change,
      .hljs-winutils,
+      .hljs-flow,
      .nginx .hljs-title,
-      .hljs-subst,
-      .hljs-request,
-      .hljs-status {
-          color: #333;
-          font-weight: bold;
+      .tex .hljs-special,
+      .hljs-header,
+      .hljs-attribute,
+      .hljs-symbol,
+      .hljs-symbol .hljs-string,
+      .hljs-tag .hljs-title,
+      .hljs-value,
+      .alias .hljs-keyword:first-child,
+      .css .hljs-tag,
+      .css .unit,
+      .css .hljs-important {
+        color: #f92672;
      }

-      .hljs-number,
-      .hljs-hexcolor,
-      .ruby .hljs-constant {
-          color: #008080;
+      .hljs-function .hljs-keyword,
+      .hljs-class .hljs-keyword:first-child,
+      .hljs-constant,
+      .css .hljs-attribute {
+        color: #66d9ef;
+      }
+
+      .hljs-variable,
+      .hljs-params,
+      .hljs-class .hljs-title {
+        color: #f8f8f2;
      }

      .hljs-string,
-      .hljs-tag .hljs-value,
-      .hljs-phpdoc,
-      .hljs-dartdoc,
-      .tex .hljs-formula {
-          color: #d14;
-      }
-
-      .hljs-title,
-      .hljs-id,
-      .scss .hljs-preprocessor {
-          color: #900;
-          font-weight: bold;
-      }
-
-      .hljs-list .hljs-keyword,
-      .hljs-subst {
-          font-weight: normal;
-      }
-
-      .hljs-class .hljs-title,
+      .css .hljs-id,
+      .hljs-subst,
      .hljs-type,
-      .vhdl .hljs-literal,
-      .tex .hljs-command {
-          color: #458;
-          font-weight: bold;
+      .ruby .hljs-class .hljs-parent,
+      .hljs-built_in,
+      .django .hljs-template_tag,
+      .django .hljs-variable,
+      .smalltalk .hljs-class,
+      .django .hljs-filter .hljs-argument,
+      .smalltalk .hljs-localvars,
+      .smalltalk .hljs-array,
+      .hljs-attr_selector,
+      .hljs-pseudo,
+      .hljs-addition,
+      .hljs-stream,
+      .hljs-envvar,
+      .apache .hljs-tag,
+      .apache .hljs-cbracket,
+      .tex .hljs-command,
+      .hljs-prompt,
+      .hljs-link_label,
+      .hljs-link_url {
+        color: #e6db74;
      }

-      .hljs-tag,
-      .hljs-tag .hljs-title,
-      .hljs-rules .hljs-property,
-      .django .hljs-tag .hljs-keyword {
-          color: #000080;
-          font-weight: normal;
-      }
-
-      .hljs-attribute,
-      .hljs-variable,
-      .lisp .hljs-body {
-          color: #008080;
-      }
-
-      .hljs-regexp {
-          color: #009926;
-      }
-
-      .hljs-symbol,
-      .ruby .hljs-symbol .hljs-string,
-      .lisp .hljs-keyword,
-      .clojure .hljs-keyword,
-      .scheme .hljs-keyword,
-      .tex .hljs-special,
-      .hljs-prompt {
-          color: #990073;
-      }
-
-      .hljs-built_in {
-          color: #0086b3;
-      }
-
-      .hljs-preprocessor,
-      .hljs-pragma,
+      .hljs-comment,
+      .hljs-javadoc,
+      .hljs-annotation,
+      .hljs-decorator,
+      .hljs-template_comment,
      .hljs-pi,
      .hljs-doctype,
+      .hljs-deletion,
      .hljs-shebang,
-      .hljs-cdata {
-          color: #999;
-          font-weight: bold;
+      .apache .hljs-sqbracket,
+      .tex .hljs-formula {
+        color: #75715e;
      }

-      .hljs-deletion {
-          background: #fdd;
+      .coffeescript .javascript,
+      .javascript .xml,
+      .tex .hljs-formula,
+      .xml .javascript,
+      .xml .vbscript,
+      .xml .css,
+      .xml .hljs-cdata,
+      .xml .php,
+      .php .xml {
+        opacity: 0.5;
      }
-
-      .hljs-addition {
-          background: #dfd;
+    </style>
+    <style>
+      .container {
+          width: 86%;
+          max-width: 1000px;
+          margin-left: auto;
+          margin-right: auto;
      }
-
-      .diff .hljs-change {
-          background: #0086b3;
+      .header p {
+        color: #666;
      }
-
-      .hljs-chunk {
-          color: #aaa;
+      .example {
+          padding: 20px 0;
      }
-      .highlight {
-          background-color: transparent;
-          padding-top: 1px;
-          position: relative;
-      }
-
-      .highlight pre {
-          font-family: Consolas, "Liberation Mono", Courier, monospace;
-          margin: 6px 0;
-          border: 1px solid #eee;
-          padding: 6px 10px;
-          overflow: auto;
-          border-radius: 2px;
-          background-color: #f8f8f9;
-          line-height: 19px;
-          font-size: 13px;
-          white-space: pre;
-      }
-
-      .highlight pre code {
-          color: #5D6A6A;
-          background-color: transparent;
-          margin: auto;
-          padding: 0;
-      }
-  </style>
-  <!--[if lt IE 9]>
-  <script>
-  // Console-polyfill. MIT license.
-  // https://github.com/paulmillr/console-polyfill
-  // Make it safe to do console.log() always.
-  (function(global) {
-    'use strict';
-    global.console = global.console || {};
-    var con = global.console;
-    var prop, method;
-    var empty = {};
-    var dummy = function() {};
-    var properties = 'memory'.split(',');
-    var methods = ('assert,clear,count,debug,dir,dirxml,error,exception,group,' +
-       'groupCollapsed,groupEnd,info,log,markTimeline,profile,profiles,profileEnd,' +
-       'show,table,time,timeEnd,timeline,timelineEnd,timeStamp,trace,warn').split(',');
-    while (prop = properties.pop()) con[prop] = con[prop] || empty;
-    while (method = methods.pop()) con[method] = con[method] || dummy;
-  })(typeof window === 'undefined' ? this : window);
-  // Using `this` for web workers while maintaining compatibility with browser
-  // targeted script loaders such as Browserify or Webpack where the only way to
-  // get to the global object is via `window`.
-  </script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-shim.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-sham.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
-  <![endif]-->
-  <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
+    </style>
+    <!--[if lt IE 9]>
+<script>
+// Console-polyfill. MIT license.
+// https://github.com/paulmillr/console-polyfill
+// Make it safe to do console.log() always.
+(function(global) {
+  'use strict';
+  global.console = global.console || {};
+  var con = global.console;
+  var prop, method;
+  var empty = {};
+  var dummy = function() {};
+  var properties = 'memory'.split(',');
+  var methods = ('assert,clear,count,debug,dir,dirxml,error,exception,group,' +
+     'groupCollapsed,groupEnd,info,log,markTimeline,profile,profiles,profileEnd,' +
+     'show,table,time,timeEnd,timeline,timelineEnd,timeStamp,trace,warn').split(',');
+  while (prop = properties.pop()) con[prop] = con[prop] || empty;
+  while (method = methods.pop()) con[method] = con[method] || dummy;
+})(typeof window === 'undefined' ? this : window);
+// Using `this` for web workers while maintaining compatibility with browser
+// targeted script loaders such as Browserify or Webpack where the only way to
+// get to the global object is via `window`.
+</script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-shim.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-sham.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
+<![endif]-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
 </head>
+
 <body>
-<h1>rc-slider@1.3.0</h1>
-<div id="__react-content"></div>
-<script src="common.js?nowrap"></script>
-<script src="simple.js?nowrap"></script>
-<div class="highlight">
-<pre>
-<span class="hljs-pi">'use strict'</span>;
+    <div class="container">
+        <div class="header">
+            <h1>rc-slider@1.3.1</h1>
+            <p>slider ui component for react</p>
+        </div>
+        <div class="example" id="__react-content"></div>
+        <script src="common.js?nowrap"></script>
+        <script src="simple.js?nowrap"></script>
+        <div class="highlight"><pre><code><span class="hljs-pi">'use strict'</span>;

 <span class="hljs-built_in">require</span>(<span class="hljs-string">'rc-slider/assets/index.css'</span>);

@@ -200,8 +254,9 @@
 <span class="hljs-comment">// React.render(&lt;Slider marks={["一","二","三","四","五"]} index={3}/&gt;, document.getElementById('__react-content'));</span>
 <span class="hljs-comment">// React.render(&lt;Slider className='rc-slider' step={20}/&gt;, document.getElementById('__react-content'));</span>
 React.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{{width:400,margin:100}}</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{onChange}</span>/&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>, document.getElementById('__react-content'));
-</span>
-</pre>
-</div>
+</span></code></pre></div>
+    </div>
+    <a href="http://github.com/react-component/slider"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
 </body>
-</html>
+
+</html>