You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by so...@apache.org on 2017/03/02 03:54:06 UTC
[14/39] incubator-weex-site git commit: * update site
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/cell.html
----------------------------------------------------------------------
diff --git a/content/references/components/cell.html b/content/references/components/cell.html
index e744a91..e2488d0 100644
--- a/content/references/components/cell.html
+++ b/content/references/components/cell.html
@@ -5,49 +5,6 @@
<title><cell> | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="&lt;cell&gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
Child ComponentsThis type of component supports all kind">
<meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsThis type of component supports all kind">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="&lt;cell&gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
Child ComponentsThis type of component supports all kind">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="<cell>">
<meta name="twitter:description" content="&lt;cell&gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
@@ -118,13 +75,29 @@ Child ComponentsThis type of component supports all kind">
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
</div>
</div>
</li>
+ <li>
+ <div class="dropdown select-lang">
+ <a href="javascript:;" class="dropdown-toggle">
+ Language
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu pick-lang">
+ <li>
+ <a href="/references/components/cell.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -141,7 +114,7 @@ Child ComponentsThis type of component supports all kind">
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
@@ -580,11 +553,11 @@ Child ComponentsThis type of component supports all kind">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -700,12 +673,12 @@ Child ComponentsThis type of component supports all kind">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -723,7 +696,7 @@ Child ComponentsThis type of component supports all kind">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1167,11 +1140,11 @@ Child ComponentsThis type of component supports all kind">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -1287,12 +1260,12 @@ Child ComponentsThis type of component supports all kind">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -1310,7 +1283,7 @@ Child ComponentsThis type of component supports all kind">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1328,7 +1301,7 @@ Child ComponentsThis type of component supports all kind">
</h1>
- <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="lt-cell-gt"><a href="#lt-cell-gt" class="headerlink" title="<cell>"></a><cell></h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>This component must be used as a subcomponent of a <a href="./list.html"><code>list</code></a> component, which is for the performance optimizing during scrolling.</p>
<h3 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h3><p>This type of component supports all kinds of weex component as its child components.</p>
@@ -1368,7 +1341,7 @@ Child ComponentsThis type of component supports all kind">
<a href="/references/components/cell.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/components/cell.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/div.html
----------------------------------------------------------------------
diff --git a/content/references/components/div.html b/content/references/components/div.html
index b2d8d6e..908b3a0 100644
--- a/content/references/components/div.html
+++ b/content/references/components/div.html
@@ -5,49 +5,6 @@
<title><div> | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="&lt;div&gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
alias: &lt;container&gt; (depre">
<meta property="og:type" content="website">
@@ -56,7 +13,7 @@ alias: &lt;container&gt; (depre">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="&lt;div&gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
alias: &lt;container&gt; (depre">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="<div>">
<meta name="twitter:description" content="&lt;div&gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
@@ -118,13 +75,29 @@ alias: &lt;container&gt; (depre">
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
</div>
</div>
</li>
+ <li>
+ <div class="dropdown select-lang">
+ <a href="javascript:;" class="dropdown-toggle">
+ Language
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu pick-lang">
+ <li>
+ <a href="/references/components/div.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -141,7 +114,7 @@ alias: &lt;container&gt; (depre">
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
@@ -580,11 +553,11 @@ alias: &lt;container&gt; (depre">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -700,12 +673,12 @@ alias: &lt;container&gt; (depre">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -723,7 +696,7 @@ alias: &lt;container&gt; (depre">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1167,11 +1140,11 @@ alias: &lt;container&gt; (depre">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -1287,12 +1260,12 @@ alias: &lt;container&gt; (depre">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -1310,7 +1283,7 @@ alias: &lt;container&gt; (depre">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1328,7 +1301,7 @@ alias: &lt;container&gt; (depre">
</h1>
- <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="lt-div-gt"><a href="#lt-div-gt" class="headerlink" title="<div>"></a><div></h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>The most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.</p>
<p>alias: <code><container></code> (deprecated)</p>
@@ -1347,7 +1320,7 @@ alias: &lt;container&gt; (depre">
<li>support <code>appear</code> / <code>disappear</code> event. Check out <a href="../common-event.html">common events</a></li>
</ul>
<h3 id="Examples"><a href="#Examples" class="headerlink" title="Examples"></a>Examples</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"box"</span>></span><span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span> <span class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.box</span> {</div><div class="line">
<span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#EEE</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/div.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/edfbd1806508cb86254b03dc0b8e28ac" target="_blank" rel="external">try it</a></p>
</div>
@@ -1369,7 +1342,7 @@ alias: &lt;container&gt; (depre">
<a href="/references/components/div.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/components/div.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/image.html
----------------------------------------------------------------------
diff --git a/content/references/components/image.html b/content/references/components/image.html
index 02af5ca..643bd1d 100644
--- a/content/references/components/image.html
+++ b/content/references/components/image.html
@@ -5,49 +5,6 @@
<title><image> | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="&lt;image&gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
Notes: the styles of width and height should be specified,">
<meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Notes: the styles of width and height should be specified,">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="&lt;image&gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
Notes: the styles of width and height should be specified,">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="<image>">
<meta name="twitter:description" content="&lt;image&gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
@@ -118,13 +75,29 @@ Notes: the styles of width and height should be specified,">
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
</div>
</div>
</li>
+ <li>
+ <div class="dropdown select-lang">
+ <a href="javascript:;" class="dropdown-toggle">
+ Language
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu pick-lang">
+ <li>
+ <a href="/references/components/image.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -141,7 +114,7 @@ Notes: the styles of width and height should be specified,">
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
@@ -580,11 +553,11 @@ Notes: the styles of width and height should be specified,">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -700,12 +673,12 @@ Notes: the styles of width and height should be specified,">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -723,7 +696,7 @@ Notes: the styles of width and height should be specified,">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1167,11 +1140,11 @@ Notes: the styles of width and height should be specified,">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -1287,12 +1260,12 @@ Notes: the styles of width and height should be specified,">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -1310,7 +1283,7 @@ Notes: the styles of width and height should be specified,">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1328,7 +1301,7 @@ Notes: the styles of width and height should be specified,">
</h1>
- <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="lt-image-gt"><a href="#lt-image-gt" class="headerlink" title="<image>"></a><image></h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p><code>image</code> tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use <code>img</code> as alias.</p>
<p><strong>Notes:</strong> the styles of <code>width</code> and <code>height</code> should be specified, otherwise it won\u2019t work.</p>
@@ -1364,7 +1337,7 @@ Notes: the styles of width and height should be specified,">
</li>
</ul>
<h3 id="Examples"><a href="#Examples" class="headerlink" title="Examples"></a>Examples</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"wrapper"</span> ></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"page-head"</span> ></span></div><div class="line"> <span class="tag"><<span class="name">image</span> <span class="attr">class</span>=<span class="string">"title-bg"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">src</span>=<span class="string">"https://img.alicdn.com/tps/TB1dX5NOFXXXXc6XFXXXXXXXXXX-750-202.png"</span>></span><span class="tag"></<span class="name">image</span>></span></di
v><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"title-box"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>></span>Alan Mathison Turing<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"article"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>></span>Alan Mathison Turing ( 23 June 1912 \u2013 7 June 1954) was an English computer scie
ntist, mathematician, logician, cryptanalyst and theoretical biologist. He was highly influential in the development of theoretical computer science, providing a formalisation of the concepts of algorithm and computation with the Turing machine, which can be considered a model of a general purpose computer.Turing is widely considered to be the father of theoretical computer science and artificial intelligence.<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>></span>During the Second World War, Turing worked for the Government Code and Cypher School (GC&CS) at Bletchley Park, Britain's codebreaking centre. For a time he led Hut 8, the section responsible for German naval cryptanalysis. He devised a number of techniques for speeding the breaking of German ciphers, including improvements to the pre-war Polish bom
be method, an electromechanical machine that could find settings for the Enigma machine. Turing played a pivotal role in cracking intercepted coded messages that enabled the Allies to defeat the Nazis in many crucial engagements, including the Battle of the Atlantic; it has been estimated that this work shortened the war in Europe by more than two years and saved over fourteen million lives.<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>></span>After the war, he worked at the National Physical Laboratory, where he designed the ACE, among the first designs for a stored-program computer. In 1948 Turing joined Max Newman's Computing Machine Laboratory at the Victoria University of Manchester, where he helped develop the Manchester computers and became interested in mathematical biology. He wrote a paper on the chem
ical basis of morphogenesis, and predicted oscillating chemical reactions such as the Belousov\u2013Zhabotinsky reaction, first observed in the 1960s.<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>></span>Turing was prosecuted in 1952 for homosexual acts, when by the Labouchere Amendment, "gross indecency" was still criminal in the UK. He accepted chemical castration treatment, with DES, as an alternative to prison. Turing died in 1954, 16 days before his 42nd birthday, from cyanide poisoning. An inquest determined his death as suicide, but it has been noted that the known evidence is also consistent with accidental poisoning. In 2009, following an Internet campaign, British Prime Minister Gordon Brown made an official public apology on behalf of the British government for "the appalling way he was treated." Queen
Elizabeth II granted him a posthumous pardon in 2013.<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"></<span class="name">scroller</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.page-head</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title-bg</span> {</div><div class="line"> <span class="attribute">width</span>: <span clas
s="number">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title-box</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">align-items</span>: center;</div><div class="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">right</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">bottom</span>: <span class="number">0</span>;</div><div class="line"> <span
class="attribute">left</span>: <span class="number">0</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title</span> {</div><div class="line"> <span class="attribute">color</span>: <span class="number">#ffffff</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">32px</span>;</div><div class="line"> <span class="attribute">font-weight</span>: bold;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.article</span> {</div><div class="line"> <span class="attribute">padding</span>: <span class="number">20px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.paragraph</span>{</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">15px</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></spa
n></div></pre></td></tr></table></figure>
-<p><a href="../../examples/image.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/e2122bc245beafb0348d79bfd1274904" target="_blank" rel="external">try it</a></p>
</div>
@@ -1386,7 +1359,7 @@ Notes: the styles of width and height should be specified,">
<a href="/references/components/image.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/components/image.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/index.html
----------------------------------------------------------------------
diff --git a/content/references/components/index.html b/content/references/components/index.html
index dd366e0..53b61ce 100644
--- a/content/references/components/index.html
+++ b/content/references/components/index.html
@@ -5,49 +5,6 @@
<title>Build-in Components | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="Build-in Components
&lt;a&gt;
&lt;indicator&gt;
@@ -80,7 +37,7 @@
&lt;list&gt;
&lt;cell&gt;
&lt;refresh&gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Build-in Components">
<meta name="twitter:description" content="Build-in Components
@@ -154,13 +111,29 @@
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
</div>
</div>
</li>
+ <li>
+ <div class="dropdown select-lang">
+ <a href="javascript:;" class="dropdown-toggle">
+ Language
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu pick-lang">
+ <li>
+ <a href="/references/components/index.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -177,7 +150,7 @@
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
@@ -616,11 +589,11 @@
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -736,12 +709,12 @@
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -759,7 +732,7 @@
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1203,11 +1176,11 @@
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -1323,12 +1296,12 @@
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -1346,7 +1319,7 @@
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1364,7 +1337,7 @@
</h1>
- <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+ <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
</header>
<h1 id="Build-in-Components"><a href="#Build-in-Components" class="headerlink" title="Build-in Components"></a>Build-in Components</h1><ul>
<li><a href="./a.html"><a></a></li>
@@ -1404,7 +1377,7 @@
<a href="/references/components/index.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/components/index.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/content/references/components/indicator.html b/content/references/components/indicator.html
index 9b5980f..52345a3 100644
--- a/content/references/components/indicator.html
+++ b/content/references/components/indicator.html
@@ -5,49 +5,6 @@
<title><indicator> | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="&lt;indicator&gt;SummaryThis component must be used as a subcomponent of a slider component.
Child ComponentsThis component supports no child components.
AttributesThere is no specific attribute for t">
@@ -58,7 +15,7 @@ AttributesThere is no specific attribute for t">
<meta property="og:description" content="&lt;indicator&gt;SummaryThis component must be used as a subcomponent of a slider component.
Child ComponentsThis component supports no child components.
AttributesThere is no specific attribute for t">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="<indicator>">
<meta name="twitter:description" content="&lt;indicator&gt;SummaryThis component must be used as a subcomponent of a slider component.
@@ -121,13 +78,29 @@ AttributesThere is no specific attribute for t">
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
</div>
</div>
</li>
+ <li>
+ <div class="dropdown select-lang">
+ <a href="javascript:;" class="dropdown-toggle">
+ Language
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu pick-lang">
+ <li>
+ <a href="/references/components/indicator.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -144,7 +117,7 @@ AttributesThere is no specific attribute for t">
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
@@ -583,11 +556,11 @@ AttributesThere is no specific attribute for t">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -703,12 +676,12 @@ AttributesThere is no specific attribute for t">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -726,7 +699,7 @@ AttributesThere is no specific attribute for t">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1170,11 +1143,11 @@ AttributesThere is no specific attribute for t">
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -1290,12 +1263,12 @@ AttributesThere is no specific attribute for t">
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -1313,7 +1286,7 @@ AttributesThere is no specific attribute for t">
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1331,7 +1304,7 @@ AttributesThere is no specific attribute for t">
</h1>
- <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="lt-indicator-gt"><a href="#lt-indicator-gt" class="headerlink" title="<indicator>"></a><indicator></h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>This component must be used as a subcomponent of a <a href="./slider.html"><code>slider</code></a> component.</p>
<h3 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h3><p>This component supports no child components.</p>
@@ -1355,7 +1328,7 @@ AttributesThere is no specific attribute for t">
<li>support <code>appear</code> / <code>disappear</code> event. Check out <a href="../common-event.html">common events</a></li>
</ul>
<h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">slider</span> <span class="attr">class</span>=<span class="string">"slider"</span> <span class="attr">interval</span>=<span class="string">"4500"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"frame"</span> <span class="attr">v-for</span>=<span class="string">"img in imageList"</span>></span></div><div class="line"> <span class="tag"><<span class="name">image</span> <span class="attr">class</span>=<span class
="string">"image"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">:src</span>=<span class="string">"img.src"</span>></span><span class="tag"></<span class="name">image</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>></span>{{img.title}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">indicator</span> <span class="attr">class</span>=<span class="string">"indicator"</span>></span><span class="tag"></<span class="name">indicator</span>></span></div><div class="line"> <span class="tag"></<span class="name">slider</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</
span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.image</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.slider</span> {</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height<
/span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title</span> {</div><div class="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> <span class="attribute">top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">color</span>: <span clas
s="number">#FFFFFF</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line"> <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(0, 0, 0, 0.3);</div><div class="line"> }</div><div class="line"> <span class="selector-class">.frame</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">position</span>: relative;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.indicator</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class=
"attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">item-color</span>: green;</div><div class="line"> <span class="attribute">item-selected-color</span>: red;</div><div class="line"> <span class="attribute">item-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">top</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</sp
an> {</div><div class="line"> <span class="attr">imageList</span>: [</div><div class="line"> { <span class="attr">title</span>: <span class="string">'item A'</span>, <span class="attr">src</span>: <span class="string">'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'</span>},</div><div class="line"> { <span class="attr">title</span>: <span class="string">'item B'</span>, <span class="attr">src</span>: <span class="string">'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'</span>},</div><div class="line"> { <span class="attr">title</span>: <span class="string">'item C'</span>, <span class="attr">src</span>: <span class="string">'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'</span>}</div><div class="line"> ]</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span
class="attr">methods</span>: {</div><div class="line"> onchange (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'changed:'</span>, event.index)</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/indicator.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d2a654c4b75f1b4d80336c8a5fe133b9" target="_blank" rel="external">try it</a></p>
</div>
@@ -1377,7 +1350,7 @@ AttributesThere is no specific attribute for t">
<a href="/references/components/indicator.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/components/indicator.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/input.html
----------------------------------------------------------------------
diff --git a/content/references/components/input.html b/content/references/components/input.html
index a3f5da0..1c2fa7f 100644
--- a/content/references/components/input.html
+++ b/content/references/components/input.html
@@ -5,56 +5,13 @@
<title><input> | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
<meta property="og:type" content="website">
<meta property="og:title" content="<input>">
<meta property="og:url" content="https://weex.apache.org/references/components/input.html">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="<input>">
<meta name="twitter:description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
@@ -115,13 +72,29 @@
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
</div>
</div>
</li>
+ <li>
+ <div class="dropdown select-lang">
+ <a href="javascript:;" class="dropdown-toggle">
+ Language
+ <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu pick-lang">
+ <li>
+ <a href="/references/components/input.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -138,7 +111,7 @@
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
<span class="iconfont icon-search"></span>
</form>
<div class="results-panel">
@@ -577,11 +550,11 @@
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -697,12 +670,12 @@
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -720,7 +693,7 @@
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1164,11 +1137,11 @@
</li>
<li>
- <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
- <a href="/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
@@ -1284,12 +1257,12 @@
</li>
<li>
- <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a></h3>
+ <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link ">Migration</a></h3>
<ul class="chapter">
<li>
- <a href="/references/migration/index.html" class="sidebar-link ">Migration</a>
+ <a href="/references/platfrom-difference.html" class="sidebar-link ">Platform Differences Between Weex and Web</a>
</li>
<li>
@@ -1307,7 +1280,7 @@
<li>
- <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+ <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
</li>
</ul>
@@ -1325,7 +1298,7 @@
</h1>
- <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="input"><a href="#input" class="headerlink" title="input"></a>input</h1><p>The weex builtin component <code>input</code> is used to create input controls to receive the user\u2019s input characters. How a <code>input</code> component works varies considerably depending on the value of its <code>type</code> attribute, such as <code>text</code>, <code>password</code>, <code>url</code>, <code>email</code>, <code>tel</code> etc.</p>
<p><strong>Notes:</strong> does not support the common-event <code>click</code>. Please listen to the <code>input</code> or <code>change</code> event instead.</p>
@@ -1396,7 +1369,7 @@
<li>for \u2018focus\u2019 and \u2018blur\u2019 events:\u2019timestamp\u2019: the time stamp of the event.</li>
</ul>
<h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>></span></div><div class="line"> <span class="tag"><<span class="name">input</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"text"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">focus</span>=<span class="string">"onfocus"</span> @<span class="attr">blur</span>=<span class="string">"onblur"</span>></span></div><div class="line"> <
span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> oninput (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'oninput:'</span>, event.value)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">`oninput: <span class="subst">${event.value}</sp
an>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onchange (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onchange:'</span>, event.value)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">`onchange: <span class="subst">${event.value}</span>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onfocus (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onfocus:'</span>, event.value)</div><div class="line"> modal.toast({</div><div c
lass="line"> <span class="attr">message</span>: <span class="string">`onfocus: <span class="subst">${event.value}</span>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onblur (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onblur:'</span>, event.value)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">`input blur: <span class="subst">${event.value}</span>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"
></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.input</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div
><div class="line"> <span class="attribute">padding-right</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/input.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/c1b1a5fdcf0937df1d847f8812a7ccb2" target="_blank" rel="external">try it</a></p>
</div>
@@ -1418,7 +1391,7 @@
<a href="/references/components/input.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/components/input.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>