http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/d332a30e/cn/references/modules/animation.html ---------------------------------------------------------------------- diff --git a/cn/references/modules/animation.html b/cn/references/modules/animation.html deleted file mode 100644 index 13dd451..0000000 --- a/cn/references/modules/animation.html +++ /dev/null @@ -1,1526 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>animation | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="animation å¨ç»æµç ä¸ææä¹çå¨ç»æ¯ä¸ä¸ªååææçæå移å¨åºç¨ç¨æ·ä½éªçæ段ï¼animation 模å被ç¨äºå¨ç»ä»¶ä¸æ§è¡å¨ç»ãå¨ç»å¯ä»¥å¯¹ç»ä»¶æ§è¡ä¸ç³»åç®åçåæ¢ (ä½ç½®ã大å°ãæ转è§åº¦ãèæ¯é¢è²åä¸éæ度)ã举个ä¾åï¼å¦ææä¸ä¸ª &lt;image&gt; ç»ä»¶ï¼éè¿å¨ç»ä½ å¯ä»¥å¯¹å ¶è¿è¡ç§»å¨ãæ转ãæ伸ææ¶ç¼©çå¨ä½ã APItransition(el, options, callback)å"> -<meta property="og:type" content="website"> -<meta property="og:title" content="animation"> -<meta property="og:url" content="https://weex-project.io/cn/references/modules/animation.html";> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="animation å¨ç»æµç ä¸ææä¹çå¨ç»æ¯ä¸ä¸ªååææçæå移å¨åºç¨ç¨æ·ä½éªçæ段ï¼animation 模å被ç¨äºå¨ç»ä»¶ä¸æ§è¡å¨ç»ãå¨ç»å¯ä»¥å¯¹ç»ä»¶æ§è¡ä¸ç³»åç®åçåæ¢ (ä½ç½®ã大å°ãæ转è§åº¦ãèæ¯é¢è²åä¸éæ度)ã举个ä¾åï¼å¦ææä¸ä¸ª &lt;image&gt; ç»ä»¶ï¼éè¿å¨ç»ä½ å¯ä»¥å¯¹å ¶è¿è¡ç§»å¨ãæ转ãæ伸ææ¶ç¼©çå¨ä½ã APItransition(el, options, callback)å"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="animation"> -<meta name="twitter:description" content="animation å¨ç»æµç ä¸ææä¹çå¨ç»æ¯ä¸ä¸ªååææçæå移å¨åºç¨ç¨æ·ä½éªçæ段ï¼animation 模å被ç¨äºå¨ç»ä»¶ä¸æ§è¡å¨ç»ãå¨ç»å¯ä»¥å¯¹ç»ä»¶æ§è¡ä¸ç³»åç®åçåæ¢ (ä½ç½®ã大å°ãæ转è§åº¦ãèæ¯é¢è²åä¸éæ度)ã举个ä¾åï¼å¦ææä¸ä¸ª &lt;image&gt; ç»ä»¶ï¼éè¿å¨ç»ä½ å¯ä»¥å¯¹å ¶è¿è¡ç§»å¨ãæ转ãæ伸ææ¶ç¼©çå¨ä½ã APItransition(el, options, callback)å"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="references" class="lang-cn"> - - <script> - window.PAGE_TYPE = "references"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/"; target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <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/modules/animation.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/modules/animation.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <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"> - </div> -</div> - - -<div class="doc-nav-version"> - <select class="versionBtn" stype="/cn/references"> - - <option value="2v" selected>v2.x</option> - <option value="1v">v1.x</option> - - </select> -</div> -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link current ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - </ul> -</div> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="doc-nav-version"> - <select class="versionBtn" stype="/cn/references"> - - <option value="2v" selected>v2.x</option> - <option value="1v">v1.x</option> - - </select> -</div> -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link current ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - </ul> -</div> - </div> - - -<article class="article article-type-references"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - animation - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="animation-å¨ç»"><a href="#animation-å¨ç»" class="headerlink" title="animation å¨ç»"></a><code>animation</code> å¨ç»</h1><p>æµç ä¸ææä¹çå¨ç»æ¯ä¸ä¸ªååææçæå移å¨åºç¨ç¨æ·ä½éªçæ段ï¼<code>animation</code> 模å被ç¨äºå¨ç»ä»¶ä¸æ§è¡å¨ç»ãå¨ç»å¯ä»¥å¯¹ç»ä»¶æ§è¡ä¸ç³»åç®åçåæ¢ (ä½ç½®ã大å°ãæ转è§åº¦ãèæ¯é¢è²åä¸éæ度)ã举个ä¾åï¼å¦ææä¸ä¸ª <code><image></code> ç»ä»¶ï¼éè¿å¨ç»ä½ å¯ä»¥å¯¹å ¶è¿è¡ç§»å¨ãæ转ãæ伸ææ¶ç¼©çå¨ä½ã</p> -<h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="transition-el-options-callback"><a href="#transition-el-options-callback" class="headerlink" title="transition(el, options, callback)"></a><code>transition(el, options, callback)</code></h3><h4 id="åæ°"><a href="#åæ°" class="headerlink" title="åæ°"></a>åæ°</h4><ul> -<li><code>el {Element}</code>ï¼å°è¦æ§è¡å¨ç»çå ç´ ï¼é常å¯ä»¥éè¿è°ç¨ <a href="../api.html"><code>this.$el(id)</code></a> æ¥è·åå ç´ çå¼ç¨ã</li> -<li><code>options {Object}</code>ï¼æè¿°å¨ç»è¿ç¨ç对象ã<ul> -<li><code>options.duration {number}</code>ï¼æå®å¨ç»çæç»æ¶é´ (åä½æ¯æ¯«ç§)ï¼é»è®¤å¼æ¯ <code>0</code>ï¼è¡¨ç¤ºæ²¡æå¨ç»ææã</li> -<li><code>options.delay {number}</code>ï¼æå®è¯·æ±å¨ç»æä½å°æ§è¡å¨ç»ä¹é´çæ¶é´é´é (åä½æ¯æ¯«ç§)ï¼é»è®¤å¼æ¯ <code>0</code>ï¼è¡¨ç¤ºæ²¡æ延è¿ï¼å¨è¯·æ±åç«å³æ§è¡å¨ç»ã</li> -<li><code>options.timingFunction {string}</code>ï¼æè¿°å¨ç»æ§è¡çé度æ²çº¿ï¼ç¨äºä½¿å¨ç»ååæ´ä¸ºå¹³æ»ãé»è®¤å¼æ¯ <code>linear</code>ï¼è¡¨ç¤ºå¨ç»ä»å¼å§å°ç»æé½æ¥æåæ ·çé度ãä¸è¡¨ååºäºææåæ³çå±æ§ï¼</li> -</ul> -</li> -</ul> -<table> -<thead> -<tr> -<th>å±æ§å</th> -<th>æè¿°</th> -<th>示ä¾</th> -</tr> -</thead> -<tbody> -<tr> -<td><code>linear</code></td> -<td>å¨ç»ä»å¤´å°å°¾çé度æ¯ç¸åç</td> -</tr> -<tr> -<td><code>ease-in</code></td> -<td>å¨ç»é度ç±æ ¢å°å¿«</td> -</tr> -<tr> -<td><code>ease-out</code></td> -<td>å¨ç»é度ç±å¿«å°æ ¢</td> -</tr> -<tr> -<td><code>ease-in-out</code></td> -<td>å¨ç»å å éå°è¾¾ä¸é´ç¹ååéå°è¾¾ç»ç¹</td> -</tr> -<tr> -<td><code>cubic-bezier(x1, y1, x2, y2)</code></td> -<td>å¨ä¸æ¬¡è´å¡å°å½æ°ä¸å®ä¹ååè¿ç¨ï¼å½æ°çåæ°å¼å¿ é¡»å¤äº 0 å° 1 ä¹é´ãæ´å¤å ³äºä¸æ¬¡è´å¡å°çä¿¡æ¯è¯·åé <a href="http://cubic-bezier.com/"; target="_blank" rel="external">cubic-bezier</a> å <a href="https://en.wikipedia.org/wiki/B%C3%A9zier_curve"; target="_blank" rel="external">Bézier curve</a>.</td> -</tr> -</tbody> -</table> -<ul> -<li><code>options.styles {Object}</code>ï¼è®¾ç½®ä¸åæ ·å¼è¿æ¸¡ææçé®å¼å¯¹ï¼ä¸è¡¨ååºäºææåæ³çåæ°ï¼</li> -</ul> -<table> -<thead> -<tr> -<th>åæ°å</th> -<th>æè¿°</th> -<th>å¼ç±»å</th> -<th>é»è®¤å¼</th> -<th>示ä¾</th> -</tr> -</thead> -<tbody> -<tr> -<td>width</td> -<td>å¨ç»æ§è¡ååºç¨å°ç»ä»¶ä¸ç宽度å¼</td> -<td>length</td> -<td>æ </td> -</tr> -<tr> -<td>height</td> -<td>å¨ç»æ§è¡ååºç¨å°ç»ä»¶ä¸çé«åº¦å¼</td> -<td>length</td> -<td>æ </td> -</tr> -<tr> -<td>backgroundColor</td> -<td>å¨ç»æ§è¡ååºç¨å°ç»ä»¶ä¸çèæ¯é¢è²</td> -<td>string</td> -<td>none</td> -</tr> -<tr> -<td>opacity</td> -<td>å¨ç»æ§è¡ååºç¨å°ç»ä»¶ä¸çä¸éæ度å¼</td> -<td>ä»äº 0 å° 1 é´çæ°å¼</td> -<td><code>1</code></td> -</tr> -<tr> -<td>transformOrigin</td> -<td>å®ä¹ååè¿ç¨çä¸å¿ç¹. åæ° <code>x-aris</code> å¯è½çå¼ä¸º <code>left</code>ã<code>center</code>ã<code>right</code>ãé¿åº¦å¼æç¾åæ¯å¼, åæ° <code>y-axis</code> å¯è½çå¼ä¸º <code>top</code>ã<code>center</code>ã<code>bottom</code>ãé¿åº¦å¼æç¾åæ¯å¼</td> -<td><code>x-axis y-axis</code></td> -<td><code>center center</code></td> -</tr> -<tr> -<td>transform</td> -<td>å®ä¹åºç¨å¨å ç´ ä¸çåæ¢ç±»åï¼æ¯æä¸è¡¨ååºçå±æ§</td> -<td>object</td> -<td>æ </td> -</tr> -</tbody> -</table> -<p><code>transform</code>å±æ§çåæ³å¼:</p> -<table> -<thead> -<tr> -<th>å称</th> -<th>æè¿°</th> -<th>å¼ç±»å</th> -<th>é»è®¤å¼</th> -<th>示ä¾</th> -</tr> -</thead> -<tbody> -<tr> -<td><code>translate</code>/<code>translateX</code>/<code>translateY</code></td> -<td>æå®å ç´ ç§»å¨çå移é</td> -<td>åç´ å¼æç¾åæ¯</td> -<td>æ </td> -</tr> -<tr> -<td><code>rotate</code></td> -<td>æå®å ç´ å°è¢«æ转çè§åº¦ï¼åä½æ¯åº¦</td> -<td>number</td> -<td>æ </td> -</tr> -<tr> -<td><code>scale</code>/<code>scaleX</code>/<code>scaleY</code></td> -<td>ææ¯ä¾æ¾å¤§æ缩å°å ç´ </td> -<td>number</td> -<td>æ </td> -</tr> -</tbody> -</table> -<ul> -<li><code>callback {Function}</code>ï¼å¨ç»æ§è¡å®æ¯ä¹åçåè°</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">div</span> <span class="attr">ref</span>=<span class="string">"test"</span> @<span class="attr">click</span>=<span class="string">"move"</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">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> animation = weex.requireModule(<span class="string">'animation'</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"> move () {</div><div class="line"> <span class="keyword">var</span> testEl = <span class="keyword">this</span>.$refs.test;</div><div class="line"> animation.transition(testEl, {</div><div class="line"> <span class="attr">styles</span>: {</div><div class="line"> <span class="attr">color</span>: <span class="string">'#FF0000'</span>,</div><div class="line"> <span class="attr">tr ansform</span>: <span class="string">'translate(250px, 100px)'</span>,</div><div class="line"> <span class="attr">transformOrigin</span>: <span class="string">'center center'</span></div><div class="line"> },</div><div class="line"> <span class="attr">duration</span>: <span class="number">800</span>, <span class="comment">//ms</span></div><div class="line"> timingFunction: <span class="string">'ease'</span>,</div><div class="line"> <span class="attr">delay</span>: <span class="number">0</span> <span class="comment">//ms</span></div><div class="line"> }, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'animation finished.'</span> })</div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div cla ss="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">.box</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">background-color</span>: <span class="number">#DDD</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="http://dotwe.org/vue/2d1b61bef061448c1a5a13eac9624410"; target="_blank" rel="external">try it</a></p> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <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/modules/animation.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/modules/animation.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/d332a30e/cn/references/modules/clipboard.html ---------------------------------------------------------------------- diff --git a/cn/references/modules/clipboard.html b/cn/references/modules/clipboard.html deleted file mode 100644 index 4ee0cd8..0000000 --- a/cn/references/modules/clipboard.html +++ /dev/null @@ -1,1418 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>clipboard | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="clipboard åªåæ¿v0.8+ æ们å¯ä»¥éè¿ clipboard 模åç getString()ãsetString() æ¥å£ä»ç³»ç»çç²è´´æ¿è·åå 容æè 设置å 容ã 以åå½æ们æ¶å°ä¸æ¡çä¿¡éªè¯ç ä¿¡æ¯æ¶ï¼é¤äºäººèæ·è´ï¼æ们æ æ³è·åæ·è´çä¿¡çå 容ãè¿æ¯é常è¦æ¼çãä½æ¯ç°å¨æ们å¯ä»¥éè¿ç®åçè°ç¨ clipboard.getString() æ¥å£æ¥è·åçä¿¡å 容äºã 注æ ä» æ¯æææ¬æ·è´ åºäºå®å ¨èè"> -<meta property="og:type" content="website"> -<meta property="og:title" content="clipboard"> -<meta property="og:url" content="https://weex-project.io/cn/references/modules/clipboard.html";> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="clipboard åªåæ¿v0.8+ æ们å¯ä»¥éè¿ clipboard 模åç getString()ãsetString() æ¥å£ä»ç³»ç»çç²è´´æ¿è·åå 容æè 设置å 容ã 以åå½æ们æ¶å°ä¸æ¡çä¿¡éªè¯ç ä¿¡æ¯æ¶ï¼é¤äºäººèæ·è´ï¼æ们æ æ³è·åæ·è´çä¿¡çå 容ãè¿æ¯é常è¦æ¼çãä½æ¯ç°å¨æ们å¯ä»¥éè¿ç®åçè°ç¨ clipboard.getString() æ¥å£æ¥è·åçä¿¡å 容äºã 注æ ä» æ¯æææ¬æ·è´ åºäºå®å ¨èè"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="clipboard"> -<meta name="twitter:description" content="clipboard åªåæ¿v0.8+ æ们å¯ä»¥éè¿ clipboard 模åç getString()ãsetString() æ¥å£ä»ç³»ç»çç²è´´æ¿è·åå 容æè 设置å 容ã 以åå½æ们æ¶å°ä¸æ¡çä¿¡éªè¯ç ä¿¡æ¯æ¶ï¼é¤äºäººèæ·è´ï¼æ们æ æ³è·åæ·è´çä¿¡çå 容ãè¿æ¯é常è¦æ¼çãä½æ¯ç°å¨æ们å¯ä»¥éè¿ç®åçè°ç¨ clipboard.getString() æ¥å£æ¥è·åçä¿¡å 容äºã 注æ ä» æ¯æææ¬æ·è´ åºäºå®å ¨èè"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="references" class="lang-cn"> - - <script> - window.PAGE_TYPE = "references"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/"; target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <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/modules/clipboard.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/modules/clipboard.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <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"> - </div> -</div> - - -<div class="doc-nav-version"> - <select class="versionBtn" stype="/cn/references"> - - <option value="2v" selected>v2.x</option> - <option value="1v">v1.x</option> - - </select> -</div> -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link current ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - </ul> -</div> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="doc-nav-version"> - <select class="versionBtn" stype="/cn/references"> - - <option value="2v" selected>v2.x</option> - <option value="1v">v1.x</option> - - </select> -</div> -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link current ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - </ul> -</div> - </div> - - -<article class="article article-type-references"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - clipboard - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="clipboard-åªåæ¿"><a href="#clipboard-åªåæ¿" class="headerlink" title="clipboard åªåæ¿"></a><code>clipboard</code> åªåæ¿</h1><p><span class="weex-version">v0.8+</span></p> -<p>æ们å¯ä»¥éè¿ <code>clipboard</code> 模åç <code>getString()</code>ã<code>setString()</code> æ¥å£ä»ç³»ç»çç²è´´æ¿è·åå 容æè 设置å 容ã</p> -<p>以åå½æ们æ¶å°ä¸æ¡çä¿¡éªè¯ç ä¿¡æ¯æ¶ï¼é¤äºäººèæ·è´ï¼æ们æ æ³è·åæ·è´çä¿¡çå 容ãè¿æ¯é常è¦æ¼çãä½æ¯ç°å¨æ们å¯ä»¥éè¿ç®åçè°ç¨ <code>clipboard.getString()</code> æ¥å£æ¥è·åçä¿¡å 容äºã</p> -<p><strong>注æ</strong></p> -<ul> -<li>ä» æ¯æææ¬æ·è´</li> -<li>åºäºå®å ¨èèåå¹³å°éå¶ï¼åªæ¯æ Android å iOSï¼ä¸æ¯æ html5ã</li> -</ul> -<h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="getString-callback"><a href="#getString-callback" class="headerlink" title="getString(callback)"></a><code>getString(callback)</code></h3><p>ä»ç³»ç»ç²è´´æ¿è¯»åå 容ã</p> -<h4 id="åæ°"><a href="#åæ°" class="headerlink" title="åæ°"></a>åæ°</h4><ul> -<li><code>callback {function (ret)}</code>ï¼æ§è¡å®è¯»åæä½åçåè°å½æ°ã<code>ret {Object}</code> 为 <code>callback</code> å½æ°çåæ°ï¼æ两个å±æ§ï¼<ul> -<li><code>ret.data</code>ï¼è·åå°çææ¬å 容ï¼</li> -<li><code>ret.result</code>ï¼è¿åç¶æï¼å¯è½ä¸º <code>success</code> æ <code>fail</code>ã</li> -</ul> -</li> -</ul> -<h3 id="setString-text"><a href="#setString-text" class="headerlink" title="setString(text)"></a><code>setString(text)</code></h3><p>å°ä¸æ®µææ¬å¤å¶å°åªåæ¿ï¼ç¸å½äºæå¨å¤å¶ææ¬ã</p> -<h4 id="åæ°-1"><a href="#åæ°-1" class="headerlink" title="åæ°"></a>åæ°</h4><ul> -<li><code>text {string}</code>ï¼è¦å¤å¶å°åªåæ¿çå符串ã</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">div</span> <span class="attr">class</span>=<span class="string">"div"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"onItemClick"</span>></span>{{message}}<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 class="att r">class</span>=<span class="string">"div"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"setContent"</span>></span>Click to copy: {{tobecopied}}<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">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> clipboard = weex.requireModule(<span class="string">'clipboard'</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">tobecopied</span>: <span class="string">'yay!'</span>,</div><div class="line"> <span class="attr">message</span>: <span class="string">'nothing.'</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"> setContent () {</div><div class="line"> clipboard.setString(<span class="keyword">this</span>.tobecopied)</div><div class="line"> },</div><div class="line"> onItemClick () {</div><div class="line"> <span class="keyword">this</span>.message = <span class="string">'clicked! '</span></div><div class="line"> clipboard.getString(<span class="functi on"><span class="params">ret</span> =></span> {</div><div class="line"> <span class="keyword">this</span>.message = <span class="string">'text from clipboard:'</span> + ret.data</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 class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.div</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: space-between;</div><div class="line"> <span class="attribute">align-items</span>: center;</div><div class="line"> <span class="attribute">width</span>: <span class="nu mber">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">padding-right</span>: <span class="number">30px</span>;</div><div class="line"></div><div class="line"> <span class="attribute">border-bottom-width</span>: <span class="number">1px</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">#DDDDDD</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</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">90px</span>;</div><div class="line"> }</d iv><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure> -<p><a href="http://dotwe.org/vue/126d3cfc5533393e28943978b07aa5c1"; target="_blank" rel="external">try it</a></p> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <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/modules/clipboard.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/modules/clipboard.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>
