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:27 UTC
[35/39] incubator-weex-site git commit: * update site
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/image.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/image.html b/content/cn/references/components/image.html
index 0de3a74..0172757 100644
--- a/content/cn/references/components/image.html
+++ b/content/cn/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;&lt;image&gt; \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 &lt;img&gt; \u4f5c\u7b80\u5199\u3002
\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u9700\u8981\u660e\u786e\u6307\u5b9a width \u548c height\uff0c\u5426\u5219\u56fe\u7247\u65e0\u6cd5\u663e\u793a\u3002
\u7b80\u5355\u4f8b\u5b50\uff1a
@@ -61,7 +18,7 @@
\u7b80\u5355\u4f8b\u5b50\uff1a
&lt;template&gt; &lt;div&gt; &lt;img style="width: 560;height: 560;" src="https:/">
<meta property="og:image" content="https://weex.apache.org/../images/image_1.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.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;&lt;image&gt; \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 &lt;img&gt; \u4f5c\u7b80\u5199\u3002
@@ -126,13 +83,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/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>
@@ -149,7 +122,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">
@@ -520,11 +493,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -556,11 +529,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -593,11 +566,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -740,7 +713,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1116,11 +1089,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1152,11 +1125,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1189,11 +1162,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1336,7 +1309,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1354,7 +1327,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-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><p><code><image></code> \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 <code><img></code> \u4f5c\u7b80\u5199\u3002</p>
<p>\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u9700\u8981\u660e\u786e\u6307\u5b9a <code>width</code> \u548c <code>height</code>\uff0c\u5426\u5219\u56fe\u7247\u65e0\u6cd5\u663e\u793a\u3002</p>
@@ -1419,7 +1392,7 @@
<li>\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002</li>
</ol>
<h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</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">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></div><div c
lass="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 scientist, m
athematician, 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 bombe metho
d, 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 chemical bas
is 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 Elizabet
h 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 class="numbe
r">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>></span></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>
@@ -1441,7 +1414,7 @@
<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/cn/references/components/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/index.html b/content/cn/references/components/index.html
index c429e5c..10a7c07 100644
--- a/content/cn/references/components/index.html
+++ b/content/cn/references/components/index.html
@@ -5,49 +5,6 @@
<title>\u5185\u5efa\u7ec4\u4ef6 | 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="\u5185\u5efa\u7ec4\u4ef6
&lt;a&gt;
&lt;indicator&gt;
@@ -80,7 +37,7 @@
&lt;list&gt;
&lt;cell&gt;
&lt;refresh&gt; &amp; &lt;load">
-<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="\u5185\u5efa\u7ec4\u4ef6">
<meta name="twitter:description" content="\u5185\u5efa\u7ec4\u4ef6
@@ -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">
@@ -548,11 +521,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -584,11 +557,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -621,11 +594,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -768,7 +741,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1144,11 +1117,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1180,11 +1153,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1217,11 +1190,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1364,7 +1337,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1382,7 +1355,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="\u5185\u5efa\u7ec4\u4ef6"><a href="#\u5185\u5efa\u7ec4\u4ef6" class="headerlink" title="\u5185\u5efa\u7ec4\u4ef6"></a>\u5185\u5efa\u7ec4\u4ef6</h1><ul>
<li><a href="./a.html"><a></a></li>
@@ -1422,7 +1395,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/cn/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/indicator.html b/content/cn/references/components/indicator.html
index aa7bfa4..95e0cf4 100644
--- a/content/cn/references/components/indicator.html
+++ b/content/cn/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;&lt;indicator&gt; \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 &lt;slider&gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002
\u5b50\u7ec4\u4ef6&lt;indicator&gt; \u7ec4\u4ef6\u6ca1\u6709\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002
\u6837\u5f0f&lt;indicator&gt; \u7ec4\u4ef6\u6709\u4e00\u4e9b\u79c1\u6709\u6837\u5f0f\uff0c\u5982\u4e0b\uff1a
@@ -62,7 +19,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
\u6837\u5f0f&lt;indicator&gt; \u7ec4\u4ef6\u6709\u4e00\u4e9b\u79c1\u6709\u6837\u5f0f\uff0c\u5982\u4e0b\uff1a
item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red\uff1b\u4e5f\u53ef\u4ee5\u662f 16 \u8fdb\u5236\u7684">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.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;&lt;indicator&gt; \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 &lt;slider&gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002
@@ -127,13 +84,29 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
<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>
@@ -150,7 +123,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
<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">
@@ -521,11 +494,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link current "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link current "><indicator></a>
</li>
<li>
@@ -557,11 +530,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -594,11 +567,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -741,7 +714,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1117,11 +1090,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link current "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link current "><indicator></a>
</li>
<li>
@@ -1153,11 +1126,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1190,11 +1163,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1337,7 +1310,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1355,7 +1328,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
</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-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><p><code><indicator></code> \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 <a href="./slider.html"><code><slider></code></a> \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002</p>
<h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p><code><indicator></code> \u7ec4\u4ef6\u6ca1\u6709\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1394,7 +1367,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
<li>\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002</li>
</ol>
<h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</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></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="st
ring">"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</spa
n>: <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 class="n
umber">#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="att
ribute">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</span>
{</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 clas
s="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>
@@ -1416,7 +1389,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
<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/cn/references/components/input.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/input.html b/content/cn/references/components/input.html
index 6451c0f..ee98790 100644
--- a/content/cn/references/components/input.html
+++ b/content/cn/references/components/input.html
@@ -5,49 +5,6 @@
<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="&lt;input&gt;Weex \u5185\u7f6e\u7684 &lt;input&gt; \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 &lt;input&gt; \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 type \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 &lt;text&gt;\uff0c password\uff0curl\uff0cemail\uff0ctel \u7b49\u3002
\u6ce8\u610f\uff1a
\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301 click \u4e8b\u4ef6\u3002\u8bf7\u76d1\u542c &lt;input&gt; \u6216 change \u6765\u4ee3\u66ff click \u4e8b\u4ef6\u3002
@@ -60,7 +17,7 @@
\u6ce8\u610f\uff1a
\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301 click \u4e8b\u4ef6\u3002\u8bf7\u76d1\u542c &lt;input&gt; \u6216 change \u6765\u4ee3\u66ff click \u4e8b\u4ef6\u3002
\u5b50\u7ec4\u4ef6">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.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="&lt;input&gt;Weex \u5185\u7f6e\u7684 &lt;input&gt; \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 &lt;input&gt; \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 type \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 &lt;text&gt;\uff0c password\uff0curl\uff0cemail\uff0ctel \u7b49\u3002
@@ -124,13 +81,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>
@@ -147,7 +120,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">
@@ -518,11 +491,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -554,11 +527,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link current "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link current "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -591,11 +564,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -738,7 +711,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1114,11 +1087,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1150,11 +1123,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link current "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link current "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1187,11 +1160,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1334,7 +1307,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1352,7 +1325,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-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="lt-input-gt"><a href="#lt-input-gt" class="headerlink" title="<input>"></a><input></h1><p>Weex \u5185\u7f6e\u7684 <code><input></code> \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 <code><input></code> \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 <code>type</code> \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 <code><text></code>\uff0c <code>password</code>\uff0c<code>url</code>\uff0c<code>email</code>\uff0c<code>tel</code> \u7b49\u3002</p>
<p><strong>\u6ce8\u610f\uff1a</strong> </p>
@@ -1449,7 +1422,7 @@
</ul>
<h2 id="\u7ea6\u675f"><a href="#\u7ea6\u675f" class="headerlink" title="\u7ea6\u675f"></a>\u7ea6\u675f</h2><p>\u76ee\u524d\u4e0d\u652f\u6301 <code>this.$el(id).value = ''</code> \u8fd9\u79cd\u65b9\u5f0f\u6539\u5199 input value\u3002\u53ea\u652f\u6301\u5728 <code><input></code> \u7ec4\u4ef6\u7684 <code>input</code>\u3001<code>change</code> \u4e8b\u4ef6\u4e2d\u6539\u5199\u3002</p>
<h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</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}</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"> 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 class
="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><di
v 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>
@@ -1471,7 +1444,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>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/list.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/list.html b/content/cn/references/components/list.html
index 89670b0..c657d56 100644
--- a/content/cn/references/components/list.html
+++ b/content/cn/references/components/list.html
@@ -5,49 +5,6 @@
<title><list> | 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;list&gt;&lt;list&gt; \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 &lt;list&gt; \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 repeat \u751f\u6210\u7684 &lt;cell&gt; \u6807\u7b7e\u586b\u5145\u3002
\u5b50\u7ec4\u4ef6&lt;list&gt; \u7ec4\u4ef6\u652f\u6301\u66f4\u591a\u9ad8\u7ea7\u529f\u80fd\uff0c\u7531\u4ee5\u4e0b\u5b50\u7ec4\u4ef6\u63d0\u4f9b\uff1a
@@ -63,7 +20,7 @@
&lt;cell&gt;
\u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868">
<meta property="og:image" content="https://weex.apache.org/../images/list_4.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="<list>">
<meta name="twitter:description" content="&lt;list&gt;&lt;list&gt; \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 &lt;list&gt; \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 repeat \u751f\u6210\u7684 &lt;cell&gt; \u6807\u7b7e\u586b\u5145\u3002
@@ -129,13 +86,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/list.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -152,7 +125,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">
@@ -523,11 +496,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -559,11 +532,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link current "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link current "><list></a>
</li>
<li>
@@ -596,11 +569,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -743,7 +716,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1119,11 +1092,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1155,11 +1128,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link current "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link current "><list></a>
</li>
<li>
@@ -1192,11 +1165,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1339,7 +1312,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1357,7 +1330,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-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="lt-list-gt"><a href="#lt-list-gt" class="headerlink" title="<list>"></a><list></h1><p><code><list></code> \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 <code><list></code> \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 <code>repeat</code> \u751f\u6210\u7684 <code><cell></code> \u6807\u7b7e\u586b\u5145\u3002</p>
<h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p><code><list></code> \u7ec4\u4ef6\u652f\u6301\u66f4\u591a\u9ad8\u7ea7\u529f\u80fd\uff0c\u7531\u4ee5\u4e0b\u5b50\u7ec4\u4ef6\u63d0\u4f9b\uff1a</p>
@@ -1428,7 +1401,7 @@
</li>
</ol>
<h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</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">list</span> <span class="attr">class</span>=<span class="string">"list"</span> @<span class="attr">loadmore</span>=<span class="string">"fetch"</span> <span class="attr">loadmoreoffset</span>=<span class="string">"10"</span>></span></div><div class="line"> <span class="tag"><<span class="name">cell</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span></div><div class="line"> <span class="tag"><<span class="nam
e">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>{{num}}<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">cell</span>></span></div><div class="line"> <span class="tag"></<span class="name">list</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"> <span class="keyword">const</span> LOADMORE_COUNT = <span class="number">4</span></div><div class="line"></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</span> {</div><div class="line"> <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> fetch (event) {</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'loadmore'</span>, <span class="attr">duration</span>: <span class="number">1</span> })</div><div class="line"></div><div class="line"> setTimeout(<span class="function"><span class="params">()</span> =></span> {</div><div class="line"> <span class="keyword">const</span> length
= <span class="keyword">this</span>.lists.length</div><div class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i < length + LOADMORE_COUNT; ++i) {</div><div class="line"> <span class="keyword">this</span>.lists.push(i + <span class="number">1</span>)</div><div class="line"> }</div><div class="line"> }, <span class="number">800</span>)</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 class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.panel</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <
span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">35px</span>;</div><div class="line"> <span class="attribute">flex-direction</span>: column;</div><div class="line"> <span class="attribute">justify-content</span>: center;</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="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div>
<div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">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/list.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d31c85e7cd2dc54fa098e920a5376c38" target="_blank" rel="external">try it</a></p>
</div>
@@ -1450,7 +1423,7 @@
<a href="/references/components/list.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/components/list.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>