Commit 931ea373 authored by hbcui1984's avatar hbcui1984

增加endPulldownToRefresh说明

parent 3ff8d4ee
...@@ -555,30 +555,42 @@ p { ...@@ -555,30 +555,42 @@ p {
.mui-scrollbar { .mui-scrollbar {
position: absolute; position: absolute;
top: 0;
right: 1px;
bottom: 2px;
z-index: 9999; z-index: 9999;
width: 4px;
overflow: hidden; overflow: hidden;
pointer-events: none;
opacity: 1; opacity: 1;
-webkit-transition: 500ms; -webkit-transition: 500ms;
transition: 500ms; transition: 500ms;
transform: translateZ(0px); transform: translateZ(0px);
} }
.mui-scrollbar-vertical {
top: 0;
right: 1px;
bottom: 2px;
width: 4px;
}
.mui-scrollbar-vertical .mui-scrollbar-indicator {
width: 100%;
}
.mui-scrollbar-horizontal {
right: 2px;
bottom: 0;
left: 2px;
height: 4px;
}
.mui-scrollbar-horizontal .mui-scrollbar-indicator {
height: 100%;
}
.mui-scrollbar-indicator { .mui-scrollbar-indicator {
position: absolute; position: absolute;
display: block; display: block;
width: 100%;
height: 147px;
box-sizing: border-box; box-sizing: border-box;
background: rgba(0, 0, 0, .39804); background: rgba(0, 0, 0, .39804);
border: 1px solid rgba(255, 255, 255, .80196); border: 1px solid rgba(255, 255, 255, .80196);
border-top-left-radius: 2px; border-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-transition: .01s cubic-bezier(.1, .57, .1, 1); -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1);
transition: .01s cubic-bezier(.1, .57, .1, 1); transition: .01s cubic-bezier(.1, .57, .1, 1);
transform: translate(0px, 0px) translateZ(0px); transform: translate(0px, 0px) translateZ(0px);
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -1815,6 +1815,7 @@ var mui = (function(document, undefined) { ...@@ -1815,6 +1815,7 @@ var mui = (function(document, undefined) {
this.wrapper.appendChild(indicator.el); this.wrapper.appendChild(indicator.el);
indicators.push(indicator); indicators.push(indicator);
this.wrapper.addEventListener('swiperight', $.stopPropagation);
} }
for (var i = indicators.length; i--;) { for (var i = indicators.length; i--;) {
...@@ -2356,6 +2357,7 @@ var mui = (function(document, undefined) { ...@@ -2356,6 +2357,7 @@ var mui = (function(document, undefined) {
}); });
}; };
})(mui, window, document); })(mui, window, document);
(function($, window, document, undefined) { (function($, window, document, undefined) {
var CLASS_PULL_TOP_POCKET = 'mui-pull-top-pocket'; var CLASS_PULL_TOP_POCKET = 'mui-pull-top-pocket';
var CLASS_PULL_BOTTOM_POCKET = 'mui-pull-bottom-pocket'; var CLASS_PULL_BOTTOM_POCKET = 'mui-pull-bottom-pocket';
...@@ -3595,7 +3597,7 @@ var mui = (function(document, undefined) { ...@@ -3595,7 +3597,7 @@ var mui = (function(document, undefined) {
isActive: slideOn isActive: slideOn
}); });
toggle.removeEventListener('dragstart', $.stopPropagation); toggle.removeEventListener('dragstart', $.stopPropagation);
// toggle.removeEventListener('flick', $.stopPropagation); toggle.removeEventListener('swiperight', $.stopPropagation);
event.stopPropagation(); event.stopPropagation();
}; };
var dragToggle = function(event) { var dragToggle = function(event) {
...@@ -3619,7 +3621,7 @@ var mui = (function(document, undefined) { ...@@ -3619,7 +3621,7 @@ var mui = (function(document, undefined) {
toggle = $.targets.toggle; toggle = $.targets.toggle;
if (toggle) { if (toggle) {
toggle.addEventListener('dragstart', $.stopPropagation); toggle.addEventListener('dragstart', $.stopPropagation);
// toggle.addEventListener('flick', $.stopPropagation); toggle.addEventListener('swiperight', $.stopPropagation);
handle = toggle.querySelector(SELECTOR_SWITCH_HANDLE); handle = toggle.querySelector(SELECTOR_SWITCH_HANDLE);
toggleWidth = toggle.clientWidth; toggleWidth = toggle.clientWidth;
handleWidth = handle.clientWidth; handleWidth = handle.clientWidth;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -10,8 +10,8 @@ ...@@ -10,8 +10,8 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="http://dcloudio.github.io/mui/dist/css/mui.min.css?v=2014-09-29 21:41:21 +0800"> <link rel="stylesheet" href="http://dcloudio.github.io/mui/dist/css/mui.min.css?v=2014-10-08 15:42:00 +0800">
<link rel="stylesheet" href="http://dcloudio.github.io/mui/assets/css/docs.css?v=2014-09-29 21:41:21 +0800"> <link rel="stylesheet" href="http://dcloudio.github.io/mui/assets/css/docs.css?v=2014-10-08 15:42:00 +0800">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://dcloudio.github.io/mui/assets/img/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://dcloudio.github.io/mui/assets/img/apple-touch-icon-114x114.png">
...@@ -469,7 +469,7 @@ mui的解决思路是:单webview只承载单个页面的dom,减少dom层级 ...@@ -469,7 +469,7 @@ mui的解决思路是:单webview只承载单个页面的dom,减少dom层级
<span class="p">}</span> <span class="p">}</span>
<span class="p">}</span> <span class="p">}</span>
<span class="p">});</span></code></pre></div> <span class="p">});</span></code></pre></div>
<p class="component-description">其次,根据具体业务编写刷新函数,需要注意的是,加载完新数据后,需要执行callback()方法;</p> <p class="component-description">其次,根据具体业务编写刷新函数,需要注意的是,加载完新数据后,需要执行endPulldownToRefresh()方法;</p>
<div class="highlight"><pre><code class="language-js" data-lang="js"><span class="kd">function</span> <span class="nx">pullfresh</span><span class="o">-</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <div class="highlight"><pre><code class="language-js" data-lang="js"><span class="kd">function</span> <span class="nx">pullfresh</span><span class="o">-</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="c1">//业务逻辑代码,比如通过ajax从服务器获取新数据;</span> <span class="c1">//业务逻辑代码,比如通过ajax从服务器获取新数据;</span>
<span class="p">......</span> <span class="p">......</span>
...@@ -734,8 +734,8 @@ mui的解决思路是:单webview只承载单个页面的dom,减少dom层级 ...@@ -734,8 +734,8 @@ mui的解决思路是:单webview只承载单个页面的dom,减少dom层级
</ul> </ul>
</div> </div>
<script src="http://dcloudio.github.io/mui/dist/js/jquery-2.1.1.js"></script> <script src="http://dcloudio.github.io/mui/dist/js/jquery-2.1.1.js"></script>
<script src="http://dcloudio.github.io/mui/dist/js/mui.min.js?v=2014-09-29 21:41:21 +0800"></script> <script src="http://dcloudio.github.io/mui/dist/js/mui.min.js?v=2014-10-08 15:42:00 +0800"></script>
<script src="http://dcloudio.github.io/mui/assets/js/docs.min.js?v=2014-09-29 21:41:21 +0800"></script> <script src="http://dcloudio.github.io/mui/assets/js/docs.min.js?v=2014-10-08 15:42:00 +0800"></script>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment