<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="./css/mui.min.css">
</head>
<body>
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item 3</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item 3</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item 3</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item 3</a></li>
</ul>
</div>
</div>
<script src="./js/mui.min.js"></script>
<script>
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
},
swipeBack:true, //启用右滑关闭功能
/*beforeback: function(){
alert(123)
/!*!//获得列表界面的webview
var list = plus.webview.getWebviewById('list');
//触发列表界面的自定义事件（refresh）,从而进行数据刷新
mui.fire(list,'refresh');
//返回true，继续页面关闭逻辑
return true;*!/
}*/
}
});
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = cells.length, len = i + 3; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
//下拉刷新，新纪录插到最前面；
table.insertBefore(li, table.firstChild);
}
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1500);
}
var count = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = cells.length, len = i + 20; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
table.appendChild(li);
}
}, 1500);
}
/*if (mui.os.plus) {
mui.plusReady(function() {
//setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
mui('#pullrefresh').pullRefresh().endPullupToRefresh();
//}, 1000);
});
} else {
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
});
}*/
//跳转详情
mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){
//获取id
/*var id = this.getAttribute("id");
//传值给详情页面，通知加载新数据
mui.fire(a,'getDetail',{id:id});*/
//打开新闻详情
mui.openWindow({
id:'a',
url:'a.html',
});
})
</script>
</body>
</html>css：
/*!
* =====================================================
* Mui v3.4.0 (http://dev.dcloud.net.cn/mui)
* =====================================================
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],template {
display: none
}
a {
background: 0 0
}
a:active,a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
button,input,optgroup,select,textarea {
font: inherit;
margin: 0;
color: inherit
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type=button],input[type=reset],input[type=submit] {
cursor: pointer;
-webkit-appearance: button
}
button[disabled],html input[disabled] {
cursor: default
}
input {
line-height: normal
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
margin: 0 2px;
padding: .35em .625em .75em;
border: 1px solid silver
}
legend {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-spacing: 0;
border-collapse: collapse
}
td,th {
padding: 0
}
/** {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent
}*/
/*body {
font-family: 'Helvetica Neue',Helvetica,sans-serif;
font-size: 17px;
line-height: 21px;
color: #000;
background-color: #efeff4;
-webkit-overflow-scrolling: touch
}*/
a {
text-decoration: none;
color: #007aff
}
a:active {
color: #0062cc
}
.mui-content {
background-color: #efeff4;
-webkit-overflow-scrolling: touch
}
.mui-bar-nav~.mui-content {
padding-top: 44px
}
.mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
top: 44px
}
.mui-bar-header-secondary~.mui-content {
padding-top: 88px
}
.mui-bar-header-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
top: 88px
}
.mui-bar-footer~.mui-content {
padding-bottom: 44px
}
.mui-bar-footer~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
bottom: 44px
}
.mui-bar-footer-secondary~.mui-content {
padding-bottom: 88px
}
.mui-bar-footer-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
bottom: 88px
}
.mui-bar-tab~.mui-content {
padding-bottom: 50px
}
.mui-bar-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
bottom: 50px
}
.mui-bar-footer-secondary-tab~.mui-content {
padding-bottom: 94px
}
.mui-bar-footer-secondary-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
bottom: 94px
}
.mui-content-padded {
margin: 10px
}
.mui-inline {
display: inline-block;
vertical-align: top
}
.mui-block {
display: block!important
}
.mui-visibility {
visibility: visible!important
}
.mui-hidden {
display: none!important
}
.mui-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.mui-ellipsis-2 {
display: -webkit-box;
overflow: hidden;
white-space: normal!important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.mui-table {
display: table;
width: 100%;
table-layout: fixed
}
.mui-table-cell {
position: relative;
display: table-cell
}
.mui-text-left {
text-align: left!important
}
.mui-text-center {
text-align: center!important
}
.mui-text-justify {
text-align: justify!important
}
.mui-text-right {
text-align: right!important
}
.mui-pull-left {
float: left
}
.mui-pull-right {
float: right
}
.mui-list-unstyled {
padding-left: 0;
list-style: none
}
.mui-list-inline {
margin-left: -5px;
padding-left: 0;
list-style: none
}
.mui-list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
.mui-clearfix:after,.mui-clearfix:before {
display: table;
content: ' '
}
.mui-clearfix:after {
clear: both
}
.mui-bg-primary {
background-color: #007aff
}
.mui-bg-positive {
background-color: #4cd964
}
.mui-bg-negative {
background-color: #dd524d
}
.mui-error {
margin: 88px 35px;
padding: 10px;
border-radius: 6px;
background-color: #bbb
}
.mui-subtitle {
font-size: 15px
}
h1,h2,h3,h4,h5,h6 {
line-height: 1;
margin-top: 5px;
margin-bottom: 5px
}
.mui-h1,h1 {
font-size: 36px
}
.mui-h2,h2 {
font-size: 30px
}
.mui-h3,h3 {
font-size: 24px
}
.mui-h4,h4 {
font-size: 18px
}
/*.mui-h5,h5 {
font-size: 14px;
font-weight: 400;
color: #8f8f94
}*/
.mui-h6,h6 {
font-size: 12px;
font-weight: 400;
color: #8f8f94
}
/*p {
font-size: 14px;
margin-top: 0;
margin-bottom: 10px;
color: #8f8f94
}*/
.mui-row:after,.mui-row:before {
display: table;
content: ' '
}
.mui-row:after {
clear: both
}
.mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9 {
position: relative;
min-height: 1px
}
.mui-row>[class*=mui-col-] {
float: left
}
.mui-col-xs-12 {
width: 100%
}
.mui-col-xs-11 {
width: 91.66666667%
}
.mui-col-xs-10 {
width: 83.33333333%
}
.mui-col-xs-9 {
width: 75%
}
.mui-col-xs-8 {
width: 66.66666667%
}
.mui-col-xs-7 {
width: 58.33333333%
}
.mui-col-xs-6 {
width: 50%
}
.mui-col-xs-5 {
width: 41.66666667%
}
.mui-col-xs-4 {
width: 33.33333333%
}
.mui-col-xs-3 {
width: 25%
}
.mui-col-xs-2 {
width: 16.66666667%
}
.mui-col-xs-1 {
width: 8.33333333%
}
@media (min-width: 400px) {
.mui-col-sm-12 {
width:100%
}
.mui-col-sm-11 {
width: 91.66666667%
}
.mui-col-sm-10 {
width: 83.33333333%
}
.mui-col-sm-9 {
width: 75%
}
.mui-col-sm-8 {
width: 66.66666667%
}
.mui-col-sm-7 {
width: 58.33333333%
}
.mui-col-sm-6 {
width: 50%
}
.mui-col-sm-5 {
width: 41.66666667%
}
.mui-col-sm-4 {
width: 33.33333333%
}
.mui-col-sm-3 {
width: 25%
}
.mui-col-sm-2 {
width: 16.66666667%
}
.mui-col-sm-1 {
width: 8.33333333%
}
}
.mui-scroll-wrapper {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
overflow: hidden;
width: 100%
}
.mui-scroll {
position: absolute;
z-index: 1;
width: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.mui-scrollbar {
position: absolute;
z-index: 9998;
overflow: hidden;
-webkit-transition: 500ms;
transition: 500ms;
transform: translateZ(0px);
pointer-events: none;
opacity: 0
}
.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 {
position: absolute;
display: block;
box-sizing: border-box;
-webkit-transition: .01s cubic-bezier(.1,.57,.1,1);
transition: .01s cubic-bezier(.1,.57,.1,1);
transform: translate(0px,0) translateZ(0px);
border: 1px solid rgba(255,255,255,.80196);
border-radius: 2px;
background: rgba(0,0,0,.39804)
}
.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper,.mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
overflow: hidden;
width: 100%
}
.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll,.mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll {
position: absolute;
width: 100%
}
.mui-plus-pullrefresh .mui-scroll-wrapper,.mui-plus-pullrefresh .mui-slider-group {
position: static;
top: auto;
bottom: auto;
left: auto;
overflow: auto;
width: auto
}
.mui-plus-pullrefresh .mui-slider-group {
overflow: visible
}
.mui-plus-pullrefresh .mui-scroll {
position: static;
width: auto
}
.mui-off-canvas-wrap .mui-bar {
position: absolute!important;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-box-shadow: none;
box-shadow: none
}
.mui-off-canvas-wrap {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
height: 100%
}
.mui-off-canvas-wrap .mui-inner-wrap {
position: relative;
z-index: 1;
width: 100%;
height: 100%
}
.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning {
-webkit-transition: -webkit-transform 350ms;
transition: transform 350ms cubic-bezier(.165,.84,.44,1)
}
.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
.mui-off-canvas-wrap.mui-active {
overflow: hidden;
height: 100%
}
.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
position: absolute;
z-index: 998;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
transition: background 350ms cubic-bezier(.165,.84,.44,1);
background: rgba(0,0,0,.4);
box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
-webkit-tap-highlight-color: transparent
}
.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right {
z-index: 10000!important;
-webkit-transform: translate3d(100%,0,0)
}
.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left {
z-index: 10000!important;
-webkit-transform: translate3d(-100%,0,0)
}
.mui-off-canvas-left,.mui-off-canvas-right {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
visibility: hidden;
box-sizing: content-box;
width: 70%;
min-height: 100%;
background: #333;
-webkit-overflow-scrolling: touch
}
.mui-off-canvas-left.mui-transitioning,.mui-off-canvas-right.mui-transitioning {
-webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);
transition: transform 350ms cubic-bezier(.165,.84,.44,1)
}
.mui-off-canvas-left {
left: 0
}
.mui-off-canvas-right {
right: 0
}
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable {
background-color: #333
}
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left,.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right {
width: 80%;
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: .1
}
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left.mui-transitioning,.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right.mui-transitioning {
-webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1),opacity 350ms cubic-bezier(.165,.84,.44,1);
transition: transform 350ms cubic-bezier(.165,.84,.44,1),opacity 350ms cubic-bezier(.165,.84,.44,1)
}
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left {
-webkit-transform-origin: -100%;
transform-origin: -100%
}
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right {
-webkit-transform-origin: 200%;
transform-origin: 200%
}
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-inner-wrap {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-left,.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-right {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
.mui-loading .mui-spinner {
display: block;
margin: 0 auto
}
.mui-spinner {
display: inline-block;
width: 24px;
height: 24px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: spinner-spin 1s step-end infinite;
animation: spinner-spin 1s step-end infinite
}
.mui-spinner:after {
display: block;
width: 100%;
height: 100%;
content: '';
background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%236c6c6c\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>');
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%
}
.mui-spinner-white:after {
background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%23fff\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>')
}
@-webkit-keyframes spinner-spin {
0% {
-webkit-transform: rotate(0deg)
}
8.33333333% {
-webkit-transform: rotate(30deg)
}
16.66666667% {
-webkit-transform: rotate(60deg)
}
25% {
-webkit-transform: rotate(90deg)
}
33.33333333% {
-webkit-transform: rotate(120deg)
}
41.66666667% {
-webkit-transform: rotate(150deg)
}
50% {
-webkit-transform: rotate(180deg)
}
58.33333333% {
-webkit-transform: rotate(210deg)
}
66.66666667% {
-webkit-transform: rotate(240deg)
}
75% {
-webkit-transform: rotate(270deg)
}
83.33333333% {
-webkit-transform: rotate(300deg)
}
91.66666667% {
-webkit-transform: rotate(330deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spinner-spin {
0% {
transform: rotate(0deg)
}
8.33333333% {
transform: rotate(30deg)
}
16.66666667% {
transform: rotate(60deg)
}
25% {
transform: rotate(90deg)
}
33.33333333% {
transform: rotate(120deg)
}
41.66666667% {
transform: rotate(150deg)
}
50% {
transform: rotate(180deg)
}
58.33333333% {
transform: rotate(210deg)
}
66.66666667% {
transform: rotate(240deg)
}
75% {
transform: rotate(270deg)
}
83.33333333% {
transform: rotate(300deg)
}
91.66666667% {
transform: rotate(330deg)
}
100% {
transform: rotate(360deg)
}
}
.mui-btn,button,input[type=button],input[type=reset],input[type=submit] {
font-size: 14px;
font-weight: 400;
line-height: 1.42;
position: relative;
display: inline-block;
margin-bottom: 0;
padding: 6px 12px;
cursor: pointer;
-webkit-transition: all;
transition: all;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: .2s;
transition-duration: .2s;
text-align: center;
vertical-align: top;
white-space: nowrap;
color: #333;
border: 1px solid #ccc;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #fff;
background-clip: padding-box
}
.mui-btn.mui-active:enabled,.mui-btn:enabled:active,button.mui-active:enabled,button:enabled:active,input[type=button].mui-active:enabled,input[type=button]:enabled:active,input[type=reset].mui-active:enabled,input[type=reset]:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active {
color: #fff;
background-color: #929292
}
.mui-btn.mui-disabled,.mui-btn:disabled,button.mui-disabled,button:disabled,input[type=button].mui-disabled,input[type=button]:disabled,input[type=reset].mui-disabled,input[type=reset]:disabled,input[type=submit].mui-disabled,input[type=submit]:disabled {
opacity: .6
}
.mui-btn-blue,.mui-btn-primary,input[type=submit] {
color: #fff;
border: 1px solid #007aff;
background-color: #007aff
}
.mui-btn-blue.mui-active:enabled,.mui-btn-blue:enabled:active,.mui-btn-primary.mui-active:enabled,.mui-btn-primary:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active {
color: #fff;
border: 1px solid #0062cc;
background-color: #0062cc
}
.mui-btn-green,.mui-btn-positive,.mui-btn-success {
color: #fff;
border: 1px solid #4cd964;
background-color: #4cd964
}
.mui-btn-green.mui-active:enabled,.mui-btn-green:enabled:active,.mui-btn-positive.mui-active:enabled,.mui-btn-positive:enabled:active,.mui-btn-success.mui-active:enabled,.mui-btn-success:enabled:active {
color: #fff;
border: 1px solid #2ac845;
background-color: #2ac845
}
.mui-btn-warning,.mui-btn-yellow {
color: #fff;
border: 1px solid #f0ad4e;
background-color: #f0ad4e
}
.mui-btn-warning.mui-active:enabled,.mui-btn-warning:enabled:active,.mui-btn-yellow.mui-active:enabled,.mui-btn-yellow:enabled:active {
color: #fff;
border: 1px solid #ec971f;
background-color: #ec971f
}
.mui-btn-danger,.mui-btn-negative,.mui-btn-red {
color: #fff;
border: 1px solid #dd524d;
background-color: #dd524d
}
.mui-btn-danger.mui-active:enabled,.mui-btn-danger:enabled:active,.mui-btn-negative.mui-active:enabled,.mui-btn-negative:enabled:active,.mui-btn-red.mui-active:enabled,.mui-btn-red:enabled:active {
color: #fff;
border: 1px solid #cf2d28;
background-color: #cf2d28
}
.mui-btn-purple,.mui-btn-royal {
color: #fff;
border: 1px solid #8a6de9;
background-color: #8a6de9
}
.mui-btn-purple.mui-active:enabled,.mui-btn-purple:enabled:active,.mui-btn-royal.mui-active:enabled,.mui-btn-royal:enabled:active {
color: #fff;
border: 1px solid #6641e2;
background-color: #6641e2
}
.mui-btn-grey {
color: #fff;
border: 1px solid #c7c7cc;
background-color: #c7c7cc
}
.mui-btn-grey.mui-active:enabled,.mui-btn-grey:enabled:active {
color: #fff;
border: 1px solid #acacb4;
background-color: #acacb4
}
.mui-btn-outlined {
background-color: transparent
}
.mui-btn-outlined.mui-btn-blue,.mui-btn-outlined.mui-btn-primary {
color: #007aff
}
.mui-btn-outlined.mui-btn-green,.mui-btn-outlined.mui-btn-positive,.mui-btn-outlined.mui-btn-success {
color: #4cd964
}
.mui-btn-outlined.mui-btn-warning,.mui-btn-outlined.mui-btn-yellow {
color: #f0ad4e
}
.mui-btn-outlined.mui-btn-danger,.mui-btn-outlined.mui-btn-negative,.mui-btn-outlined.mui-btn-red {
color: #dd524d
}
.mui-btn-outlined.mui-btn-purple,.mui-btn-outlined.mui-btn-royal {
color: #8a6de9
}
.mui-btn-outlined.mui-btn-blue:enabled:active,.mui-btn-outlined.mui-btn-danger:enabled:active,.mui-btn-outlined.mui-btn-green:enabled:active,.mui-btn-outlined.mui-btn-negative:enabled:active,.mui-btn-outlined.mui-btn-positive:enabled:active,.mui-btn-outlined.mui-btn-primary:enabled:active,.mui-btn-outlined.mui-btn-purple:enabled:active,.mui-btn-outlined.mui-btn-red:enabled:active,.mui-btn-outlined.mui-btn-royal:enabled:active,.mui-btn-outlined.mui-btn-success:enabled:active,.mui-btn-outlined.mui-btn-warning:enabled:active,.mui-btn-outlined.mui-btn-yellow:enabled:active {
color: #fff
}
.mui-btn-link {
padding-top: 6px;
padding-bottom: 6px;
color: #007aff;
border: 0;
background-color: transparent
}
.mui-btn-link.mui-active:enabled,.mui-btn-link:enabled:active {
color: #0062cc;
background-color: transparent
}
.mui-btn-block {
font-size: 18px;
display: block;
width: 100%;
margin-bottom: 10px;
padding: 15px 0
}
.mui-btn .mui-badge {
font-size: 14px;
margin: -2px -4px -2px 4px;
background-color: rgba(0,0,0,.15)
}
.mui-btn .mui-badge-inverted,.mui-btn:enabled:active .mui-badge-inverted {
background-color: transparent
}
.mui-btn-negative:enabled:active .mui-badge-inverted,.mui-btn-positive:enabled:active .mui-badge-inverted,.mui-btn-primary:enabled:active .mui-badge-inverted {
color: #fff
}
.mui-btn-block .mui-badge {
position: absolute;
right: 0;
margin-right: 10px
}
.mui-btn .mui-icon {
font-size: inherit
}
.mui-btn.mui-icon {
font-size: 14px;
line-height: 1.42
}
.mui-btn.mui-fab {
width: 56px;
height: 56px;
padding: 16px;
border-radius: 50%;
outline: 0
}
.mui-btn.mui-fab.mui-btn-mini {
width: 40px;
height: 40px;
padding: 8px
}
.mui-btn.mui-fab .mui-icon {
font-size: 24px;
line-height: 24px;
width: 24px;
height: 24px
}
.mui-btn .mui-spinner {
width: 14px;
height: 14px;
vertical-align: text-bottom
}
.mui-btn-block .mui-spinner {
width: 22px;
height: 22px
}
.mui-bar {
position: fixed;
z-index: 10;
right: 0;
left: 0;
height: 44px;
padding-right: 10px;
padding-left: 10px;
border-bottom: 0;
background-color: #f7f7f7;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
box-shadow: 0 0 1px rgba(0,0,0,.85);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mui-bar .mui-title {
right: 40px;
left: 40px;
display: inline-block;
overflow: hidden;
width: auto;
margin: 0;
text-overflow: ellipsis
}
.mui-bar .mui-backdrop {
background: 0 0
}
.mui-bar-header-secondary {
top: 44px
}
.mui-bar-footer {
bottom: 0
}
.mui-bar-footer-secondary {
bottom: 44px
}
.mui-bar-footer-secondary-tab {
bottom: 50px
}
.mui-bar-footer,.mui-bar-footer-secondary,.mui-bar-footer-secondary-tab {
border-top: 0
}
.mui-bar-transparent {
top: 0;
background-color: rgba(247,247,247,0);
-webkit-box-shadow: none;
box-shadow: none
}
.mui-bar-nav {
top: 0;
-webkit-box-shadow: 0 1px 6px #ccc;
box-shadow: 0 1px 6px #ccc
}
.mui-bar-nav~.mui-content .mui-anchor {
display: block;
visibility: hidden;
height: 45px;
margin-top: -45px
}
.mui-bar-nav.mui-bar .mui-icon {
margin-right: -10px;
margin-left: -10px;
padding-right: 10px;
padding-left: 10px
}
.mui-title {
font-size: 17px;
font-weight: 500;
line-height: 44px;
position: absolute;
display: block;
width: 100%;
margin: 0 -10px;
padding: 0;
text-align: center;
white-space: nowrap;
color: #000
}
.mui-title a {
color: inherit
}
.mui-bar-tab {
bottom: 0;
display: table;
width: 100%;
height: 50px;
padding: 0;
table-layout: fixed;
border-top: 0;
border-bottom: 0;
-webkit-touch-callout: none
}
.mui-bar-tab .mui-tab-item {
display: table-cell;
overflow: hidden;
width: 1%;
height: 50px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
color: #929292
}
.mui-bar-tab .mui-tab-item.mui-active {
color: #007aff
}
.mui-bar-tab .mui-tab-item .mui-icon {
top: 3px;
width: 24px;
height: 24px;
padding-top: 0;
padding-bottom: 0
}
.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label {
font-size: 11px;
display: block;
overflow: hidden;
text-overflow: ellipsis
}
.mui-bar-tab .mui-tab-item .mui-icon:active {
background: 0 0
}
.mui-focusin>.mui-bar-header-secondary,.mui-focusin>.mui-bar-nav {
position: absolute
}
.mui-focusin>.mui-bar~.mui-content {
padding-bottom: 0
}
.mui-bar .mui-btn {
font-weight: 400;
position: relative;
z-index: 20;
top: 7px;
margin-top: 0;
padding: 6px 12px 7px
}
.mui-bar .mui-btn.mui-pull-right {
margin-left: 10px
}
.mui-bar .mui-btn.mui-pull-left {
margin-right: 10px
}
.mui-bar .mui-btn-link {
font-size: 16px;
line-height: 44px;
top: 0;
padding: 0;
color: #007aff;
border: 0
}
.mui-bar .mui-btn-link.mui-active,.mui-bar .mui-btn-link:active {
color: #0062cc
}
.mui-bar .mui-btn-block {
font-size: 16px;
top: 6px;
margin-bottom: 0;
padding: 5px 0
}
.mui-bar .mui-btn-nav.mui-pull-left {
margin-left: -5px
}
.mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav {
margin-right: -3px
}
.mui-bar .mui-btn-nav.mui-pull-right {
margin-right: -5px
}
.mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav {
margin-left: -3px
}
.mui-bar .mui-btn-nav:active {
opacity: .3
}
.mui-bar .mui-icon {
font-size: 24px;
position: relative;
z-index: 20;
padding-top: 10px;
padding-bottom: 10px
}
.mui-bar .mui-icon:active {
opacity: .3
}
.mui-bar .mui-btn .mui-icon {
top: 1px;
margin: 0;
padding: 0
}
.mui-bar .mui-title .mui-icon {
margin: 0;
padding: 0
}
.mui-bar .mui-title .mui-icon.mui-icon-caret {
top: 4px;
margin-left: -5px
}
.mui-bar input[type=search] {
height: 29px;
margin: 6px 0
}
.mui-bar .mui-input-row .mui-btn {
padding: 12px 10px
}
.mui-bar .mui-search:before {
margin-top: -10px
}
.mui-bar .mui-input-row .mui-input-clear~.mui-icon-clear,.mui-bar .mui-input-row .mui-input-speech~.mui-icon-speech {
top: 0;
right: 12px
}
.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear~.mui-icon-clear,.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech~.mui-icon-speech {
top: 0;
right: 0
}
.mui-bar .mui-segmented-control {
top: 7px;
width: auto;
margin: 0 auto
}
.mui-bar.mui-bar-header-secondary .mui-segmented-control {
top: 0
}
.mui-badge {
font-size: 12px;
line-height: 1;
display: inline-block;
padding: 3px 6px;
color: #333;
border-radius: 100px;
background-color: rgba(0,0,0,.15)
}
.mui-badge.mui-badge-inverted {
padding: 0 5px 0 0;
color: #929292;
background-color: transparent
}
.mui-badge-blue,.mui-badge-primary {
color: #fff;
background-color: #007aff
}
.mui-badge-blue.mui-badge-inverted,.mui-badge-primary.mui-badge-inverted {
color: #007aff;
background-color: transparent
}
.mui-badge-green,.mui-badge-success {
color: #fff;
background-color: #4cd964
}
.mui-badge-green.mui-badge-inverted,.mui-badge-success.mui-badge-inverted {
color: #4cd964;
background-color: transparent
}
.mui-badge-warning,.mui-badge-yellow {
color: #fff;
background-color: #f0ad4e
}
.mui-badge-warning.mui-badge-inverted,.mui-badge-yellow.mui-badge-inverted {
color: #f0ad4e;
background-color: transparent
}
.mui-badge-danger,.mui-badge-red {
color: #fff;
background-color: #dd524d
}
.mui-badge-danger.mui-badge-inverted,.mui-badge-red.mui-badge-inverted {
color: #dd524d;
background-color: transparent
}
.mui-badge-purple,.mui-badge-royal {
color: #fff;
background-color: #8a6de9
}
.mui-badge-purple.mui-badge-inverted,.mui-badge-royal.mui-badge-inverted {
color: #8a6de9;
background-color: transparent
}
.mui-icon .mui-badge {
font-size: 10px;
line-height: 1.4;
position: absolute;
top: -2px;
left: 100%;
margin-left: -10px;
padding: 1px 5px;
color: #fff;
background: red
}
.mui-card {
font-size: 14px;
position: relative;
overflow: hidden;
margin: 10px;
border-radius: 2px;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 1px 2px rgba(0,0,0,.3)
}
.mui-content>.mui-card:first-child {
margin-top: 15px
}
.mui-card .mui-input-group .mui-input-row:last-child:after,.mui-card .mui-input-group .mui-input-row:last-child:before,.mui-card .mui-input-group:after,.mui-card .mui-input-group:before {
height: 0
}
.mui-card .mui-table-view {
margin-bottom: 0;
border-top: 0;
border-bottom: 0;
border-radius: 6px
}
.mui-card .mui-table-view .mui-table-view-cell:first-child,.mui-card .mui-table-view .mui-table-view-divider:first-child {
top: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.mui-card .mui-table-view .mui-table-view-cell:last-child,.mui-card .mui-table-view .mui-table-view-divider:last-child {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px
}
.mui-card .mui-table-view:after,.mui-card .mui-table-view:before,.mui-card>.mui-table-view>.mui-table-view-cell:last-child:after,.mui-card>.mui-table-view>.mui-table-view-cell:last-child:before {
height: 0
}
.mui-card-footer,.mui-card-header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
min-height: 44px;
padding: 10px 15px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.mui-card-footer .mui-card-link,.mui-card-header .mui-card-link {
line-height: 44px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 44px;
margin-top: -10px;
margin-bottom: -10px;
-webkit-transition-duration: .3s;
transition-duration: .3s;
text-decoration: none;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.mui-card-footer:before,.mui-card-header:after {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-card-header {
font-size: 17px;
border-radius: 2px 2px 0 0
}
.mui-card-header:after {
top: auto;
bottom: 0
}
.mui-card-header>img:first-child {
font-size: 0;
line-height: 0;
float: left;
width: 34px;
height: 34px
}
.mui-card-footer {
color: #6d6d72;
border-radius: 0 0 2px 2px
}
.mui-card-content {
font-size: 14px;
position: relative
}
.mui-card-content-inner {
position: relative;
padding: 15px
}
.mui-card-media {
vertical-align: bottom;
color: #fff;
background-position: center;
background-size: cover
}
.mui-card-header.mui-card-media {
display: block;
padding: 10px
}
.mui-card-header.mui-card-media .mui-media-body {
font-size: 14px;
font-weight: 500;
line-height: 17px;
margin-bottom: 0;
margin-left: 44px;
color: #333
}
.mui-card-header.mui-card-media .mui-media-body p {
font-size: 13px;
margin-bottom: 0
}
.mui-table-view {
position: relative;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
background-color: #fff
}
.mui-table-view:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view:before {
position: absolute;
right: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc;
top: -1px
}
.mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon {
font-size: 20px;
margin-top: -1px;
margin-right: 5px;
margin-left: -5px
}
.mui-table-view-icon .mui-table-view-cell:after {
left: 40px
}
.mui-table-view-chevron .mui-table-view-cell {
padding-right: 65px
}
.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
margin-right: -65px
}
.mui-table-view-radio .mui-table-view-cell {
padding-right: 65px
}
.mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) {
margin-right: -65px
}
.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {
font-size: 30px;
font-weight: 600;
right: 9px;
content: '';
color: #007aff
}
.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after {
content: '\e472'
}
.mui-table-view-inverted {
color: #fff;
background: #333
}
.mui-table-view-inverted:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #222
}
.mui-table-view-inverted:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #222
}
.mui-table-view-inverted .mui-table-view-cell:after {
position: absolute;
right: 0;
bottom: 0;
left: 15px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #222
}
.mui-table-view-inverted .mui-table-view-cell.mui-active,.mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active {
background-color: #242424
}
.mui-table-view-cell {
position: relative;
overflow: hidden;
padding: 11px 15px;
-webkit-touch-callout: none
}
.mui-table-view-cell:after {
position: absolute;
right: 0;
bottom: 0;
left: 15px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view-cell.mui-checkbox input[type=checkbox],.mui-table-view-cell.mui-radio input[type=radio] {
top: 8px
}
.mui-table-view-cell.mui-checkbox.mui-left,.mui-table-view-cell.mui-radio.mui-left {
padding-left: 58px
}
.mui-table-view-cell.mui-active {
background-color: #eee
}
.mui-table-view-cell:last-child:after,.mui-table-view-cell:last-child:before {
height: 0
}
.mui-table-view-cell>a:not(.mui-btn) {
position: relative;
display: block;
overflow: hidden;
margin: -11px -15px;
padding: inherit;
white-space: nowrap;
text-overflow: ellipsis;
color: inherit
}
.mui-table-view-cell>a:not(.mui-btn).mui-active {
background-color: #eee
}
.mui-table-view-cell p {
margin-bottom: 0
}
.mui-table-view-cell.mui-transitioning>.mui-slider-handle,.mui-table-view-cell.mui-transitioning>.mui-slider-left .mui-btn,.mui-table-view-cell.mui-transitioning>.mui-slider-right .mui-btn {
-webkit-transition: -webkit-transform 300ms ease;
transition: transform 300ms ease
}
.mui-table-view-cell.mui-active>.mui-slider-handle {
background-color: #eee
}
.mui-table-view-cell>.mui-slider-handle {
position: relative;
background-color: #fff
}
.mui-table-view-cell>.mui-slider-handle .mui-navigate-right:after,.mui-table-view-cell>.mui-slider-handle.mui-navigate-right:after {
right: 0
}
.mui-table-view-cell>.mui-slider-handle,.mui-table-view-cell>.mui-slider-left .mui-btn,.mui-table-view-cell>.mui-slider-right .mui-btn {
-webkit-transition: -webkit-transform 0ms ease;
transition: transform 0ms ease
}
.mui-table-view-cell>.mui-slider-left,.mui-table-view-cell>.mui-slider-right {
position: absolute;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 100%
}
.mui-table-view-cell>.mui-slider-left>.mui-btn,.mui-table-view-cell>.mui-slider-right>.mui-btn {
position: relative;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 0 30px;
color: #fff;
border: 0;
border-radius: 0;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.mui-table-view-cell>.mui-slider-left>.mui-btn:after,.mui-table-view-cell>.mui-slider-right>.mui-btn:after {
position: absolute;
z-index: -1;
top: 0;
width: 600%;
height: 100%;
content: '';
background: inherit
}
.mui-table-view-cell>.mui-slider-left>.mui-btn.mui-icon,.mui-table-view-cell>.mui-slider-right>.mui-btn.mui-icon {
font-size: 30px
}
.mui-table-view-cell>.mui-slider-right {
right: 0;
-webkit-transition: -webkit-transform 0ms ease;
transition: transform 0ms ease;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.mui-table-view-cell>.mui-slider-left {
left: 0;
-webkit-transition: -webkit-transform 0ms ease;
transition: transform 0ms ease;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.mui-table-view-cell>.mui-slider-left>.mui-btn:after {
right: 100%;
margin-right: -1px
}
.mui-table-view-divider {
font-weight: 500;
position: relative;
margin-top: -1px;
margin-left: 0;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
color: #999;
background-color: #fafafa
}
.mui-table-view-divider:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view-divider:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view .mui-media,.mui-table-view .mui-media-body {
overflow: hidden
}
.mui-table-view .mui-media-large .mui-media-object {
line-height: 80px;
max-width: 80px;
height: 80px
}
.mui-table-view .mui-media .mui-subtitle {
color: #000
}
.mui-table-view .mui-media-object {
line-height: 42px;
max-width: 42px;
height: 42px
}
.mui-table-view .mui-media-object.mui-pull-left {
margin-right: 10px
}
.mui-table-view .mui-media-object.mui-pull-right {
margin-left: 10px
}
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object {
line-height: 29px;
max-width: 29px;
height: 29px;
margin: -4px 0
}
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img {
line-height: 29px;
max-width: 29px;
height: 29px
}
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left {
margin-right: 10px
}
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon {
font-size: 29px
}
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after {
position: absolute;
right: 0;
bottom: 0;
left: 55px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view .mui-table-view-cell.mui-media-icon:after {
height: 0!important
}
.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view {
display: block
}
.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after,.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before {
height: 0!important
}
.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after {
position: absolute;
right: 0;
bottom: 0;
left: 70px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view-cell>.mui-badge,.mui-table-view-cell>.mui-btn,.mui-table-view-cell>.mui-switch,.mui-table-view-cell>a>.mui-badge,.mui-table-view-cell>a>.mui-btn,.mui-table-view-cell>a>.mui-switch {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.mui-table-view-cell .mui-navigate-right>.mui-badge,.mui-table-view-cell .mui-navigate-right>.mui-btn,.mui-table-view-cell .mui-navigate-right>.mui-switch,.mui-table-view-cell .mui-push-left>.mui-badge,.mui-table-view-cell .mui-push-left>.mui-btn,.mui-table-view-cell .mui-push-left>.mui-switch,.mui-table-view-cell .mui-push-right>.mui-badge,.mui-table-view-cell .mui-push-right>.mui-btn,.mui-table-view-cell .mui-push-right>.mui-switch,.mui-table-view-cell>a .mui-navigate-right>.mui-badge,.mui-table-view-cell>a .mui-navigate-right>.mui-btn,.mui-table-view-cell>a .mui-navigate-right>.mui-switch,.mui-table-view-cell>a .mui-push-left>.mui-badge,.mui-table-view-cell>a .mui-push-left>.mui-btn,.mui-table-view-cell>a .mui-push-left>.mui-switch,.mui-table-view-cell>a .mui-push-right>.mui-badge,.mui-table-view-cell>a .mui-push-right>.mui-btn,.mui-table-view-cell>a .mui-push-right>.mui-switch {
right: 35px
}
.mui-content>.mui-table-view:first-child {
margin-top: 15px
}
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after,.mui-table-view-cell.mui-collapse .mui-table-view:after,.mui-table-view-cell.mui-collapse .mui-table-view:before {
height: 0
}
.mui-table-view-cell.mui-collapse>.mui-navigate-right:after,.mui-table-view-cell.mui-collapse>.mui-push-right:after {
content: '\e581'
}
.mui-table-view-cell.mui-collapse.mui-active {
margin-top: -1px
}
.mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content,.mui-table-view-cell.mui-collapse.mui-active .mui-table-view {
display: block
}
.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after,.mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after {
content: '\e580'
}
.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {
margin-left: -31px;
padding-left: 47px
}
.mui-table-view-cell.mui-collapse .mui-collapse-content {
position: relative;
display: none;
overflow: hidden;
margin: 11px -15px -11px;
padding: 8px 15px;
-webkit-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
background: #fff
}
.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group,.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider {
width: auto;
height: auto;
margin: -8px -15px
}
.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider {
margin: -8px -16px
}
.mui-table-view-cell.mui-collapse .mui-table-view {
display: none;
margin-top: 11px;
margin-right: -15px;
margin-bottom: -11px;
margin-left: -15px;
border: 0
}
.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron {
margin-right: -65px
}
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
padding-left: 31px;
background-position: 31px 100%
}
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
position: absolute;
right: 0;
bottom: 0;
left: 30px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view.mui-grid-view {
font-size: 0;
display: block;
width: 100%;
padding: 0 10px 10px 0;
white-space: normal
}
.mui-table-view.mui-grid-view .mui-table-view-cell {
font-size: 17px;
display: inline-block;
margin-right: -4px;
padding: 10px 0 0 14px;
text-align: center;
vertical-align: middle;
background: 0 0
}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
width: 100%;
max-width: 100%;
height: auto
}
.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) {
margin: -10px 0 0 -14px
}
.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active,.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn):active {
background: 0 0
}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
font-size: 15px;
line-height: 15px;
display: block;
width: 100%;
height: 15px;
margin-top: 8px;
text-overflow: ellipsis;
color: #333
}
.mui-table-view.mui-grid-view .mui-table-view-cell:after,.mui-table-view.mui-grid-view .mui-table-view-cell:before {
height: 0
}
.mui-grid-view.mui-grid-9 {
margin: 0;
padding: 0;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background-color: #f2f2f2
}
.mui-grid-view.mui-grid-9:after,.mui-grid-view.mui-grid-9:before {
display: table;
content: ' '
}
.mui-grid-view.mui-grid-9:after {
clear: both;
position: static
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell {
margin: 0;
padding: 11px 15px;
vertical-align: top;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active {
background-color: #eee
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
margin: 0;
padding: 10px 0
}
.mui-grid-view.mui-grid-9:before {
height: 0
}
.mui-grid-view.mui-grid-9 .mui-media {
color: #797979
}
.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
font-size: 2.4em;
position: relative
}
.mui-slider-cell {
position: relative
}
.mui-slider-cell>.mui-slider-handle {
z-index: 1
}
.mui-slider-cell>.mui-slider-left,.mui-slider-cell>.mui-slider-right {
position: absolute;
z-index: 0;
top: 0;
bottom: 0
}
.mui-slider-cell>.mui-slider-left {
left: 0
}
.mui-slider-cell>.mui-slider-right {
right: 0
}
/*input,select,textarea {
font-family: 'Helvetica Neue',Helvetica,sans-serif;
font-size: 17px;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent
}*/
input:focus,select:focus,textarea:focus {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-user-modify: read-write-plaintext-only
}
/*input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
line-height: 21px;
width: 100%;
height: 40px;
margin-bottom: 15px;
padding: 10px 15px;
-webkit-user-select: text;
border: 1px solid rgba(0,0,0,.2);
border-radius: 3px;
outline: 0;
background-color: #fff;
-webkit-appearance: none
}*/
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none
}
input[type=search] {
font-size: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 34px;
text-align: center;
border: 0;
border-radius: 6px;
background-color: rgba(0,0,0,.1)
}
input[type=search]:focus {
text-align: left
}
textarea {
height: auto;
resize: none
}
/*select {
font-size: 14px;
height: auto;
margin-top: 1px;
border: 0!important;
background-color: #fff
}*/
select:focus {
-webkit-user-modify: read-only
}
.mui-input-group {
position: relative;
padding: 0;
border: 0;
background-color: #fff
}
.mui-input-group:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-input-group:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-input-group input,.mui-input-group textarea {
margin-bottom: 0;
border: 0;
border-radius: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.mui-input-group input[type=search] {
background: 0 0
}
.mui-input-group input:last-child {
background-image: none
}
.mui-input-row {
clear: left;
overflow: hidden
}
.mui-input-row select {
font-size: 17px;
height: 37px;
padding: 0
}
.mui-input-row .mui-btn+input,.mui-input-row label+input,.mui-input-row:last-child {
background: 0 0
}
.mui-input-group .mui-input-row {
height: 40px
}
.mui-input-group .mui-input-row:after {
position: absolute;
right: 0;
bottom: 0;
left: 15px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-input-row label {
font-family: 'Helvetica Neue',Helvetica,sans-serif;
line-height: 1.1;
float: left;
width: 35%;
padding: 11px 15px
}
.mui-input-row label~input,.mui-input-row label~select,.mui-input-row label~textarea {
float: right;
width: 65%;
margin-bottom: 0;
padding-left: 0;
border: 0
}
.mui-input-row .mui-btn {
line-height: 1.1;
float: right;
width: 15%;
padding: 10px 15px
}
.mui-input-row .mui-btn~input,.mui-input-row .mui-btn~select,.mui-input-row .mui-btn~textarea {
float: left;
width: 85%;
margin-bottom: 0;
padding-left: 0;
border: 0
}
.mui-button-row {
position: relative;
padding-top: 5px;
text-align: center
}
.mui-input-group .mui-button-row {
height: 45px
}
.mui-input-row {
position: relative
}
.mui-input-row.mui-input-range {
overflow: visible;
padding-right: 20px
}
.mui-input-row .mui-inline {
padding: 8px 0
}
.mui-input-row .mui-input-clear~.mui-icon-clear,.mui-input-row .mui-input-password~.mui-icon-eye,.mui-input-row .mui-input-speech~.mui-icon-speech {
font-size: 20px;
position: absolute;
z-index: 1;
top: 10px;
right: 0;
width: 38px;
height: 38px;
text-align: center;
color: #999
}
.mui-input-row .mui-input-clear~.mui-icon-clear.mui-active,.mui-input-row .mui-input-password~.mui-icon-eye.mui-active,.mui-input-row .mui-input-speech~.mui-icon-speech.mui-active {
color: #007aff
}
.mui-input-row .mui-input-speech~.mui-icon-speech {
font-size: 24px;
top: 8px
}
.mui-input-row .mui-input-clear~.mui-icon-clear~.mui-icon-speech {
display: none
}
.mui-input-row .mui-input-clear~.mui-icon-clear.mui-hidden~.mui-icon-speech {
display: inline-block
}
.mui-input-row .mui-icon-speech~.mui-placeholder {
right: 38px
}
.mui-input-row.mui-search .mui-icon-clear {
top: 7px
}
.mui-input-row.mui-search .mui-icon-speech {
top: 5px
}
.mui-checkbox,.mui-radio {
position: relative
}
.mui-checkbox label,.mui-radio label {
display: inline-block;
float: none;
width: 100%;
padding-right: 58px
}
.mui-checkbox.mui-left input[type=checkbox],.mui-radio.mui-left input[type=radio] {
left: 20px
}
.mui-checkbox.mui-left label,.mui-radio.mui-left label {
padding-right: 15px;
padding-left: 58px
}
.mui-checkbox input[type=checkbox],.mui-radio input[type=radio] {
position: absolute;
top: 4px;
right: 20px;
display: inline-block;
width: 28px;
height: 26px;
border: 0;
outline: 0!important;
background-color: transparent;
-webkit-appearance: none
}
.mui-checkbox input[type=checkbox][disabled]:before,.mui-radio input[type=radio][disabled]:before {
opacity: .3
}
.mui-checkbox input[type=checkbox]:before,.mui-radio input[type=radio]:before {
font-family: Muiicons;
font-size: 28px;
font-weight: 400;
line-height: 1;
text-decoration: none;
color: #aaa;
border-radius: 0;
background: 0 0;
-webkit-font-smoothing: antialiased
}
.mui-checkbox input[type=checkbox]:checked:before,.mui-radio input[type=radio]:checked:before {
color: #007aff
}
.mui-checkbox label.mui-disabled,.mui-checkbox.mui-disabled label,.mui-radio label.mui-disabled,.mui-radio.mui-disabled label {
opacity: .4
}
.mui-radio input[type=radio]:before {
content: '\e411'
}
.mui-radio input[type=radio]:checked:before {
content: '\e441'
}
.mui-checkbox input[type=checkbox]:before {
content: '\e411'
}
.mui-checkbox input[type=checkbox]:checked:before {
content: '\e442'
}
.mui-select {
position: relative
}
.mui-select:before {
font-family: Muiicons;
position: absolute;
top: 8px;
right: 21px;
content: '\e581';
color: rgba(170,170,170,.6)
}
.mui-input-row .mui-switch {
float: right;
margin-top: 5px;
margin-right: 20px
}
.mui-input-range input[type=range] {
position: relative;
width: 100%;
height: 2px;
margin: 17px 0;
padding: 0;
cursor: pointer;
border: 0;
border-radius: 3px;
outline: 0;
background-color: #999;
-webkit-appearance: none!important
}
.mui-input-range input[type=range]::-webkit-slider-thumb {
width: 28px;
height: 28px;
border-color: #0062cc;
border-radius: 50%;
background-color: #007aff;
background-clip: padding-box;
-webkit-appearance: none!important
}
.mui-input-range label~input[type=range] {
width: 65%
}
.mui-input-range .mui-tooltip {
font-size: 36px;
line-height: 64px;
position: absolute;
z-index: 1;
top: -70px;
width: 64px;
height: 64px;
text-align: center;
opacity: .8;
color: #333;
border: 1px solid #ddd;
border-radius: 6px;
background-color: #fff;
text-shadow: 0 1px 0 #f3f3f3
}
.mui-search {
position: relative
}
.mui-search input[type=search] {
padding-left: 30px
}
.mui-search .mui-placeholder {
font-size: 16px;
line-height: 34px;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
height: 34px;
text-align: center;
color: #999;
border: 0;
border-radius: 6px;
background: 0 0
}
.mui-search .mui-placeholder .mui-icon {
font-size: 20px;
color: #333
}
.mui-search:before {
font-family: Muiicons;
font-size: 20px;
font-weight: 400;
position: absolute;
top: 50%;
right: 50%;
display: none;
margin-top: -18px;
margin-right: 31px;
content: '\e466'
}
.mui-search.mui-active:before {
font-size: 20px;
right: auto;
left: 5px;
display: block;
margin-right: 0
}
.mui-search.mui-active input[type=search] {
text-align: left
}
.mui-search.mui-active .mui-placeholder {
display: none
}
.mui-segmented-control {
font-size: 15px;
font-weight: 400;
position: relative;
display: table;
overflow: hidden;
width: 100%;
table-layout: fixed;
border: 1px solid #007aff;
border-radius: 3px;
background-color: transparent;
-webkit-touch-callout: none
}
.mui-segmented-control.mui-segmented-control-vertical {
border-collapse: collapse;
border-width: 0;
border-radius: 0
}
.mui-segmented-control.mui-segmented-control-vertical .mui-control-item {
display: block;
border-bottom: 1px solid #c8c7cc;
border-left-width: 0
}
.mui-segmented-control.mui-scroll-wrapper {
height: 38px
}
.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
width: auto;
height: 40px;
white-space: nowrap
}
.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
display: inline-block;
width: auto;
padding: 0 20px;
border: 0
}
.mui-segmented-control .mui-control-item {
line-height: 38px;
display: table-cell;
overflow: hidden;
width: 1%;
-webkit-transition: background-color .1s linear;
transition: background-color .1s linear;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
color: #007aff;
border-color: #007aff;
border-left: 1px solid #007aff
}
.mui-segmented-control .mui-control-item:first-child {
border-left-width: 0
}
.mui-segmented-control .mui-control-item.mui-active {
color: #fff;
background-color: #007aff
}
.mui-segmented-control.mui-segmented-control-inverted {
width: 100%;
border: 0;
border-radius: 0
}
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item,.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
border-bottom: 1px solid #c8c7cc
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
color: inherit;
border: 0
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
color: #007aff;
border-bottom: 2px solid #007aff;
background: 0 0
}
.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {
background-color: #007aff
}
.mui-segmented-control-positive {
border: 1px solid #4cd964
}
.mui-segmented-control-positive .mui-control-item {
color: #4cd964;
border-color: inherit
}
.mui-segmented-control-positive .mui-control-item.mui-active {
color: #fff;
background-color: #4cd964
}
.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active {
color: #4cd964;
border-bottom: 2px solid #4cd964;
background: 0 0
}
.mui-segmented-control-positive.mui-segmented-control-inverted~.mui-slider-progress-bar {
background-color: #4cd964
}
.mui-segmented-control-negative {
border: 1px solid #dd524d
}
.mui-segmented-control-negative .mui-control-item {
color: #dd524d;
border-color: inherit
}
.mui-segmented-control-negative .mui-control-item.mui-active {
color: #fff;
background-color: #dd524d
}
.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active {
color: #dd524d;
border-bottom: 2px solid #dd524d;
background: 0 0
}
.mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar {
background-color: #dd524d
}
.mui-control-content {
position: relative;
display: none
}
.mui-control-content.mui-active {
display: block
}
.mui-popover {
position: absolute;
z-index: 999;
display: none;
width: 280px;
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transform: none;
transform: none;
opacity: 0;
border-radius: 7px;
background-color: #f7f7f7;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
box-shadow: 0 0 15px rgba(0,0,0,.1)
}
.mui-popover .mui-popover-arrow {
position: absolute;
z-index: 1000;
top: -25px;
left: 0;
overflow: hidden;
width: 26px;
height: 26px
}
.mui-popover .mui-popover-arrow:after {
position: absolute;
top: 19px;
left: 0;
width: 26px;
height: 26px;
content: ' ';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 3px;
background: #f7f7f7
}
.mui-popover .mui-popover-arrow.mui-bottom {
top: 100%;
left: -26px;
margin-top: -1px
}
.mui-popover .mui-popover-arrow.mui-bottom:after {
top: -19px;
left: 0
}
.mui-popover.mui-popover-action {
bottom: 0;
width: 100%;
-webkit-transition: -webkit-transform .3s,opacity .3s;
transition: transform .3s,opacity .3s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
border-radius: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none
}
.mui-popover.mui-popover-action .mui-popover-arrow {
display: none
}
.mui-popover.mui-popover-action.mui-popover-bottom {
position: fixed
}
.mui-popover.mui-popover-action.mui-active {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.mui-popover.mui-popover-action .mui-table-view {
margin: 8px;
text-align: center;
color: #007aff;
border-radius: 4px
}
.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-popover.mui-popover-action .mui-table-view small {
font-weight: 400;
line-height: 1.3;
display: block
}
.mui-popover.mui-active {
display: block;
opacity: 1
}
.mui-popover .mui-bar~.mui-table-view {
padding-top: 44px
}
.mui-backdrop {
position: fixed;
z-index: 998;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.3)
}
.mui-bar-backdrop.mui-backdrop {
bottom: 50px;
background: 0 0
}
.mui-backdrop-action.mui-backdrop {
background-color: rgba(0,0,0,.3)
}
.mui-backdrop-action.mui-backdrop,.mui-bar-backdrop.mui-backdrop {
opacity: 0
}
.mui-backdrop-action.mui-backdrop.mui-active,.mui-bar-backdrop.mui-backdrop.mui-active {
-webkit-transition: all .4s ease;
transition: all .4s ease;
opacity: 1
}
.mui-popover .mui-btn-block {
margin-bottom: 5px
}
.mui-popover .mui-btn-block:last-child {
margin-bottom: 0
}
.mui-popover .mui-bar {
-webkit-box-shadow: none;
box-shadow: none
}
.mui-popover .mui-bar-nav {
border-bottom: 1px solid rgba(0,0,0,.15);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
-webkit-box-shadow: none;
box-shadow: none
}
.mui-popover .mui-scroll-wrapper {
margin: 7px 0;
border-radius: 7px;
background-clip: padding-box
}
.mui-popover .mui-scroll .mui-table-view {
max-height: none
}
.mui-popover .mui-table-view {
overflow: auto;
max-height: 300px;
margin-bottom: 0;
border-radius: 7px;
background-color: #f7f7f7;
background-image: none;
-webkit-overflow-scrolling: touch
}
.mui-popover .mui-table-view:after,.mui-popover .mui-table-view:before {
height: 0
}
.mui-popover .mui-table-view .mui-table-view-cell:first-child,.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) {
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
.mui-popover .mui-table-view .mui-table-view-cell:last-child,.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn) {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px
}
.mui-popover.mui-bar-popover .mui-table-view {
width: 106px
}
.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell {
padding: 11px 15px;
background-position: 0 100%
}
.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
margin: -11px -15px -11px -15px
}
.mui-popup-backdrop {
position: fixed;
z-index: 998;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
opacity: 0;
background: rgba(0,0,0,.4)
}
.mui-popup-backdrop.mui-active {
opacity: 1
}
.mui-popup {
position: fixed;
z-index: 1000000;
top: 50%;
left: 50%;
display: none;
overflow: hidden;
width: 270px;
-webkit-transition-property: -webkit-transform,opacity;
transition-property: transform,opacity;
-webkit-transform: translate3d(-50%,-50%,0) scale(1.185);
transform: translate3d(-50%,-50%,0) scale(1.185);
text-align: center;
opacity: 0;
color: #000;
border-radius: 13px
}
.mui-popup.mui-popup-in {
display: block;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transform: translate3d(-50%,-50%,0) scale(1);
transform: translate3d(-50%,-50%,0) scale(1);
opacity: 1
}
.mui-popup.mui-popup-out {
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transform: translate3d(-50%,-50%,0) scale(1);
transform: translate3d(-50%,-50%,0) scale(1);
opacity: 0
}
.mui-popup-inner {
position: relative;
padding: 15px;
border-radius: 13px 13px 0 0;
background: rgba(255,255,255,.95)
}
.mui-popup-inner:after {
position: absolute;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
background-color: rgba(0,0,0,.2)
}
.mui-popup-title {
font-size: 18px;
font-weight: 500;
text-align: center
}
.mui-popup-title+.mui-popup-text {
font-family: inherit;
font-size: 14px;
margin: 5px 0 0
}
.mui-popup-buttons {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 44px;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.mui-popup-button {
font-size: 15px;
line-height: 44px;
position: relative;
display: block;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 44px;
padding: 0 5px;
cursor: pointer;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
color: #007aff;
background: rgba(255,255,255,.95);
-webkit-box-flex: 1
}
.mui-popup-button:after {
position: absolute;
z-index: 15;
top: 0;
right: 0;
bottom: auto;
left: auto;
display: block;
width: 1px;
height: 100%;
content: '';
-webkit-transform: scaleX(.5);
transform: scaleX(.5);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
background-color: rgba(0,0,0,.2)
}
.mui-popup-button:first-child {
border-radius: 0 0 0 13px
}
.mui-popup-button:first-child:last-child {
border-radius: 0 0 13px 13px
}
.mui-popup-button:last-child {
border-radius: 0 0 13px
}
.mui-popup-button:last-child:after {
display: none
}
.mui-popup-button.mui-popup-button-bold {
font-weight: 600
}
.mui-popup-input input {
font-size: 14px;
width: 100%;
height: 26px;
margin: 15px 0 0;
padding: 0 5px;
border: 1px solid rgba(0,0,0,.3);
border-radius: 0;
background: #fff
}
.mui-plus.mui-android .mui-popup-backdrop {
-webkit-transition-duration: 1ms;
transition-duration: 1ms
}
.mui-plus.mui-android .mui-popup {
-webkit-transition-duration: 1ms;
transition-duration: 1ms;
-webkit-transform: translate3d(-50%,-50%,0) scale(1);
transform: translate3d(-50%,-50%,0) scale(1)
}
.mui-progressbar {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 2px;
-webkit-transform-origin: center top;
transform-origin: center top;
vertical-align: middle;
border-radius: 2px;
background: #b6b6b6;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.mui-progressbar span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: 150ms;
transition: 150ms;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
background: #007aff
}
.mui-progressbar.mui-progressbar-infinite:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-animation: mui-progressbar-infinite 1s linear infinite;
animation: mui-progressbar-infinite 1s linear infinite;
background: #007aff
}
body>.mui-progressbar {
position: absolute;
z-index: 10000;
top: 44px;
left: 0;
border-radius: 0
}
.mui-progressbar-in {
-webkit-animation: mui-progressbar-in 300ms forwards;
animation: mui-progressbar-in 300ms forwards
}
.mui-progressbar-out {
-webkit-animation: mui-progressbar-out 300ms forwards;
animation: mui-progressbar-out 300ms forwards
}
@-webkit-keyframes mui-progressbar-in {
from {
-webkit-transform: scaleY(0);
opacity: 0
}
to {
-webkit-transform: scaleY(1);
opacity: 1
}
}
@keyframes mui-progressbar-in {
from {
transform: scaleY(0);
opacity: 0
}
to {
transform: scaleY(1);
opacity: 1
}
}
@-webkit-keyframes mui-progressbar-out {
from {
-webkit-transform: scaleY(1);
opacity: 1
}
to {
-webkit-transform: scaleY(0);
opacity: 0
}
}
@keyframes mui-progressbar-out {
from {
transform: scaleY(1);
opacity: 1
}
to {
transform: scaleY(0);
opacity: 0
}
}
@-webkit-keyframes mui-progressbar-infinite {
0% {
-webkit-transform: translate3d(-50%,0,0) scaleX(.5)
}
100% {
-webkit-transform: translate3d(100%,0,0) scaleX(.5)
}
}
@keyframes mui-progressbar-infinite {
0% {
transform: translate3d(-50%,0,0) scaleX(.5)
}
100% {
transform: translate3d(100%,0,0) scaleX(.5)
}
}
.mui-pagination {
display: inline-block;
margin: 0 auto;
padding-left: 0;
border-radius: 6px
}
.mui-pagination>li {
display: inline
}
.mui-pagination>li>a,.mui-pagination>li>span {
line-height: 1.428571429;
position: relative;
float: left;
margin-left: -1px;
padding: 6px 12px;
text-decoration: none;
color: #007aff;
border: 1px solid #ddd;
background-color: #fff
}
.mui-pagination>li:first-child>a,.mui-pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background-clip: padding-box
}
.mui-pagination>li:last-child>a,.mui-pagination>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background-clip: padding-box
}
.mui-pagination>li.mui-active>a,.mui-pagination>li.mui-active>a:active,.mui-pagination>li.mui-active>span,.mui-pagination>li.mui-active>span:active,.mui-pagination>li:active>a,.mui-pagination>li:active>a:active,.mui-pagination>li:active>span,.mui-pagination>li:active>span:active {
z-index: 2;
cursor: default;
color: #fff;
border-color: #007aff;
background-color: #007aff
}
.mui-pagination>li.mui-disabled>a,.mui-pagination>li.mui-disabled>a:active,.mui-pagination>li.mui-disabled>span,.mui-pagination>li.mui-disabled>span:active {
opacity: .6;
color: #777;
border: 1px solid #ddd;
background-color: #fff
}
.mui-pagination-lg>li>a,.mui-pagination-lg>li>span {
font-size: 18px;
padding: 10px 16px
}
.mui-pagination-sm>li>a,.mui-pagination-sm>li>span {
font-size: 12px;
padding: 5px 10px
}
.mui-pager {
padding-left: 0;
list-style: none;
text-align: center
}
.mui-pager:after,.mui-pager:before {
display: table;
content: ' '
}
.mui-pager:after {
clear: both
}
.mui-pager li {
display: inline
}
.mui-pager li>a,.mui-pager li>span {
display: inline-block;
padding: 5px 14px;
border: 1px solid #ddd;
border-radius: 6px;
background-color: #fff;
background-clip: padding-box
}
.mui-pager li.mui-active>a,.mui-pager li.mui-active>span,.mui-pager li:active>a,.mui-pager li:active>span {
cursor: default;
text-decoration: none;
color: #fff;
border-color: #007aff;
background-color: #007aff
}
.mui-pager .mui-next>a,.mui-pager .mui-next>span {
float: right
}
.mui-pager .mui-previous>a,.mui-pager .mui-previous>span {
float: left
}
.mui-pager .mui-disabled>a,.mui-pager .mui-disabled>a:active,.mui-pager .mui-disabled>span,.mui-pager .mui-disabled>span:active {
opacity: .6;
color: #777;
border: 1px solid #ddd;
background-color: #fff
}
.mui-modal {
position: fixed;
z-index: 999;
top: 0;
overflow: hidden;
width: 100%;
min-height: 100%;
-webkit-transition: -webkit-transform .25s,opacity 1ms .25s;
transition: transform .25s,opacity 1ms .25s;
-webkit-transition-timing-function: cubic-bezier(.1,.5,.1,1);
transition-timing-function: cubic-bezier(.1,.5,.1,1);
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
opacity: 0;
background-color: #fff
}
.mui-modal.mui-active {
height: 100%;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
-webkit-transition-timing-function: cubic-bezier(.1,.5,.1,1);
transition-timing-function: cubic-bezier(.1,.5,.1,1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
.mui-android .mui-modal .mui-bar {
position: static
}
.mui-android .mui-modal .mui-bar-nav~.mui-content {
padding-top: 0
}
.mui-slider {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
border-bottom: 0
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
border-top: 1px solid #c8c7cc;
border-bottom: 1px solid #c8c7cc
}
.mui-slider .mui-slider-group {
font-size: 0;
position: relative;
-webkit-transition: all 0s linear;
transition: all 0s linear;
white-space: nowrap
}
.mui-slider .mui-slider-group .mui-slider-item {
font-size: 14px;
position: relative;
display: inline-block;
width: 100%;
height: 100%;
vertical-align: top;
white-space: normal
}
.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) {
line-height: 0;
position: relative;
display: block
}
.mui-slider .mui-slider-group .mui-slider-item img {
width: 100%
}
.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after,.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before {
height: 0
}
.mui-slider .mui-slider-group.mui-slider-loop {
-webkit-transform: translate(-100%,0);
transform: translate(-100%,0)
}
.mui-slider-title {
line-height: 30px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
margin: 0;
text-align: left;
text-indent: 12px;
opacity: .8;
background-color: #000
}
.mui-slider-indicator {
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
background: 0 0
}
.mui-slider-indicator.mui-segmented-control {
position: relative;
bottom: auto
}
.mui-slider-indicator .mui-indicator {
display: inline-block;
width: 6px;
height: 6px;
margin: 1px 6px;
cursor: pointer;
border-radius: 50%;
background: #aaa;
-webkit-box-shadow: 0 0 1px 1px rgba(130,130,130,.7);
box-shadow: 0 0 1px 1px rgba(130,130,130,.7)
}
.mui-slider-indicator .mui-active.mui-indicator {
background: #fff
}
.mui-slider-indicator .mui-icon {
font-size: 20px;
line-height: 30px;
width: 40px;
height: 30px;
margin: 3px;
text-align: center;
border: 1px solid #ddd
}
.mui-slider-indicator .mui-number {
line-height: 32px;
display: inline-block;
width: 58px
}
.mui-slider-indicator .mui-number span {
color: #ff5053
}
.mui-slider-progress-bar {
z-index: 1;
height: 2px;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.mui-switch {
position: relative;
display: block;
width: 74px;
height: 30px;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: background-color,border;
transition-property: background-color,border;
border: 2px solid #ddd;
border-radius: 20px;
background-color: #fff;
background-clip: padding-box
}
.mui-switch.mui-disabled {
opacity: .3
}
.mui-switch .mui-switch-handle {
position: absolute;
z-index: 1;
top: -1px;
left: -1px;
width: 28px;
height: 28px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
-webkit-transition-property: -webkit-transform,width,left;
transition-property: transform,width,left;
border-radius: 16px;
background-color: #fff;
background-clip: padding-box;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
box-shadow: 0 2px 5px rgba(0,0,0,.4)
}
.mui-switch:before {
font-size: 13px;
position: absolute;
top: 3px;
right: 11px;
content: 'Off';
text-transform: uppercase;
color: #999
}
.mui-switch.mui-dragging {
border-color: #f7f7f7;
background-color: #f7f7f7
}
.mui-switch.mui-dragging .mui-switch-handle {
width: 38px
}
.mui-switch.mui-dragging.mui-active .mui-switch-handle {
left: -11px;
width: 38px
}
.mui-switch.mui-active {
border-color: #4cd964;
background-color: #4cd964
}
.mui-switch.mui-active .mui-switch-handle {
-webkit-transform: translate(43px,0);
transform: translate(43px,0)
}
.mui-switch.mui-active:before {
right: auto;
left: 15px;
content: 'On';
color: #fff
}
.mui-switch input[type=checkbox] {
display: none
}
.mui-switch-mini {
width: 47px
}
.mui-switch-mini:before {
display: none
}
.mui-switch-mini.mui-active .mui-switch-handle {
-webkit-transform: translate(16px,0);
transform: translate(16px,0)
}
.mui-switch-blue.mui-active {
border: 2px solid #007aff;
background-color: #007aff
}
.mui-content.mui-fade {
left: 0;
opacity: 0
}
.mui-content.mui-fade.mui-in {
opacity: 1
}
.mui-content.mui-sliding {
z-index: 2;
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.mui-content.mui-sliding.mui-left {
z-index: 1;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
.mui-content.mui-sliding.mui-right {
z-index: 3;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
.mui-navigate-right:after,.mui-push-left:after,.mui-push-right:after {
font-family: Muiicons;
font-size: inherit;
line-height: 1;
position: absolute;
top: 50%;
display: inline-block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-decoration: none;
color: #bbb;
-webkit-font-smoothing: antialiased
}
.mui-push-left:after {
left: 15px;
content: '\e582'
}
.mui-navigate-right:after,.mui-push-right:after {
right: 15px;
content: '\e583'
}
.mui-pull-bottom-pocket,.mui-pull-top-pocket {
position: absolute;
left: 0;
display: block;
visibility: hidden;
overflow: hidden;
width: 100%;
height: 50px
}
.mui-plus-pullrefresh .mui-pull-bottom-pocket,.mui-plus-pullrefresh .mui-pull-top-pocket {
display: none;
visibility: visible
}
.mui-pull-top-pocket {
top: 0
}
.mui-bar-nav~.mui-content .mui-pull-top-pocket {
top: 44px
}
.mui-bar-nav~.mui-bar-header-secondary~.mui-content .mui-pull-top-pocket {
top: 88px
}
.mui-pull-bottom-pocket {
position: relative;
bottom: 0;
height: 40px
}
.mui-pull-bottom-pocket .mui-pull-loading {
visibility: hidden
}
.mui-pull-bottom-pocket .mui-pull-loading.mui-in {
display: inline-block
}
.mui-pull {
font-weight: 700;
position: absolute;
right: 0;
bottom: 10px;
left: 0;
text-align: center;
color: #777
}
.mui-pull-loading {
margin-right: 10px;
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
vertical-align: middle
}
.mui-pull-loading.mui-reverse {
-webkit-transform: rotate(180deg) translateZ(0);
transform: rotate(180deg) translateZ(0)
}
.mui-pull-caption {
font-size: 15px;
line-height: 24px;
position: relative;
display: inline-block;
overflow: visible;
margin-top: 0;
vertical-align: middle
}
.mui-pull-caption span {
display: none
}
.mui-pull-caption span.mui-in {
display: inline
}
.mui-toast-container {
position: fixed;
z-index: 9999;
bottom: 50px;
width: 100%;
-webkit-transition: opacity .8s;
transition: opacity .8s;
opacity: 0
}
.mui-toast-container.mui-active {
opacity: 1
}
.mui-toast-message {
font-size: 14px;
width: 270px;
margin: 5px auto;
padding: 5px;
text-align: center;
color: #000;
border-radius: 7px;
background-color: #d8d8d8
}
.mui-numbox {
position: relative;
display: inline-block;
overflow: hidden;
width: 120px;
height: 35px;
padding: 0 40px;
vertical-align: top;
vertical-align: middle;
border: solid 1px #bbb;
border-radius: 3px;
background-color: #efeff4
}
.mui-numbox [class*=btn-numbox],.mui-numbox [class*=numbox-btn] {
font-size: 18px;
font-weight: 400;
line-height: 100%;
position: absolute;
top: 0;
overflow: hidden;
width: 40px;
height: 100%;
padding: 0;
color: #555;
border: none;
border-radius: 0;
background-color: #f9f9f9
}
.mui-numbox [class*=btn-numbox]:active,.mui-numbox [class*=numbox-btn]:active {
background-color: #ccc
}
.mui-numbox [class*=btn-numbox][disabled],.mui-numbox [class*=numbox-btn][disabled] {
color: silver
}
.mui-numbox .mui-btn-numbox-plus,.mui-numbox .mui-numbox-btn-plus {
right: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.mui-numbox .mui-btn-numbox-minus,.mui-numbox .mui-numbox-btn-minus {
left: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.mui-numbox .mui-input-numbox,.mui-numbox .mui-numbox-input {
display: inline-block;
overflow: hidden;
width: 100%!important;
height: 100%;
margin: 0;
padding: 0 3px!important;
text-align: center;
text-overflow: ellipsis;
word-break: normal;
border: none!important;
border-right: solid 1px #ccc!important;
border-left: solid 1px #ccc!important;
border-radius: 0!important
}
.mui-input-row .mui-numbox {
float: right;
margin: 2px 8px
}
@font-face {
font-family: Muiicons;
font-weight: 400;
font-style: normal;
src: url(../fonts/mui.ttf) format('truetype')
}
.mui-icon {
font-family: Muiicons;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 1;
display: inline-block;
text-decoration: none;
-webkit-font-smoothing: antialiased
}
.mui-icon.mui-active {
color: #007aff
}
.mui-icon.mui-right:before {
float: right;
padding-left: .2em
}
.mui-icon-contact:before {
content: '\e100'
}
.mui-icon-person:before {
content: '\e101'
}
.mui-icon-personadd:before {
content: '\e102'
}
.mui-icon-contact-filled:before {
content: '\e130'
}
.mui-icon-person-filled:before {
content: '\e131'
}
.mui-icon-personadd-filled:before {
content: '\e132'
}
.mui-icon-phone:before {
content: '\e200'
}
.mui-icon-email:before {
content: '\e201'
}
.mui-icon-chatbubble:before {
content: '\e202'
}
.mui-icon-chatboxes:before {
content: '\e203'
}
.mui-icon-phone-filled:before {
content: '\e230'
}
.mui-icon-email-filled:before {
content: '\e231'
}
.mui-icon-chatbubble-filled:before {
content: '\e232'
}
.mui-icon-chatboxes-filled:before {
content: '\e233'
}
.mui-icon-weibo:before {
content: '\e260'
}
.mui-icon-weixin:before {
content: '\e261'
}
.mui-icon-pengyouquan:before {
content: '\e262'
}
.mui-icon-chat:before {
content: '\e263'
}
.mui-icon-qq:before {
content: '\e264'
}
.mui-icon-videocam:before {
content: '\e300'
}
.mui-icon-camera:before {
content: '\e301'
}
.mui-icon-mic:before {
content: '\e302'
}
.mui-icon-location:before {
content: '\e303'
}
.mui-icon-mic-filled:before,.mui-icon-speech:before {
content: '\e332'
}
.mui-icon-location-filled:before {
content: '\e333'
}
.mui-icon-micoff:before {
content: '\e360'
}
.mui-icon-image:before {
content: '\e363'
}
.mui-icon-map:before {
content: '\e364'
}
.mui-icon-compose:before {
content: '\e400'
}
.mui-icon-trash:before {
content: '\e401'
}
.mui-icon-upload:before {
content: '\e402'
}
.mui-icon-download:before {
content: '\e403'
}
.mui-icon-close:before {
content: '\e404'
}
.mui-icon-redo:before {
content: '\e405'
}
.mui-icon-undo:before {
content: '\e406'
}
.mui-icon-refresh:before {
content: '\e407'
}
.mui-icon-star:before {
content: '\e408'
}
.mui-icon-plus:before {
content: '\e409'
}
.mui-icon-minus:before {
content: '\e410'
}
.mui-icon-checkbox:before,.mui-icon-circle:before {
content: '\e411'
}
.mui-icon-clear:before,.mui-icon-close-filled:before {
content: '\e434'
}
.mui-icon-refresh-filled:before {
content: '\e437'
}
.mui-icon-star-filled:before {
content: '\e438'
}
.mui-icon-plus-filled:before {
content: '\e439'
}
.mui-icon-minus-filled:before {
content: '\e440'
}
.mui-icon-circle-filled:before {
content: '\e441'
}
.mui-icon-checkbox-filled:before {
content: '\e442'
}
.mui-icon-closeempty:before {
content: '\e460'
}
.mui-icon-refreshempty:before {
content: '\e461'
}
.mui-icon-reload:before {
content: '\e462'
}
.mui-icon-starhalf:before {
content: '\e463'
}
.mui-icon-spinner:before {
content: '\e464'
}
.mui-icon-spinner-cycle:before {
content: '\e465'
}
.mui-icon-search:before {
content: '\e466'
}
.mui-icon-plusempty:before {
content: '\e468'
}
.mui-icon-forward:before {
content: '\e470'
}
.mui-icon-back:before,.mui-icon-left-nav:before {
content: '\e471'
}
.mui-icon-checkmarkempty:before {
content: '\e472'
}
.mui-icon-home:before {
content: '\e500'
}
.mui-icon-navigate:before {
content: '\e501'
}
.mui-icon-gear:before {
content: '\e502'
}
.mui-icon-paperplane:before {
content: '\e503'
}
.mui-icon-info:before {
content: '\e504'
}
.mui-icon-help:before {
content: '\e505'
}
.mui-icon-locked:before {
content: '\e506'
}
.mui-icon-more:before {
content: '\e507'
}
.mui-icon-flag:before {
content: '\e508'
}
.mui-icon-home-filled:before {
content: '\e530'
}
.mui-icon-gear-filled:before {
content: '\e532'
}
.mui-icon-info-filled:before {
content: '\e534'
}
.mui-icon-help-filled:before {
content: '\e535'
}
.mui-icon-more-filled:before {
content: '\e537'
}
.mui-icon-settings:before {
content: '\e560'
}
.mui-icon-list:before {
content: '\e562'
}
.mui-icon-bars:before {
content: '\e563'
}
.mui-icon-loop:before {
content: '\e565'
}
.mui-icon-paperclip:before {
content: '\e567'
}
.mui-icon-eye:before {
content: '\e568'
}
.mui-icon-arrowup:before {
content: '\e580'
}
.mui-icon-arrowdown:before {
content: '\e581'
}
.mui-icon-arrowleft:before {
content: '\e582'
}
.mui-icon-arrowright:before {
content: '\e583'
}
.mui-icon-arrowthinup:before {
content: '\e584'
}
.mui-icon-arrowthindown:before {
content: '\e585'
}
.mui-icon-arrowthinleft:before {
content: '\e586'
}
.mui-icon-arrowthinright:before {
content: '\e587'
}
.mui-icon-pulldown:before {
content: '\e588'
}
.mui-fullscreen {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.mui-fullscreen.mui-slider .mui-slider-group {
height: 100%
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group {
position: absolute;
top: 40px;
bottom: 0;
width: 100%;
height: auto
}
.mui-fullscreen.mui-slider .mui-slider-item>a {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.mui-fullscreen .mui-off-canvas-wrap .mui-slider-item>a {
top: auto;
-webkit-transform: none;
transform: none
}
.mui-bar-nav~.mui-content .mui-slider.mui-fullscreen {
top: 44px
}
.mui-bar-tab~.mui-content .mui-slider.mui-fullscreen .mui-segmented-control~.mui-slider-group {
bottom: 50px
}
.mui-android.mui-android-4-0 input:focus,.mui-android.mui-android-4-0 textarea:focus {
-webkit-user-modify: inherit
}
.mui-android.mui-android-4-2 input,.mui-android.mui-android-4-2 textarea,.mui-android.mui-android-4-3 input,.mui-android.mui-android-4-3 textarea {
-webkit-user-select: text
}
.mui-ios .mui-table-view-cell {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.mui-plus-visible,.mui-wechat-visible {
display: none!important
}
.mui-plus-hidden,.mui-wechat-hidden {
display: block!important
}
.mui-tab-item.mui-plus-hidden,.mui-tab-item.mui-wechat-hidden {
display: table-cell!important
}
.mui-plus .mui-plus-visible,.mui-wechat .mui-wechat-visible {
display: block!important
}
.mui-plus .mui-tab-item.mui-plus-visible,.mui-wechat .mui-tab-item.mui-wechat-visible {
display: table-cell!important
}
.mui-plus .mui-plus-hidden,.mui-wechat .mui-wechat-hidden {
display: none!important
}
.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav {
height: 64px;
padding-top: 20px
}
.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content {
padding-top: 64px
}
.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary,.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content .mui-pull-top-pocket {
top: 64px
}
.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary~.mui-content {
padding-top: 94px
}
.mui-iframe-wrapper {
position: absolute;
right: 0;
left: 0;
-webkit-overflow-scrolling: touch
}
.mui-iframe-wrapper iframe {
width: 100%;
height: 100%;
border: 0
}
js：
/*!
* =====================================================
* Mui v3.3.0 (http://dev.dcloud.net.cn/mui)
* =====================================================
*/
var mui = function(a, b) {
var c = /complete|loaded|interactive/
, d = /^#([\w-]+)$/
, e = /^\.([\w-]+)$/
, f = /^[\w-]+$/
, g = /translate(?:3d)?\((.+?)\)/
, h = /matrix(3d)?\((.+?)\)/
, i = function(b, c) {
if (c = c || a,
!b)
return j();
if ("object" == typeof b)
return i.isArrayLike(b) ? j(i.slice.call(b), null ) : j([b], null );
if ("function" == typeof b)
return i.ready(b);
if ("string" == typeof b)
try {
if (b = b.trim(),
d.test(b)) {
var e = a.getElementById(RegExp.$1);
return j(e ? [e] : [])
}
return j(i.qsa(b, c), b)
} catch (f) {}
return j()
}
, j = function(a, b) {
return a = a || [],
Object.setPrototypeOf(a, i.fn),
a.selector = b || "",
a
};
i.uuid = 0,
i.data = {},
i.extend = function() {
var a, c, d, e, f, g, h = arguments[0] || {}, j = 1, k = arguments.length, l = !1;
for ("boolean" == typeof h && (l = h,
h = arguments[j] || {},
j++),
"object" == typeof h || i.isFunction(h) || (h = {}),
j === k && (h = this,
j--); k > j; j++)
if (null != (a = arguments[j]))
for (c in a)
d = h[c],
e = a[c],
h !== e && (l && e && (i.isPlainObject(e) || (f = i.isArray(e))) ? (f ? (f = !1,
g = d && i.isArray(d) ? d : []) : g = d && i.isPlainObject(d) ? d : {},
h[c] = i.extend(l, g, e)) : e !== b && (h[c] = e));
return h
}
,
i.noop = function() {}
,
i.slice = [].slice,
i.filter = [].filter,
i.type = function(a) {
return null == a ? String(a) : k[{}.toString.call(a)] || "object"
}
,
i.isArray = Array.isArray || function(a) {
return a instanceof Array
}
,
i.isArrayLike = function(a) {
var b = !!a && "length"in a && a.length
, c = i.type(a);
return "function" === c || i.isWindow(a) ? !1 : "array" === c || 0 === b || "number" == typeof b && b > 0 && b - 1 in a
}
,
i.isWindow = function(a) {
return null != a && a === a.window
}
,
i.isObject = function(a) {
return "object" === i.type(a)
}
,
i.isPlainObject = function(a) {
return i.isObject(a) && !i.isWindow(a) && Object.getPrototypeOf(a) === Object.prototype
}
,
i.isEmptyObject = function(a) {
for (var c in a)
if (c !== b)
return !1;
return !0
}
,
i.isFunction = function(a) {
return "function" === i.type(a)
}
,
i.qsa = function(b, c) {
return c = c || a,
i.slice.call(e.test(b) ? c.getElementsByClassName(RegExp.$1) : f.test(b) ? c.getElementsByTagName(b) : c.querySelectorAll(b))
}
,
i.ready = function(b) {
return c.test(a.readyState) ? b(i) : a.addEventListener("DOMContentLoaded", function() {
b(i)
}, !1),
this
}
,
i.buffer = function(a, b, c) {
function d() {
e && (e.cancel(),
e = 0),
f = i.now(),
a.apply(c || this, arguments),
g = i.now()
}
var e, f = 0, g = 0, b = b || 150;
return i.extend(function() {
!f || g >= f && i.now() - g > b || f > g && i.now() - f > 8 * b ? d() : (e && e.cancel(),
e = i.later(d, b, null , arguments))
}, {
stop: function() {
e && (e.cancel(),
e = 0)
}
})
}
,
i.each = function(a, b, c) {
if (!a)
return this;
if ("number" == typeof a.length)
[].every.call(a, function(a, c) {
return b.call(a, c, a) !== !1
});
else
for (var d in a)
if (c) {
if (a.hasOwnProperty(d) && b.call(a[d], d, a[d]) === !1)
return a
} else if (b.call(a[d], d, a[d]) === !1)
return a;
return this
}
,
i.focus = function(a) {
i.os.ios ? setTimeout(function() {
a.focus()
}, 10) : a.focus()
}
,
i.trigger = function(a, b, c) {
return a.dispatchEvent(new CustomEvent(b,{
detail: c,
bubbles: !0,
cancelable: !0
})),
this
}
,
i.getStyles = function(a, b) {
var c = a.ownerDocument.defaultView.getComputedStyle(a, null );
return b ? c.getPropertyValue(b) || c[b] : c
}
,
i.parseTranslate = function(a, b) {
var c = a.match(g || "");
return c && c[1] || (c = ["", "0,0,0"]),
c = c[1].split(","),
c = {
x: parseFloat(c[0]),
y: parseFloat(c[1]),
z: parseFloat(c[2])
},
b && c.hasOwnProperty(b) ? c[b] : c
}
,
i.parseTranslateMatrix = function(a, b) {
var c = a.match(h)
, d = c && c[1];
c ? (c = c[2].split(","),
"3d" === d ? c = c.slice(12, 15) : (c.push(0),
c = c.slice(4, 7))) : c = [0, 0, 0];
var e = {
x: parseFloat(c[0]),
y: parseFloat(c[1]),
z: parseFloat(c[2])
};
return b && e.hasOwnProperty(b) ? e[b] : e
}
,
i.hooks = {},
i.addAction = function(a, b) {
var c = i.hooks[a];
return c || (c = []),
b.index = b.index || 1e3,
c.push(b),
c.sort(function(a, b) {
return a.index - b.index
}),
i.hooks[a] = c,
i.hooks[a]
}
,
i.doAction = function(a, b) {
i.isFunction(b) ? i.each(i.hooks[a], b) : i.each(i.hooks[a], function(a, b) {
return !b.handle()
})
}
,
i.later = function(a, b, c, d) {
b = b || 0;
var e, f, g = a, h = d;
return "string" == typeof a && (g = c[a]),
e = function() {
g.apply(c, i.isArray(h) ? h : [h])
}
,
f = setTimeout(e, b),
{
id: f,
cancel: function() {
clearTimeout(f)
}
}
}
,
i.now = Date.now || function() {
return +new Date
}
;
var k = {};
return i.each(["Boolean", "Number", "String", "Function", "Array", "Date", "RegExp", "Object", "Error"], function(a, b) {
k["[object " + b + "]"] = b.toLowerCase()
}),
window.JSON && (i.parseJSON = JSON.parse),
i.fn = {
each: function(a) {
return [].every.call(this, function(b, c) {
return a.call(b, c, b) !== !1
}),
this
}
},
"function" == typeof define && define.amd && define("mui", [], function() {
return i
}),
i
}(document);
!function(a, b) {
function c(c) {
this.os = {};
var d = [function() {
var a = c.match(/(MicroMessenger)\/([\d\.]+)/i);
return a && (this.os.wechat = {
version: a[2].replace(/_/g, ".")
}),
!1
}
, function() {
var a = c.match(/(Android);?[\s\/]+([\d.]+)?/);
return a && (this.os.android = !0,
this.os.version = a[2],
this.os.isBadAndroid = !/Chrome\/\d/.test(b.navigator.appVersion)),
this.os.android === !0
}
, function() {
var a = c.match(/(iPhone\sOS)\s([\d_]+)/);
if (a)
this.os.ios = this.os.iphone = !0,
this.os.version = a[2].replace(/_/g, ".");
else {
var b = c.match(/(iPad).*OS\s([\d_]+)/);
b && (this.os.ios = this.os.ipad = !0,
this.os.version = b[2].replace(/_/g, "."))
}
return this.os.ios === !0
}
];
[].every.call(d, function(b) {
return !b.call(a)
})
}
c.call(a, navigator.userAgent)
}(mui, window),
function(a, b) {
function c(c) {
this.os = this.os || {};
var d = c.match(/Html5Plus/i);
d && (this.os.plus = !0,
a(function() {
b.body.classList.add("mui-plus")
}),
c.match(/StreamApp/i) && (this.os.stream = !0,
a(function() {
b.body.classList.add("mui-plus-stream")
})))
}
c.call(a, navigator.userAgent)
}(mui, document),
function(a) {
"ontouchstart"in window ? (a.isTouchable = !0,
a.EVENT_START = "touchstart",
a.EVENT_MOVE = "touchmove",
a.EVENT_END = "touchend") : (a.isTouchable = !1,
a.EVENT_START = "mousedown",
a.EVENT_MOVE = "mousemove",
a.EVENT_END = "mouseup"),
a.EVENT_CANCEL = "touchcancel",
a.EVENT_CLICK = "click";
var b = 1
, c = {}
, d = {
preventDefault: "isDefaultPrevented",
stopImmediatePropagation: "isImmediatePropagationStopped",
stopPropagation: "isPropagationStopped"
}
, e = function() {
return !0
}
, f = function() {
return !1
}
, g = function(b, c) {
return b.detail ? b.detail.currentTarget = c : b.detail = {
currentTarget: c
},
a.each(d, function(a, c) {
var d = b[a];
b[a] = function() {
return this[c] = e,
d && d.apply(b, arguments)
}
,
b[c] = f
}, !0),
b
}
, h = function(a) {
return a && (a._mid || (a._mid = b++))
}
, i = {}
, j = function(b, d, e, f) {
return function(e) {
for (var f = c[b._mid][d], h = [], i = e.target, j = {}; i && i !== document && i !== b && (!~["click", "tap", "doubletap", "longtap", "hold"].indexOf(d) || !i.disabled && !i.classList.contains("mui-disabled")); i = i.parentNode) {
var k = {};
a.each(f, function(c, d) {
j[c] || (j[c] = a.qsa(c, b)),
j[c] && ~j[c].indexOf(i) && (k[c] || (k[c] = d))
}, !0),
a.isEmptyObject(k) || h.push({
element: i,
handlers: k
})
}
j = null ,
e = g(e),
a.each(h, function(b, c) {
i = c.element;
var f = i.tagName;
return "tap" === d && "INPUT" !== f && "TEXTAREA" !== f && "SELECT" !== f && (e.preventDefault(),
e.detail && e.detail.gesture && e.detail.gesture.preventDefault()),
a.each(c.handlers, function(b, c) {
a.each(c, function(a, b) {
b.call(i, e) === !1 && (e.preventDefault(),
e.stopPropagation())
}, !0)
}, !0),
e.isPropagationStopped() ? !1 : void 0
}, !0)
}
}
, k = function(a, b) {
var c = i[h(a)]
, d = [];
if (c) {
if (d = [],
b) {
var e = function(a) {
return a.type === b
};
return c.filter(e)
}
d = c
}
return d
}
, l = /^(INPUT|TEXTAREA|BUTTON|SELECT)$/;
a.fn.on = function(b, d, e) {
return this.each(function() {
var f = this;
h(f),
h(e);
var g = !1
, k = c[f._mid] || (c[f._mid] = {})
, m = k[b] || (k[b] = {});
a.isEmptyObject(m) && (g = !0);
var n = m[d] || (m[d] = []);
if (n.push(e),
g) {
var o = i[h(f)];
o || (o = []);
var p = j(f, b, d, e);
o.push(p),
p.i = o.length - 1,
p.type = b,
i[h(f)] = o,
f.addEventListener(b, p),
"tap" === b && f.addEventListener("click", function(a) {
if (a.target) {
var b = a.target.tagName;
if (!l.test(b))
if ("A" === b) {
var c = a.target.href;
c && ~c.indexOf("tel:") || a.preventDefault()
} else
a.preventDefault()
}
})
}
})
}
,
a.fn.off = function(b, d, e) {
return this.each(function() {
var f = h(this);
if (b)
if (d)
if (e) {
var g = c[f] && c[f][b] && c[f][b][d];
a.each(g, function(a, b) {
return h(b) === h(e) ? (g.splice(a, 1),
!1) : void 0
}, !0)
} else
c[f] && c[f][b] && delete c[f][b][d];
else
c[f] && delete c[f][b];
else
c[f] && delete c[f];
c[f] ? (!c[f][b] || a.isEmptyObject(c[f][b])) && k(this, b).forEach(function(a) {
this.removeEventListener(a.type, a),
delete i[f][a.i]
}
.bind(this)) : k(this).forEach(function(a) {
this.removeEventListener(a.type, a),
delete i[f][a.i]
}
.bind(this))
})
}
}(mui),
function(a, b, c) {
a.targets = {},
a.targetHandles = [],
a.registerTarget = function(b) {
return b.index = b.index || 1e3,
a.targetHandles.push(b),
a.targetHandles.sort(function(a, b) {
return a.index - b.index
}),
a.targetHandles
}
,
b.addEventListener(a.EVENT_START, function(b) {
for (var d = b.target, e = {}; d && d !== c; d = d.parentNode) {
var f = !1;
if (a.each(a.targetHandles, function(c, g) {
var h = g.name;
f || e[h] || !g.hasOwnProperty("handle") ? e[h] || g.isReset !== !1 && (a.targets[h] = !1) : (a.targets[h] = g.handle(b, d),
a.targets[h] && (e[h] = !0,
g.isContinue !== !0 && (f = !0)))
}),
f)
break
}
}),
b.addEventListener("click", function(b) {
for (var d = b.target, e = !1; d && d !== c && ("A" !== d.tagName || (a.each(a.targetHandles, function(a, c) {
c.name;
return c.hasOwnProperty("handle") && c.handle(b, d) ? (e = !0,
b.preventDefault(),
!1) : void 0
}),
!e)); d = d.parentNode)
;
})
}(mui, window, document),
function(a) {
String.prototype.trim === a && (String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, "")
}
),
Object.setPrototypeOf = Object.setPrototypeOf || function(a, b) {
return a.__proto__ = b,
a
}
}(),
function() {
function a(a, b) {
b = b || {
bubbles: !1,
cancelable: !1,
detail: void 0
};
var c = document.createEvent("Events")
, d = !0;
for (var e in b)
"bubbles" === e ? d = !!b[e] : c[e] = b[e];
return c.initEvent(a, d, !0),
c
}
"undefined" == typeof window.CustomEvent && (a.prototype = window.Event.prototype,
window.CustomEvent = a)
}(),
Function.prototype.bind = Function.prototype.bind || function(a) {
var b = Array.prototype.splice.call(arguments, 1)
, c = this
, d = function() {
var e = b.concat(Array.prototype.splice.call(arguments, 0));
return this instanceof d ? void c.apply(this, e) : c.apply(a, e)
};
return d.prototype = c.prototype,
d
}
,
function(a) {
"classList"in a.documentElement || !Object.defineProperty || "undefined" == typeof HTMLElement || Object.defineProperty(HTMLElement.prototype, "classList", {
get: function() {
function a(a) {
return function(c) {
var d = b.className.split(/\s+/)
, e = d.indexOf(c);
a(d, e, c),
b.className = d.join(" ")
}
}
var b = this
, c = {
add: a(function(a, b, c) {
~b || a.push(c)
}),
remove: a(function(a, b) {
~b && a.splice(b, 1)
}),
toggle: a(function(a, b, c) {
~b ? a.splice(b, 1) : a.push(c)
}),
contains: function(a) {
return !!~b.className.split(/\s+/).indexOf(a)
},
item: function(a) {
return b.className.split(/\s+/)[a] || null
}
};
return Object.defineProperty(c, "length", {
get: function() {
return b.className.split(/\s+/).length
}
}),
c
}
})
}(document),
function(a) {
if (!a.requestAnimationFrame) {
var b = 0;
a.requestAnimationFrame = a.webkitRequestAnimationFrame || function(c, d) {
var e = (new Date).getTime()
, f = Math.max(0, 16.7 - (e - b))
, g = a.setTimeout(function() {
c(e + f)
}, f);
return b = e + f,
g
}
,
a.cancelAnimationFrame = a.webkitCancelAnimationFrame || a.webkitCancelRequestAnimationFrame || function(a) {
clearTimeout(a)
}
}
}(window),
function(a, b, c) {
if ((a.os.android || a.os.ios) && !b.FastClick) {
var d = function(a, b) {
return "LABEL" === b.tagName && b.parentNode && (b = b.parentNode.querySelector("input")),
!b || "radio" !== b.type && "checkbox" !== b.type || b.disabled ? !1 : b
};
a.registerTarget({
name: c,
index: 40,
handle: d,
target: !1
});
var e = function(c) {
var d = a.targets.click;
if (d) {
var e, f;
document.activeElement && document.activeElement !== d && document.activeElement.blur(),
f = c.detail.gesture.changedTouches[0],
e = document.createEvent("MouseEvents"),
e.initMouseEvent("click", !0, !0, b, 1, f.screenX, f.screenY, f.clientX, f.clientY, !1, !1, !1, !1, 0, null ),
e.forwardedTouchEvent = !0,
d.dispatchEvent(e),
c.detail && c.detail.gesture.preventDefault()
}
};
b.addEventListener("tap", e),
b.addEventListener("doubletap", e),
b.addEventListener("click", function(b) {
return a.targets.click && !b.forwardedTouchEvent ? (b.stopImmediatePropagation ? b.stopImmediatePropagation() : b.propagationStopped = !0,
b.stopPropagation(),
b.preventDefault(),
!1) : void 0
}, !0)
}
}(mui, window, "click"),
function(a, b) {
a(function() {
if (a.os.ios) {
var c = "mui-focusin"
, d = "mui-bar-tab"
, e = "mui-bar-footer"
, f = "mui-bar-footer-secondary"
, g = "mui-bar-footer-secondary-tab";
b.addEventListener("focusin", function(h) {
if (!(a.os.plus && window.plus && plus.webview.currentWebview().children().length > 0)) {
var i = h.target;
if (i.tagName && ("TEXTAREA" === i.tagName || "INPUT" === i.tagName && ("text" === i.type || "search" === i.type || "number" === i.type))) {
if (i.disabled || i.readOnly)
return;
b.body.classList.add(c);
for (var j = !1; i && i !== b; i = i.parentNode) {
var k = i.classList;
if (k && k.contains(d) || k.contains(e) || k.contains(f) || k.contains(g)) {
j = !0;
break
}
}
if (j) {
var l = b.body.scrollHeight
, m = b.body.scrollLeft;
setTimeout(function() {
window.scrollTo(m, l)
}, 20)
}
}
}
}),
b.addEventListener("focusout", function(a) {
var d = b.body.classList;
d.contains(c) && (d.remove(c),
setTimeout(function() {
window.scrollTo(b.body.scrollLeft, b.body.scrollTop)
}, 20))
})
}
})
}(mui, document),
function(a) {
a.namespace = "mui",
a.classNamePrefix = a.namespace + "-",
a.classSelectorPrefix = "." + a.classNamePrefix,
a.className = function(b) {
return a.classNamePrefix + b
}
,
a.classSelector = function(b) {
return b.replace(/\./g, a.classSelectorPrefix)
}
,
a.eventName = function(b, c) {
return b + (a.namespace ? "." + a.namespace : "") + (c ? "." + c : "")
}
}(mui),
function(a, b) {
a.gestures = {
session: {}
},
a.preventDefault = function(a) {
a.preventDefault()
}
,
a.stopPropagation = function(a) {
a.stopPropagation()
}
,
a.addGesture = function(b) {
return a.addAction("gestures", b)
}
;
var c = Math.round
, d = Math.abs
, e = Math.sqrt
, f = (Math.atan,
Math.atan2)
, g = function(a, b, c) {
c || (c = ["x", "y"]);
var d = b[c[0]] - a[c[0]]
, f = b[c[1]] - a[c[1]];
return e(d * d + f * f)
}
, h = function(a, b) {
if (a.length >= 2 && b.length >= 2) {
var c = ["pageX", "pageY"];
return g(b[1], b[0], c) / g(a[1], a[0], c)
}
return 1
}
, i = function(a, b, c) {
c || (c = ["x", "y"]);
var d = b[c[0]] - a[c[0]]
, e = b[c[1]] - a[c[1]];
return 180 * f(e, d) / Math.PI
}
, j = function(a, b) {
return a === b ? "" : d(a) >= d(b) ? a > 0 ? "left" : "right" : b > 0 ? "up" : "down"
}
, k = function(a, b) {
var c = ["pageX", "pageY"];
return i(b[1], b[0], c) - i(a[1], a[0], c)
}
, l = function(a, b, c) {
return {
x: b / a || 0,
y: c / a || 0
}
}
, m = function(b, c) {
a.gestures.stoped || a.doAction("gestures", function(d, e) {
a.gestures.stoped || a.options.gestureConfig[e.name] !== !1 && e.handle(b, c)
})
}
, n = function(a, b) {
for (; a; ) {
if (a == b)
return !0;
a = a.parentNode
}
return !1
}
, o = function(a, b, c) {
for (var d = [], e = [], f = 0; f < a.length; ) {
var g = b ? a[f][b] : a[f];
e.indexOf(g) < 0 && d.push(a[f]),
e[f] = g,
f++
}
return c && (d = b ? d.sort(function(a, c) {
return a[b] > c[b]
}) : d.sort()),
d
}
, p = function(a) {
var b = a.length;
if (1 === b)
return {
x: c(a[0].pageX),
y: c(a[0].pageY)
};
for (var d = 0, e = 0, f = 0; b > f; )
d += a[f].pageX,
e += a[f].pageY,
f++;
return {
x: c(d / b),
y: c(e / b)
}
}
, q = function() {
return a.options.gestureConfig.pinch
}
, r = function(b) {
for (var d = [], e = 0; e < b.touches.length; )
d[e] = {
pageX: c(b.touches[e].pageX),
pageY: c(b.touches[e].pageY)
},
e++;
return {
timestamp: a.now(),
gesture: b.gesture,
touches: d,
center: p(b.touches),
deltaX: b.deltaX,
deltaY: b.deltaY
}
}
, s = function(b) {
var c = a.gestures.session
, d = b.center
, e = c.offsetDelta || {}
, f = c.prevDelta || {}
, g = c.prevTouch || {};
(b.gesture.type === a.EVENT_START || b.gesture.type === a.EVENT_END) && (f = c.prevDelta = {
x: g.deltaX || 0,
y: g.deltaY || 0
},
e = c.offsetDelta = {
x: d.x,
y: d.y
}),
b.deltaX = f.x + (d.x - e.x),
b.deltaY = f.y + (d.y - e.y)
}
, t = function(b) {
var c = a.gestures.session
, d = b.touches
, e = d.length;
c.firstTouch || (c.firstTouch = r(b)),
q() && e > 1 && !c.firstMultiTouch ? c.firstMultiTouch = r(b) : 1 === e && (c.firstMultiTouch = !1);
var f = c.firstTouch
, l = c.firstMultiTouch
, m = l ? l.center : f.center
, n = b.center = p(d);
b.timestamp = a.now(),
b.deltaTime = b.timestamp - f.timestamp,
b.angle = i(m, n),
b.distance = g(m, n),
s(b),
b.offsetDirection = j(b.deltaX, b.deltaY),
b.scale = l ? h(l.touches, d) : 1,
b.rotation = l ? k(l.touches, d) : 0,
v(b)
}
, u = 25
, v = function(b) {
var c, e, f, g, h = a.gestures.session, i = h.lastInterval || b, k = b.timestamp - i.timestamp;
if (b.gesture.type != a.EVENT_CANCEL && (k > u || void 0 === i.velocity)) {
var m = i.deltaX - b.deltaX
, n = i.deltaY - b.deltaY
, o = l(k, m, n);
e = o.x,
f = o.y,
c = d(o.x) > d(o.y) ? o.x : o.y,
g = j(m, n) || i.direction,
h.lastInterval = b
} else
c = i.velocity,
e = i.velocityX,
f = i.velocityY,
g = i.direction;
b.velocity = c,
b.velocityX = e,
b.velocityY = f,
b.direction = g
}
, w = {}
, x = function(a) {
for (var b = 0; b < a.length; b++)
!a.identifier && (a.identifier = 0);
return a
}
, y = function(b, c) {
var d = x(a.slice.call(b.touches || [b]))
, e = b.type
, f = []
, g = [];
if (e !== a.EVENT_START && e !== a.EVENT_MOVE || 1 !== d.length) {
var h = 0
, f = []
, g = []
, i = x(a.slice.call(b.changedTouches || [b]));
c.target = b.target;
var j = a.gestures.session.target || b.target;
if (f = d.filter(function(a) {
return n(a.target, j)
}),
e === a.EVENT_START)
for (h = 0; h < f.length; )
w[f[h].identifier] = !0,
h++;
for (h = 0; h < i.length; )
w[i[h].identifier] && g.push(i[h]),
(e === a.EVENT_END || e === a.EVENT_CANCEL) && delete w[i[h].identifier],
h++;
if (!g.length)
return !1
} else
w[d[0].identifier] = !0,
f = d,
g = d,
c.target = b.target;
f = o(f.concat(g), "identifier", !0);
var k = f.length
, l = g.length;
return e === a.EVENT_START && k - l === 0 && (c.isFirst = !0,
a.gestures.touch = a.gestures.session = {
target: b.target
}),
c.isFinal = (e === a.EVENT_END || e === a.EVENT_CANCEL) && k - l === 0,
c.touches = f,
c.changedTouches = g,
!0
}
, z = function(b) {
var c = {
gesture: b
}
, d = y(b, c);
d && (t(c),
m(b, c),
a.gestures.session.prevTouch = c,
b.type !== a.EVENT_END || a.isTouchable || (a.gestures.touch = a.gestures.session = {}))
};
b.addEventListener(a.EVENT_START, z),
b.addEventListener(a.EVENT_MOVE, z),
b.addEventListener(a.EVENT_END, z),
b.addEventListener(a.EVENT_CANCEL, z),
b.addEventListener(a.EVENT_CLICK, function(b) {
(a.os.android || a.os.ios) && (a.targets.popover && b.target === a.targets.popover || a.targets.tab || a.targets.offcanvas || a.targets.modal) && b.preventDefault()
}, !0),
a.isScrolling = !1;
var A = null ;
b.addEventListener("scroll", function() {
a.isScrolling = !0,
A && clearTimeout(A),
A = setTimeout(function() {
a.isScrolling = !1
}, 250)
})
}(mui, window),
function(a, b) {
var c = 0
, d = function(d, e) {
var f = a.gestures.session
, g = this.options
, h = a.now();
switch (d.type) {
case a.EVENT_MOVE:
h - c > 300 && (c = h,
f.flickStart = e.center);
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
e.flick = !1,
f.flickStart && g.flickMaxTime > h - c && e.distance > g.flickMinDistince && (e.flick = !0,
e.flickTime = h - c,
e.flickDistanceX = e.center.x - f.flickStart.x,
e.flickDistanceY = e.center.y - f.flickStart.y,
a.trigger(f.target, b, e),
a.trigger(f.target, b + e.direction, e))
}
};
a.addGesture({
name: b,
index: 5,
handle: d,
options: {
flickMaxTime: 200,
flickMinDistince: 10
}
})
}(mui, "flick"),
function(a, b) {
var c = function(c, d) {
var e = a.gestures.session;
if (c.type === a.EVENT_END || c.type === a.EVENT_CANCEL) {
var f = this.options;
d.swipe = !1,
d.direction && f.swipeMaxTime > d.deltaTime && d.distance > f.swipeMinDistince && (d.swipe = !0,
a.trigger(e.target, b, d),
a.trigger(e.target, b + d.direction, d))
}
};
a.addGesture({
name: b,
index: 10,
handle: c,
options: {
swipeMaxTime: 300,
swipeMinDistince: 18
}
})
}(mui, "swipe"),
function(a, b) {
var c = function(c, d) {
var e = a.gestures.session;
switch (c.type) {
case a.EVENT_START:
break;
case a.EVENT_MOVE:
if (!d.direction || !e.target)
return;
e.lockDirection && e.startDirection && e.startDirection && e.startDirection !== d.direction && ("up" === e.startDirection || "down" === e.startDirection ? d.direction = d.deltaY < 0 ? "up" : "down" : d.direction = d.deltaX < 0 ? "left" : "right"),
e.drag || (e.drag = !0,
a.trigger(e.target, b + "start", d)),
a.trigger(e.target, b, d),
a.trigger(e.target, b + d.direction, d);
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
e.drag && d.isFinal && a.trigger(e.target, b + "end", d)
}
};
a.addGesture({
name: b,
index: 20,
handle: c,
options: {
fingers: 1
}
})
}(mui, "drag"),
function(a, b) {
var c, d, e = function(e, f) {
var g = a.gestures.session
, h = this.options;
switch (e.type) {
case a.EVENT_END:
if (!f.isFinal)
return;
var i = g.target;
if (!i || i.disabled || i.classList && i.classList.contains("mui-disabled"))
return;
if (f.distance < h.tapMaxDistance && f.deltaTime < h.tapMaxTime) {
if (a.options.gestureConfig.doubletap && c && c === i && d && f.timestamp - d < h.tapMaxInterval)
return a.trigger(i, "doubletap", f),
d = a.now(),
void (c = i);
a.trigger(i, b, f),
d = a.now(),
c = i
}
}
};
a.addGesture({
name: b,
index: 30,
handle: e,
options: {
fingers: 1,
tapMaxInterval: 300,
tapMaxDistance: 5,
tapMaxTime: 250
}
})
}(mui, "tap"),
function(a, b) {
var c, d = function(d, e) {
var f = a.gestures.session
, g = this.options;
switch (d.type) {
case a.EVENT_START:
clearTimeout(c),
c = setTimeout(function() {
a.trigger(f.target, b, e)
}, g.holdTimeout);
break;
case a.EVENT_MOVE:
e.distance > g.holdThreshold && clearTimeout(c);
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
clearTimeout(c)
}
};
a.addGesture({
name: b,
index: 10,
handle: d,
options: {
fingers: 1,
holdTimeout: 500,
holdThreshold: 2
}
})
}(mui, "longtap"),
function(a, b) {
var c, d = function(d, e) {
var f = a.gestures.session
, g = this.options;
switch (d.type) {
case a.EVENT_START:
a.options.gestureConfig.hold && (c && clearTimeout(c),
c = setTimeout(function() {
e.hold = !0,
a.trigger(f.target, b, e)
}, g.holdTimeout));
break;
case a.EVENT_MOVE:
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
c && (clearTimeout(c) && (c = null ),
a.trigger(f.target, "release", e))
}
};
a.addGesture({
name: b,
index: 10,
handle: d,
options: {
fingers: 1,
holdTimeout: 0
}
})
}(mui, "hold"),
function(a, b) {
var c = function(c, d) {
var e = this.options
, f = a.gestures.session;
switch (c.type) {
case a.EVENT_START:
break;
case a.EVENT_MOVE:
if (a.options.gestureConfig.pinch) {
if (d.touches.length < 2)
return;
f.pinch || (f.pinch = !0,
a.trigger(f.target, b + "start", d)),
a.trigger(f.target, b, d);
var g = d.scale
, h = d.rotation
, i = "undefined" == typeof d.lastScale ? 1 : d.lastScale
, j = 1e-12;
g > i ? (i = g - j,
a.trigger(f.target, b + "out", d)) : i > g && (i = g + j,
a.trigger(f.target, b + "in", d)),
Math.abs(h) > e.minRotationAngle && a.trigger(f.target, "rotate", d)
}
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
a.options.gestureConfig.pinch && f.pinch && 2 === d.touches.length && (f.pinch = !1,
a.trigger(f.target, b + "end", d))
}
};
a.addGesture({
name: b,
index: 10,
handle: c,
options: {
minRotationAngle: 0
}
})
}(mui, "pinch"),
function(a) {
function b(a, b) {
var c = "MUI_SCROLL_POSITION_" + document.location.href + "_" + b.src
, d = parseFloat(localStorage.getItem(c)) || 0;
d && !function(a) {
b.onload = function() {
window.scrollTo(0, a)
}
}(d),
setInterval(function() {
var a = window.scrollY;
d !== a && (localStorage.setItem(c, a + ""),
d = a)
}, 100)
}
a.global = a.options = {
gestureConfig: {
tap: !0,
doubletap: !1,
longtap: !1,
hold: !1,
flick: !0,
swipe: !0,
drag: !0,
pinch: !1
}
},
a.initGlobal = function(b) {
return a.options = a.extend(!0, a.global, b),
this
}
;
var c = {}
, d = !1;
a.init = function(b) {
return d = !0,
a.options = a.extend(!0, a.global, b || {}),
a.ready(function() {
a.doAction("inits", function(b, d) {
var e = !(c[d.name] && !d.repeat);
e && (d.handle.call(a),
c[d.name] = !0)
})
}),
this
}
,
a.addInit = function(b) {
return a.addAction("inits", b)
}
,
a.addInit({
name: "iframe",
index: 100,
handle: function() {
var b = a.options
, c = b.subpages || [];
!a.os.plus && c.length && e(c[0])
}
});
var e = function(c) {
var d = document.createElement("div");
d.className = "mui-iframe-wrapper";
var e = c.styles || {};
"string" != typeof e.top && (e.top = "0px"),
"string" != typeof e.bottom && (e.bottom = "0px"),
d.style.top = e.top,
d.style.bottom = e.bottom;
var f = document.createElement("iframe");
f.src = c.url,
f.id = c.id || c.url,
f.name = f.id,
d.appendChild(f),
document.body.appendChild(d),
a.os.wechat && b(d, f)
};
a(function() {
var b = document.body.classList
, c = [];
a.os.ios ? (c.push({
os: "ios",
version: a.os.version
}),
b.add("mui-ios")) : a.os.android && (c.push({
os: "android",
version: a.os.version
}),
b.add("mui-android")),
a.os.wechat && (c.push({
os: "wechat",
version: a.os.wechat.version
}),
b.add("mui-wechat")),
c.length && a.each(c, function(c, d) {
var e = "";
d.version && a.each(d.version.split("."), function(c, f) {
e = e + (e ? "-" : "") + f,
b.add(a.className(d.os + "-" + e))
})
})
})
}(mui),
function(a) {
var b = {
swipeBack: !1,
preloadPages: [],
preloadLimit: 10,
keyEventBind: {
backbutton: !0,
menubutton: !0
}
}
, c = {
autoShow: !0,
duration: a.os.ios ? 200 : 100,
aniShow: "slide-in-right"
};
a.options.show && (c = a.extend(!0, c, a.options.show)),
a.currentWebview = null ,
a.isHomePage = !1,
a.extend(!0, a.global, b),
a.extend(!0, a.options, b),
a.waitingOptions = function(b) {
return a.extend(!0, {}, {
autoShow: !0,
title: "",
modal: !1
}, b)
}
,
a.showOptions = function(b) {
return a.extend(!0, {}, c, b)
}
,
a.windowOptions = function(b) {
return a.extend({
scalable: !1,
bounce: ""
}, b)
}
,
a.plusReady = function(a) {
return window.plus ? setTimeout(function() {
a()
}, 0) : document.addEventListener("plusready", function() {
a()
}, !1),
this
}
,
a.fire = function(b, c, d) {
b && ("" !== d && (d = d || {},
a.isPlainObject(d) && (d = JSON.stringify(d || {}).replace(/\'/g, "\\u0027").replace(/\\/g, "\\u005c"))),
b.evalJS("typeof mui!=='undefined'&&mui.receive('" + c + "','" + d + "')"))
}
,
a.receive = function(b, c) {
if (b) {
try {
c && (c = JSON.parse(c))
} catch (d) {}
a.trigger(document, b, c)
}
}
;
var d = function(b) {
if (!b.preloaded) {
a.fire(b, "preload");
for (var c = b.children(), d = 0; d < c.length; d++)
a.fire(c[d], "preload");
b.preloaded = !0
}
}
, e = function(b, c, d) {
if (d) {
if (!b[c + "ed"]) {
a.fire(b, c);
for (var e = b.children(), f = 0; f < e.length; f++)
a.fire(e[f], c);
b[c + "ed"] = !0
}
} else {
a.fire(b, c);
for (var e = b.children(), f = 0; f < e.length; f++)
a.fire(e[f], c)
}
};
a.openWindow = function(b, c, f) {
if ("object" == typeof b ? (f = b,
b = f.url,
c = f.id || b) : "object" == typeof c ? (f = c,
c = b) : c = c || b,
!a.os.plus)
return void (a.os.ios || a.os.android ? window.top.location.href = b : window.parent.location.href = b);
if (window.plus) {
f = f || {};
var g, h, i = f.params || {}, j = null , k = null ;
if (a.webviews[c] && (k = a.webviews[c],
plus.webview.getWebviewById(c) && (j = k.webview)),
k && j)
return g = k.show,
g = f.show ? a.extend(g, f.show) : g,
j.show(g.aniShow, g.duration, function() {
d(j),
e(j, "pagebeforeshow", !1)
}),
k.afterShowMethodName && j.evalJS(k.afterShowMethodName + "('" + JSON.stringify(i) + "')"),
j;
if (f.createNew !== !0) {
if (j = plus.webview.getWebviewById(c))
return g = a.showOptions(f.show),
g.autoShow && j.show(g.aniShow, g.duration, function() {
d(j),
e(j, "pagebeforeshow", !1)
}),
j;
if (!b)
throw new Error("webview[" + c + "] does not exist")
}
var l = a.waitingOptions(f.waiting);
if (l.autoShow && (h = plus.nativeUI.showWaiting(l.title, l.options)),
f = a.extend(f, {
id: c,
url: b
}),
j = a.createWindow(f),
g = a.showOptions(f.show),
g.autoShow) {
var m = function() {
h && h.close(),
j.show(g.aniShow, g.duration, function() {}),
j.showed = !0,
f.afterShowMethodName && j.evalJS(f.afterShowMethodName + "('" + JSON.stringify(i) + "')")
};
b ? (j.addEventListener("titleUpdate", m, !1),
j.addEventListener("loaded", function() {
d(j),
e(j, "pagebeforeshow", !1)
}, !1)) : m()
}
return j
}
}
,
a.createWindow = function(b, c) {
if (window.plus) {
var d, e = b.id || b.url;
if (b.preload) {
a.webviews[e] && a.webviews[e].webview.getURL() ? d = a.webviews[e].webview : (b.createNew !== !0 && (d = plus.webview.getWebviewById(e)),
d || (d = plus.webview.create(b.url, e, a.windowOptions(b.styles), a.extend({
preload: !0
}, b.extras)),
b.subpages && a.each(b.subpages, function(b, c) {
var e = c.id || c.url;
if (e) {
var f = plus.webview.getWebviewById(e);
f || (f = plus.webview.create(c.url, e, a.windowOptions(c.styles), a.extend({
preload: !0
}, c.extras))),
d.append(f)
}
}))),
a.webviews[e] = {
webview: d,
preload: !0,
show: a.showOptions(b.show),
afterShowMethodName: b.afterShowMethodName
};
var f = a.data.preloads
, g = f.indexOf(e);
if (~g && f.splice(g, 1),
f.push(e),
f.length > a.options.preloadLimit) {
var h = a.data.preloads.shift()
, i = a.webviews[h];
i && i.webview && a.closeAll(i.webview),
delete a.webviews[h]
}
} else
c !== !1 && (d = plus.webview.create(b.url, e, a.windowOptions(b.styles), b.extras),
b.subpages && a.each(b.subpages, function(b, c) {
var e = c.id || c.url
, f = plus.webview.getWebviewById(e);
f || (f = plus.webview.create(c.url, e, a.windowOptions(c.styles), c.extras)),
d.append(f)
}));
return d
}
}
,
a.preload = function(b) {
return b.preload || (b.preload = !0),
a.createWindow(b)
}
,
a.closeOpened = function(b) {
var c = b.opened();
if (c)
for (var d = 0, e = c.length; e > d; d++) {
var f = c[d]
, g = f.opened();
g && g.length > 0 ? (a.closeOpened(f),
f.close("none")) : f.parent() !== b && f.close("none")
}
}
,
a.closeAll = function(b, c) {
a.closeOpened(b),
c ? b.close(c) : b.close()
}
,
a.createWindows = function(b) {
a.each(b, function(b, c) {
a.createWindow(c, !1)
})
}
,
a.appendWebview = function(b) {
if (window.plus) {
var c, d = b.id || b.url;
return a.webviews[d] || (plus.webview.getWebviewById(d) || (c = plus.webview.create(b.url, d, b.styles, b.extras)),
plus.webview.currentWebview().append(c),
a.webviews[d] = b),
c
}
}
,
a.webviews = {},
a.data.preloads = [],
a.plusReady(function() {
a.currentWebview = plus.webview.currentWebview()
}),
a.addInit({
name: "5+",
index: 100,
handle: function() {
var b = a.options
, c = b.subpages || [];
a.os.plus && a.plusReady(function() {
a.each(c, function(b, c) {
a.appendWebview(c)
}),
plus.webview.currentWebview() === plus.webview.getWebviewById(plus.runtime.appid) && (a.isHomePage = !0,
setTimeout(function() {
d(plus.webview.currentWebview())
}, 300)),
a.os.ios && a.options.statusBarBackground && plus.navigator.setStatusBarBackground(a.options.statusBarBackground),
a.os.android && parseFloat(a.os.version) < 4.4 && null == plus.webview.currentWebview().parent() && document.addEventListener("resume", function() {
var a = document.body;
a.style.display = "none",
setTimeout(function() {
a.style.display = ""
}, 10)
})
})
}
}),
window.addEventListener("preload", function() {
var b = a.options.preloadPages || [];
a.plusReady(function() {
a.each(b, function(b, c) {
a.createWindow(a.extend(c, {
preload: !0
}))
})
})
}),
a.supportStatusbarOffset = function() {
return a.os.plus && a.os.ios && parseFloat(a.os.version) >= 7
}
,
a.ready(function() {
a.supportStatusbarOffset() && document.body.classList.add("mui-statusbar")
})
}(mui),
function(a, b) {
a.addBack = function(b) {
return a.addAction("backs", b)
}
,
a.addBack({
name: "browser",
index: 100,
handle: function() {
return b.history.length > 1 ? (b.history.back(),
!0) : !1
}
}),
a.back = function() {
("function" != typeof a.options.beforeback || a.options.beforeback() !== !1) && a.doAction("backs")
}
,
b.addEventListener("tap", function(b) {
var c = a.targets.action;
c && c.classList.contains("mui-action-back") && (a.back(),
a.targets.action = !1)
}),
b.addEventListener("swiperight", function(b) {
var c = b.detail;
a.options.swipeBack === !0 && Math.abs(c.angle) < 3 && a.back()
})
}(mui, window),
function(a, b) {
a.os.plus && a.os.android && a.addBack({
name: "mui",
index: 5,
handle: function() {
if (a.targets._popover && a.targets._popover.classList.contains("mui-active"))
return a(a.targets._popover).popover("hide"),
!0;
var b = document.querySelector(".mui-off-canvas-wrap.mui-active");
if (b)
return a(b).offCanvas("close"),
!0;
var c = a.isFunction(a.getPreviewImage) && a.getPreviewImage();
return c && c.isShown() ? (c.close(),
!0) : a.closePopup()
}
}),
a.__back__first = null ,
a.addBack({
name: "5+",
index: 10,
handle: function() {
if (!b.plus)
return !1;
var c = plus.webview.currentWebview()
, d = c.parent();
return d ? d.evalJS("mui&&mui.back();") : c.canBack(function(d) {
d.canBack ? b.history.back() : c.id === plus.runtime.appid ? a.__back__first ? (new Date).getTime() - a.__back__first < 2e3 && plus.runtime.quit() : (a.__back__first = (new Date).getTime(),
mui.toast("鍐嶆寜涓€娆￠€€鍑哄簲鐢�"),
setTimeout(function() {
a.__back__first = null
}, 2e3)) : c.preload ? c.hide("auto") : a.closeAll(c)
}),
!0
}
}),
a.menu = function() {
var c = document.querySelector(".mui-action-menu");
if (c)
a.trigger(c, a.EVENT_START),
a.trigger(c, "tap");
else if (b.plus) {
var d = a.currentWebview
, e = d.parent();
e && e.evalJS("mui&&mui.menu();")
}
}
;
var c = function() {
a.back()
}
, d = function() {
a.menu()
};
a.plusReady(function() {
a.options.keyEventBind.backbutton && plus.key.addEventListener("backbutton", c, !1),
a.options.keyEventBind.menubutton && plus.key.addEventListener("menubutton", d, !1)
}),
a.addInit({
name: "keyEventBind",
index: 1e3,
handle: function() {
a.plusReady(function() {
a.options.keyEventBind.backbutton || plus.key.removeEventListener("backbutton", c),
a.options.keyEventBind.menubutton || plus.key.removeEventListener("menubutton", d)
})
}
})
}(mui, window),
function(a) {
a.addInit({
name: "pullrefresh",
index: 1e3,
handle: function() {
var b = a.options
, c = b.pullRefresh || {}
, d = c.down && c.down.hasOwnProperty("callback")
, e = c.up && c.up.hasOwnProperty("callback");
if (d || e) {
var f = c.container;
if (f) {
var g = a(f);
1 === g.length && (a.os.plus && a.os.android ? a.plusReady(function() {
var b = plus.webview.currentWebview();
if (e) {
var f = {};
f.up = c.up,
f.webviewId = b.id || b.getURL(),
g.pullRefresh(f)
}
if (d) {
var h = b.parent()
, i = b.id || b.getURL();
if (h) {
e || g.pullRefresh({
webviewId: i
});
var j = {
webviewId: i
};
j.down = a.extend({}, c.down),
j.down.callback = "_CALLBACK",
h.evalJS("mui&&mui(document.querySelector('.mui-content')).pullRefresh('" + JSON.stringify(j) + "')")
}
}
}) : g.pullRefresh(c))
}
}
}
})
}(mui),
function(a, b, c) {
var d = "application/json"
, e = "text/html"
, f = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi
, g = /^(?:text|application)\/javascript/i
, h = /^(?:text|application)\/xml/i
, i = /^\s*$/;
a.ajaxSettings = {
type: "GET",
beforeSend: a.noop,
success: a.noop,
error: a.noop,
complete: a.noop,
context: null ,
xhr: function(a) {
return new b.XMLHttpRequest
},
accepts: {
script: "text/javascript, application/javascript, application/x-javascript",
json: d,
xml: "application/xml, text/xml",
html: e,
text: "text/plain"
},
timeout: 0,
processData: !0,
cache: !0
};
var j = function(a, b) {
var c = b.context;
return b.beforeSend.call(c, a, b) === !1 ? !1 : void 0
}
, k = function(a, b, c) {
c.success.call(c.context, a, "success", b),
m("success", b, c)
}
, l = function(a, b, c, d) {
d.error.call(d.context, c, b, a),
m(b, c, d)
}
, m = function(a, b, c) {
c.complete.call(c.context, b, a)
}
, n = function(b, c, d, e) {
var f, g = a.isArray(c), h = a.isPlainObject(c);
a.each(c, function(c, i) {
f = a.type(i),
e && (c = d ? e : e + "[" + (h || "object" === f || "array" === f ? c : "") + "]"),
!e && g ? b.add(i.name, i.value) : "array" === f || !d && "object" === f ? n(b, i, d, c) : b.add(c, i)
})
}
, o = function(b) {
if (b.processData && b.data && "string" != typeof b.data) {
var e = b.contentType;
!e && b.headers && (e = b.headers["Content-Type"]),
e && ~e.indexOf(d) ? b.data = JSON.stringify(b.data) : b.data = a.param(b.data, b.traditional)
}
!b.data || b.type && "GET" !== b.type.toUpperCase() || (b.url = p(b.url, b.data),
b.data = c)
}
, p = function(a, b) {
return "" === b ? a : (a + "&" + b).replace(/[&?]{1,2}/, "?")
}
, q = function(a) {
return a && (a = a.split(";", 2)[0]),
a && (a === e ? "html" : a === d ? "json" : g.test(a) ? "script" : h.test(a) && "xml") || "text"
}
, r = function(b, d, e, f) {
return a.isFunction(d) && (f = e,
e = d,
d = c),
a.isFunction(e) || (f = e,
e = c),
{
url: b,
data: d,
success: e,
dataType: f
}
};
a.ajax = function(d, e) {
"object" == typeof d && (e = d,
d = c);
var f = e || {};
f.url = d || f.url;
for (var g in a.ajaxSettings)
f[g] === c && (f[g] = a.ajaxSettings[g]);
o(f);
var h = f.dataType;
f.cache !== !1 && (e && e.cache === !0 || "script" !== h) || (f.url = p(f.url, "_=" + a.now()));
var m, n = f.accepts[h && h.toLowerCase()], r = {}, s = function(a, b) {
r[a.toLowerCase()] = [a, b]
}, t = /^([\w-]+:)\/\//.test(f.url) ? RegExp.$1 : b.location.protocol, u = f.xhr(f), v = u.setRequestHeader;
if (s("X-Requested-With", "XMLHttpRequest"),
s("Accept", n || "*/*"),
(n = f.mimeType || n) && (n.indexOf(",") > -1 && (n = n.split(",", 2)[0]),
u.overrideMimeType && u.overrideMimeType(n)),
(f.contentType || f.contentType !== !1 && f.data && "GET" !== f.type.toUpperCase()) && s("Content-Type", f.contentType || "application/x-www-form-urlencoded"),
f.headers)
for (var w in f.headers)
s(w, f.headers[w]);
if (u.setRequestHeader = s,
u.onreadystatechange = function() {
if (4 === u.readyState) {
u.onreadystatechange = a.noop,
clearTimeout(m);
var b, c = !1, d = "file:" === t;
if (u.status >= 200 && u.status < 300 || 304 === u.status || 0 === u.status && d && u.responseText) {
h = h || q(f.mimeType || u.getResponseHeader("content-type")),
b = u.responseText;
try {
"script" === h ? (1,
eval)(b) : "xml" === h ? b = u.responseXML : "json" === h && (b = i.test(b) ? null : a.parseJSON(b))
} catch (e) {
c = e
}
c ? l(c, "parsererror", u, f) : k(b, u, f)
} else {
var g = u.status ? "error" : "abort"
, j = u.statusText || null ;
d && (g = "error",
j = "404"),
l(j, g, u, f)
}
}
}
,
j(u, f) === !1)
return u.abort(),
l(null , "abort", u, f),
u;
if (f.xhrFields)
for (var w in f.xhrFields)
u[w] = f.xhrFields[w];
var x = "async"in f ? f.async : !0;
u.open(f.type.toUpperCase(), f.url, x, f.username, f.password);
for (var w in r)
r.hasOwnProperty(w) && v.apply(u, r[w]);
return f.timeout > 0 && (m = setTimeout(function() {
u.onreadystatechange = a.noop,
u.abort(),
l(null , "timeout", u, f)
}, f.timeout)),
u.send(f.data ? f.data : null ),
u
}
,
a.param = function(a, b) {
var c = [];
return c.add = function(a, b) {
this.push(encodeURIComponent(a) + "=" + encodeURIComponent(b))
}
,
n(c, a, b),
c.join("&").replace(/%20/g, "+")
}
,
a.get = function() {
return a.ajax(r.apply(null , arguments))
}
,
a.post = function() {
var b = r.apply(null , arguments);
return b.type = "POST",
a.ajax(b)
}
,
a.getJSON = function() {
var b = r.apply(null , arguments);
return b.dataType = "json",
a.ajax(b)
}
,
a.fn.load = function(b, c, d) {
if (!this.length)
return this;
var e, g = this, h = b.split(/\s/), i = r(b, c, d), j = i.success;
return h.length > 1 && (i.url = h[0],
e = h[1]),
i.success = function(a) {
if (e) {
var b = document.createElement("div");
b.innerHTML = a.replace(f, "");
var c = document.createElement("div")
, d = b.querySelectorAll(e);
if (d && d.length > 0)
for (var h = 0, i = d.length; i > h; h++)
c.appendChild(d[h]);
g[0].innerHTML = c.innerHTML
} else
g[0].innerHTML = a;
j && j.apply(g, arguments)
}
,
a.ajax(i),
this
}
}(mui, window),
function(a) {
var b = document.createElement("a");
b.href = window.location.href,
a.plusReady(function() {
a.ajaxSettings = a.extend(a.ajaxSettings, {
xhr: function(a) {
if (a.crossDomain)
return new plus.net.XMLHttpRequest;
if ("file:" !== b.protocol) {
var c = document.createElement("a");
if (c.href = a.url,
c.href = c.href,
a.crossDomain = b.protocol + "//" + b.host != c.protocol + "//" + c.host,
a.crossDomain)
return new plus.net.XMLHttpRequest
}
return new window.XMLHttpRequest
}
})
})
}(mui),
function(a, b, c) {
a.offset = function(a) {
var d = {
top: 0,
left: 0
};
return typeof a.getBoundingClientRect !== c && (d = a.getBoundingClientRect()),
{
top: d.top + b.pageYOffset - a.clientTop,
left: d.left + b.pageXOffset - a.clientLeft
}
}
}(mui, window),
function(a, b) {
a.scrollTo = function(a, c, d) {
c = c || 1e3;
var e = function(c) {
if (0 >= c)
return b.scrollTo(0, a),
void (d && d());
var f = a - b.scrollY;
setTimeout(function() {
b.scrollTo(0, b.scrollY + f / c * 10),
e(c - 10)
}, 16.7)
};
e(c)
}
,
a.animationFrame = function(a) {
var b, c, d;
return function() {
b = arguments,
d = this,
c || (c = !0,
requestAnimationFrame(function() {
a.apply(d, b),
c = !1
}))
}
}
}(mui, window),
function(a) {
var b = !1
, c = /xyz/.test(function() {
xyz
}) ? /\b_super\b/ : /.*/
, d = function() {};
d.extend = function(a) {
function d() {
!b && this.init && this.init.apply(this, arguments)
}
var e = this.prototype;
b = !0;
var f = new this;
b = !1;
for (var g in a)
f[g] = "function" == typeof a[g] && "function" == typeof e[g] && c.test(a[g]) ? function(a, b) {
return function() {
var c = this._super;
this._super = e[a];
var d = b.apply(this, arguments);
return this._super = c,
d
}
}(g, a[g]) : a[g];
return d.prototype = f,
d.prototype.constructor = d,
d.extend = arguments.callee,
d
}
,
a.Class = d
}(mui),
function(a, b, c) {
var d = "mui-pull-top-pocket"
, e = "mui-pull-bottom-pocket"
, f = "mui-pull"
, g = "mui-pull-loading"
, h = "mui-pull-caption"
, i = "mui-pull-caption-down"
, j = "mui-pull-caption-refresh"
, k = "mui-pull-caption-nomore"
, l = "mui-icon"
, m = "mui-spinner"
, n = "mui-icon-pulldown"
, o = "mui-block"
, p = "mui-hidden"
, q = "mui-visibility"
, r = g + " " + l + " " + n
, s = g + " " + l + " " + n
, t = g + " " + l + " " + m
, u = ['<div class="' + f + '">', '<div class="{icon}"></div>', '<div class="' + h + '">{contentrefresh}</div>', "</div>"].join("")
, v = {
init: function(b, c) {
this._super(b, a.extend(!0, {
scrollY: !0,
scrollX: !1,
indicators: !0,
deceleration: .003,
down: {
height: 50,
contentinit: "涓嬫媺鍙互鍒锋柊",
contentdown: "涓嬫媺鍙互鍒锋柊",
contentover: "閲婃斁绔嬪嵆鍒锋柊",
contentrefresh: "姝ｅ湪鍒锋柊..."
},
up: {
height: 50,
auto: !1,
contentinit: "涓婃媺鏄剧ず鏇村",
contentdown: "涓婃媺鏄剧ず鏇村",
contentrefresh: "姝ｅ湪鍔犺浇...",
contentnomore: "娌℃湁鏇村鏁版嵁浜�",
duration: 300
}
}, c))
},
_init: function() {
this._super(),
this._initPocket()
},
_initPulldownRefresh: function() {
this.pulldown = !0,
this.pullPocket = this.topPocket,
this.pullPocket.classList.add(o),
this.pullPocket.classList.add(q),
this.pullCaption = this.topCaption,
this.pullLoading = this.topLoading
},
_initPullupRefresh: function() {
this.pulldown = !1,
this.pullPocket = this.bottomPocket,
this.pullPocket.classList.add(o),
this.pullPocket.classList.add(q),
this.pullCaption = this.bottomCaption,
this.pullLoading = this.bottomLoading
},
_initPocket: function() {
var a = this.options;
a.down && a.down.hasOwnProperty("callback") && (this.topPocket = this.scroller.querySelector("." + d),
this.topPocket || (this.topPocket = this._createPocket(d, a.down, s),
this.wrapper.insertBefore(this.topPocket, this.wrapper.firstChild)),
this.topLoading = this.topPocket.querySelector("." + g),
this.topCaption = this.topPocket.querySelector("." + h)),
a.up && a.up.hasOwnProperty("callback") && (this.bottomPocket = this.scroller.querySelector("." + e),
this.bottomPocket || (this.bottomPocket = this._createPocket(e, a.up, t),
this.scroller.appendChild(this.bottomPocket)),
this.bottomLoading = this.bottomPocket.querySelector("." + g),
this.bottomCaption = this.bottomPocket.querySelector("." + h),
this.wrapper.addEventListener("scrollbottom", this))
},
_createPocket: function(a, c, d) {
var e = b.createElement("div");
return e.className = a,
e.innerHTML = u.replace("{contentrefresh}", c.contentinit).replace("{icon}", d),
e
},
_resetPullDownLoading: function() {
var a = this.pullLoading;
a && (this.pullCaption.innerHTML = this.options.down.contentdown,
a.style.webkitTransition = "",
a.style.webkitTransform = "",
a.style.webkitAnimation = "",
a.className = s)
},
_setCaptionClass: function(a, b, c) {
if (!a)
switch (c) {
case this.options.up.contentdown:
b.className = h + " " + i;
break;
case this.options.up.contentrefresh:
b.className = h + " " + j;
break;
case this.options.up.contentnomore:
b.className = h + " " + k
}
},
_setCaption: function(a, b) {
if (!this.loading) {
var c = this.options
, d = this.pullPocket
, e = this.pullCaption
, f = this.pullLoading
, g = this.pulldown
, h = this;
d && (b ? setTimeout(function() {
e.innerHTML = h.lastTitle = a,
g ? f.className = s : (h._setCaptionClass(!1, e, a),
f.className = t),
f.style.webkitAnimation = "",
f.style.webkitTransition = "",
f.style.webkitTransform = ""
}, 100) : a !== this.lastTitle && (e.innerHTML = a,
g ? a === c.down.contentrefresh ? (f.className = t,
f.style.webkitAnimation = "spinner-spin 1s step-end infinite") : a === c.down.contentover ? (f.className = r,
f.style.webkitTransition = "-webkit-transform 0.3s ease-in",
f.style.webkitTransform = "rotate(180deg)") : a === c.down.contentdown && (f.className = s,
f.style.webkitTransition = "-webkit-transform 0.3s ease-in",
f.style.webkitTransform = "rotate(0deg)") : (a === c.up.contentrefresh ? f.className = t + " " + q : f.className = t + " " + p,
h._setCaptionClass(!1, e, a)),
this.lastTitle = a))
}
}
};
a.PullRefresh = v
}(mui, document),
function(a, b, c, d) {
var e = "mui-scroll"
, f = "mui-scrollbar"
, g = "mui-scrollbar-indicator"
, h = f + "-vertical"
, i = f + "-horizontal"
, j = "mui-active"
, k = {
quadratic: {
style: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
fn: function(a) {
return a * (2 - a)
}
},
circular: {
style: "cubic-bezier(0.1, 0.57, 0.1, 1)",
fn: function(a) {
return Math.sqrt(1 - --a * a)
}
},
outCirc: {
style: "cubic-bezier(0.075, 0.82, 0.165, 1)"
},
outCubic: {
style: "cubic-bezier(0.165, 0.84, 0.44, 1)"
}
}
, l = a.Class.extend({
init: function(b, c) {
this.wrapper = this.element = b,
this.scroller = this.wrapper.children[0],
this.scrollerStyle = this.scroller && this.scroller.style,
this.stopped = !1,
this.options = a.extend(!0, {
scrollY: !0,
scrollX: !1,
startX: 0,
startY: 0,
indicators: !0,
stopPropagation: !1,
hardwareAccelerated: !0,
fixedBadAndorid: !1,
preventDefaultException: {
tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|VIDEO)$/
},
momentum: !0,
snapX: .5,
snap: !1,
bounce: !0,
bounceTime: 500,
bounceEasing: k.outCirc,
scrollTime: 500,
scrollEasing: k.outCubic,
directionLockThreshold: 5,
parallaxElement: !1,
parallaxRatio: .5
}, c),
this.x = 0,
this.y = 0,
this.translateZ = this.options.hardwareAccelerated ? " translateZ(0)" : "",
this._init(),
this.scroller && (this.refresh(),
this.scrollTo(this.options.startX, this.options.startY))
},
_init: function() {
this._initParallax(),
this._initIndicators(),
this._initEvent()
},
_initParallax: function() {
this.options.parallaxElement && (this.parallaxElement = c.querySelector(this.options.parallaxElement),
this.parallaxStyle = this.parallaxElement.style,
this.parallaxHeight = this.parallaxElement.offsetHeight,
this.parallaxImgStyle = this.parallaxElement.querySelector("img").style)
},
_initIndicators: function() {
var a = this;
if (a.indicators = [],
this.options.indicators) {
var b, c = [];
a.options.scrollY && (b = {
el: this._createScrollBar(h),
listenX: !1
},
this.wrapper.appendChild(b.el),
c.push(b)),
this.options.scrollX && (b = {
el: this._createScrollBar(i),
listenY: !1
},
this.wrapper.appendChild(b.el),
c.push(b));
for (var d = c.length; d--; )
this.indicators.push(new m(this,c[d]))
}
},
_initSnap: function() {
this.currentPage = {},
this.pages = [];
for (var a = this.snaps, b = a.length, c = 0, d = -1, e = 0, f = 0, g = 0, h = 0, i = 0; b > i; i++) {
var k = a[i]
, l = k.offsetLeft
, m = k.offsetWidth;
(0 === i || l <= a[i - 1].offsetLeft) && (c = 0,
d++),
this.pages[c] || (this.pages[c] = []),
e = this._getSnapX(l),
h = Math.round(m * this.options.snapX),
f = e - h,
g = e - m + h,
this.pages[c][d] = {
x: e,
leftX: f,
rightX: g,
pageX: c,
element: k
},
k.classList.contains(j) && (this.currentPage = this.pages[c][0]),
e >= this.maxScrollX && c++
}
this.options.startX = this.currentPage.x || 0
},
_getSnapX: function(a) {
return Math.max(Math.min(0, -a + this.wrapperWidth / 2), this.maxScrollX)
},
_gotoPage: function(a) {
this.currentPage = this.pages[Math.min(a, this.pages.length - 1)][0];
for (var b = 0, c = this.snaps.length; c > b; b++)
b === a ? this.snaps[b].classList.add(j) : this.snaps[b].classList.remove(j);
this.scrollTo(this.currentPage.x, 0, this.options.scrollTime)
},
_nearestSnap: function(a) {
if (!this.pages.length)
return {
x: 0,
pageX: 0
};
var b = 0
, c = this.pages.length;
for (a > 0 ? a = 0 : a < this.maxScrollX && (a = this.maxScrollX); c > b; b++) {
var d = "left" === this.direction ? this.pages[b][0].leftX : this.pages[b][0].rightX;
if (a >= d)
return this.pages[b][0]
}
return {
x: 0,
pageX: 0
}
},
_initEvent: function(c) {
var d = c ? "removeEventListener" : "addEventListener";
b[d]("orientationchange", this),
b[d]("resize", this),
this.scroller[d]("webkitTransitionEnd", this),
this.wrapper[d](a.EVENT_START, this),
this.wrapper[d](a.EVENT_CANCEL, this),
this.wrapper[d](a.EVENT_END, this),
this.wrapper[d]("drag", this),
this.wrapper[d]("dragend", this),
this.wrapper[d]("flick", this),
this.wrapper[d]("scrollend", this),
this.options.scrollX && this.wrapper[d]("swiperight", this);
var e = this.wrapper.querySelector(".mui-segmented-control");
e && mui(e)[c ? "off" : "on"]("click", "a", a.preventDefault),
this.wrapper[d]("scrollstart", this),
this.wrapper[d]("refresh", this)
},
_handleIndicatorScrollend: function() {
this.indicators.map(function(a) {
a.fade()
})
},
_handleIndicatorScrollstart: function() {
this.indicators.map(function(a) {
a.fade(1)
})
},
_handleIndicatorRefresh: function() {
this.indicators.map(function(a) {
a.refresh()
})
},
handleEvent: function(b) {
if (this.stopped)
return void this.resetPosition();
switch (b.type) {
case a.EVENT_START:
this._start(b);
break;
case "drag":
this.options.stopPropagation && b.stopPropagation(),
this._drag(b);
break;
case "dragend":
case "flick":
this.options.stopPropagation && b.stopPropagation(),
this._flick(b);
break;
case a.EVENT_CANCEL:
case a.EVENT_END:
this._end(b);
break;
case "webkitTransitionEnd":
this.transitionTimer && this.transitionTimer.cancel(),
this._transitionEnd(b);
break;
case "scrollstart":
this._handleIndicatorScrollstart(b);
break;
case "scrollend":
this._handleIndicatorScrollend(b),
this._scrollend(b),
b.stopPropagation();
break;
case "orientationchange":
case "resize":
this._resize();
break;
case "swiperight":
b.stopPropagation();
break;
case "refresh":
this._handleIndicatorRefresh(b)
}
},
_start: function(b) {
if (this.moved = this.needReset = !1,
this._transitionTime(),
this.isInTransition) {
this.needReset = !0,
this.isInTransition = !1;
var c = a.parseTranslateMatrix(a.getStyles(this.scroller, "webkitTransform"));
this.setTranslate(Math.round(c.x), Math.round(c.y)),
a.trigger(this.scroller, "scrollend", this),
b.preventDefault()
}
this.reLayout(),
a.trigger(this.scroller, "beforescrollstart", this)
},
_getDirectionByAngle: function(a) {
return -80 > a && a > -100 ? "up" : a >= 80 && 100 > a ? "down" : a >= 170 || -170 >= a ? "left" : a >= -35 && 10 >= a ? "right" : null
},
_drag: function(c) {
var d = c.detail;
if ((this.options.scrollY || "up" === d.direction || "down" === d.direction) && a.os.ios && parseFloat(a.os.version) >= 8) {
var e = d.gesture.touches[0].clientY;
if (e + 10 > b.innerHeight || 10 > e)
return void this.resetPosition(this.options.bounceTime)
}
var f = isReturn = !1;
this._getDirectionByAngle(d.angle);
if ("left" === d.direction || "right" === d.direction ? this.options.scrollX ? (f = !0,
this.moved || (a.gestures.session.lockDirection = !0,
a.gestures.session.startDirection = d.direction)) : this.options.scrollY && !this.moved && (isReturn = !0) : "up" === d.direction || "down" === d.direction ? this.options.scrollY ? (f = !0,
this.moved || (a.gestures.session.lockDirection = !0,
a.gestures.session.startDirection = d.direction)) : this.options.scrollX && !this.moved && (isReturn = !0) : isReturn = !0,
(this.moved || f) && (c.stopPropagation(),
d.gesture && d.gesture.preventDefault()),
!isReturn) {
this.moved ? c.stopPropagation() : a.trigger(this.scroller, "scrollstart", this);
var g = 0
, h = 0;
this.moved ? (g = d.deltaX - a.gestures.session.prevTouch.deltaX,
h = d.deltaY - a.gestures.session.prevTouch.deltaY) : (g = d.deltaX,
h = d.deltaY);
var i = Math.abs(d.deltaX)
, j = Math.abs(d.deltaY);
i > j + this.options.directionLockThreshold ? h = 0 : j >= i + this.options.directionLockThreshold && (g = 0),
g = this.hasHorizontalScroll ? g : 0,
h = this.hasVerticalScroll ? h : 0;
var k = this.x + g
, l = this.y + h;
(k > 0 || k < this.maxScrollX) && (k = this.options.bounce ? this.x + g / 3 : k > 0 ? 0 : this.maxScrollX),
(l > 0 || l < this.maxScrollY) && (l = this.options.bounce ? this.y + h / 3 : l > 0 ? 0 : this.maxScrollY),
this.requestAnimationFrame || this._updateTranslate(),
this.direction = d.deltaX > 0 ? "right" : "left",
this.moved = !0,
this.x = k,
this.y = l,
a.trigger(this.scroller, "scroll", this)
}
},
_flick: function(b) {
if (this.moved) {
b.stopPropagation();
var c = b.detail;
if (this._clearRequestAnimationFrame(),
"dragend" !== b.type || !c.flick) {
var d = Math.round(this.x)
, e = Math.round(this.y);
if (this.isInTransition = !1,
!this.resetPosition(this.options.bounceTime)) {
if (this.scrollTo(d, e),
"dragend" === b.type)
return void a.trigger(this.scroller, "scrollend", this);
var f = 0
, g = "";
return this.options.momentum && c.flickTime < 300 && (momentumX = this.hasHorizontalScroll ? this._momentum(this.x, c.flickDistanceX, c.flickTime, this.maxScrollX, this.options.bounce ? this.wrapperWidth : 0, this.options.deceleration) : {
destination: d,
duration: 0
},
momentumY = this.hasVerticalScroll ? this._momentum(this.y, c.flickDistanceY, c.flickTime, this.maxScrollY, this.options.bounce ? this.wrapperHeight : 0, this.options.deceleration) : {
destination: e,
duration: 0
},
d = momentumX.destination,
e = momentumY.destination,
f = Math.max(momentumX.duration, momentumY.duration),
this.isInTransition = !0),
d != this.x || e != this.y ? ((d > 0 || d < this.maxScrollX || e > 0 || e < this.maxScrollY) && (g = k.quadratic),
void this.scrollTo(d, e, f, g)) : void a.trigger(this.scroller, "scrollend", this)
}
}
}
},
_end: function(b) {
this.needReset = !1,
(!this.moved && this.needReset || b.type === a.EVENT_CANCEL) && this.resetPosition()
},
_transitionEnd: function(b) {
b.target == this.scroller && this.isInTransition && (this._transitionTime(),
this.resetPosition(this.options.bounceTime) || (this.isInTransition = !1,
a.trigger(this.scroller, "scrollend", this)))
},
_scrollend: function(b) {
(0 === this.y && 0 === this.maxScrollY || Math.abs(this.y) > 0 && this.y <= this.maxScrollY) && a.trigger(this.scroller, "scrollbottom", this)
},
_resize: function() {
var a = this;
clearTimeout(a.resizeTimeout),
a.resizeTimeout = setTimeout(function() {
a.refresh()
}, a.options.resizePolling)
},
_transitionTime: function(b) {
if (b = b || 0,
this.scrollerStyle.webkitTransitionDuration = b + "ms",
this.parallaxElement && this.options.scrollY && (this.parallaxStyle.webkitTransitionDuration = b + "ms"),
this.options.fixedBadAndorid && !b && a.os.isBadAndroid && (this.scrollerStyle.webkitTransitionDuration = "0.001s",
this.parallaxElement && this.options.scrollY && (this.parallaxStyle.webkitTransitionDuration = "0.001s")),
this.indicators)
for (var c = this.indicators.length; c--; )
this.indicators[c].transitionTime(b);
b && (this.transitionTimer && this.transitionTimer.cancel(),
this.transitionTimer = a.later(function() {
a.trigger(this.scroller, "webkitTransitionEnd")
}, b + 100, this))
},
_transitionTimingFunction: function(a) {
if (this.scrollerStyle.webkitTransitionTimingFunction = a,
this.parallaxElement && this.options.scrollY && (this.parallaxStyle.webkitTransitionDuration = a),
this.indicators)
for (var b = this.indicators.length; b--; )
this.indicators[b].transitionTimingFunction(a)
},
_translate: function(a, b) {
this.x = a,
this.y = b
},
_clearRequestAnimationFrame: function() {
this.requestAnimationFrame && (cancelAnimationFrame(this.requestAnimationFrame),
this.requestAnimationFrame = null )
},
_updateTranslate: function() {
var a = this;
(a.x !== a.lastX || a.y !== a.lastY) && a.setTranslate(a.x, a.y),
a.requestAnimationFrame = requestAnimationFrame(function() {
a._updateTranslate()
})
},
_createScrollBar: function(a) {
var b = c.createElement("div")
, d = c.createElement("div");
return b.className = f + " " + a,
d.className = g,
b.appendChild(d),
a === h ? (this.scrollbarY = b,
this.scrollbarIndicatorY = d) : a === i && (this.scrollbarX = b,
this.scrollbarIndicatorX = d),
this.wrapper.appendChild(b),
b
},
_preventDefaultException: function(a, b) {
for (var c in b)
if (b[c].test(a[c]))
return !0;
return !1
},
_reLayout: function() {
if (this.hasHorizontalScroll || (this.maxScrollX = 0,
this.scrollerWidth = this.wrapperWidth),
this.hasVerticalScroll || (this.maxScrollY = 0,
this.scrollerHeight = this.wrapperHeight),
this.indicators.map(function(a) {
a.refresh()
}),
this.options.snap && "string" == typeof this.options.snap) {
var a = this.scroller.querySelectorAll(this.options.snap);
this.itemLength = 0,
this.snaps = [];
for (var b = 0, c = a.length; c > b; b++) {
var d = a[b];
d.parentNode === this.scroller && (this.itemLength++,
this.snaps.push(d))
}
this._initSnap()
}
},
_momentum: function(a, b, c, e, f, g) {
var h, i, j = parseFloat(Math.abs(b) / c);
return g = g === d ? 6e-4 : g,
h = a + j * j / (2 * g) * (0 > b ? -1 : 1),
i = j / g,
e > h ? (h = f ? e - f / 2.5 * (j / 8) : e,
b = Math.abs(h - a),
i = b / j) : h > 0 && (h = f ? f / 2.5 * (j / 8) : 0,
b = Math.abs(a) + h,
i = b / j),
{
destination: Math.round(h),
duration: i
}
},
_getTranslateStr: function(a, b) {
return this.options.hardwareAccelerated ? "translate3d(" + a + "px," + b + "px,0px) " + this.translateZ : "translate(" + a + "px," + b + "px) "
},
setStopped: function(a) {
this.stopped = !!a
},
setTranslate: function(b, c) {
if (this.x = b,
this.y = c,
this.scrollerStyle.webkitTransform = this._getTranslateStr(b, c),
this.parallaxElement && this.options.scrollY) {
var d = c * this.options.parallaxRatio
, e = 1 + d / ((this.parallaxHeight - d) / 2);
e > 1 ? (this.parallaxImgStyle.opacity = 1 - d / 100 * this.options.parallaxRatio,
this.parallaxStyle.webkitTransform = this._getTranslateStr(0, -d) + " scale(" + e + "," + e + ")") : (this.parallaxImgStyle.opacity = 1,
this.parallaxStyle.webkitTransform = this._getTranslateStr(0, -1) + " scale(1,1)")
}
if (this.indicators)
for (var f = this.indicators.length; f--; )
this.indicators[f].updatePosition();
this.lastX = this.x,
this.lastY = this.y,
a.trigger(this.scroller, "scroll", this)
},
reLayout: function() {
this.wrapper.offsetHeight;
var b = parseFloat(a.getStyles(this.wrapper, "padding-left")) || 0
, c = parseFloat(a.getStyles(this.wrapper, "padding-right")) || 0
, d = parseFloat(a.getStyles(this.wrapper, "padding-top")) || 0
, e = parseFloat(a.getStyles(this.wrapper, "padding-bottom")) || 0
, f = this.wrapper.clientWidth
, g = this.wrapper.clientHeight;
this.scrollerWidth = this.scroller.offsetWidth,
this.scrollerHeight = this.scroller.offsetHeight,
this.wrapperWidth = f - b - c,
this.wrapperHeight = g - d - e,
this.maxScrollX = Math.min(this.wrapperWidth - this.scrollerWidth, 0),
this.maxScrollY = Math.min(this.wrapperHeight - this.scrollerHeight, 0),
this.hasHorizontalScroll = this.options.scrollX && this.maxScrollX < 0,
this.hasVerticalScroll = this.options.scrollY && this.maxScrollY < 0,
this._reLayout()
},
resetPosition: function(a) {
var b = this.x
, c = this.y;
return a = a || 0,
!this.hasHorizontalScroll || this.x > 0 ? b = 0 : this.x < this.maxScrollX && (b = this.maxScrollX),
!this.hasVerticalScroll || this.y > 0 ? c = 0 : this.y < this.maxScrollY && (c = this.maxScrollY),
b == this.x && c == this.y ? !1 : (this.scrollTo(b, c, a, this.options.scrollEasing),
!0)
},
_reInit: function() {
for (var a = this.wrapper.querySelectorAll("." + e), b = 0, c = a.length; c > b; b++)
if (a[b].parentNode === this.wrapper) {
this.scroller = a[b];
break
}
this.scrollerStyle = this.scroller && this.scroller.style
},
refresh: function() {
this._reInit(),
this.reLayout(),
a.trigger(this.scroller, "refresh", this),
this.resetPosition()
},
scrollTo: function(a, b, c, d) {
var d = d || k.circular;
this.isInTransition = c > 0,
this.isInTransition ? (this._clearRequestAnimationFrame(),
this._transitionTimingFunction(d.style),
this._transitionTime(c),
this.setTranslate(a, b)) : this.setTranslate(a, b)
},
scrollToBottom: function(a, b) {
a = a || this.options.scrollTime,
this.scrollTo(0, this.maxScrollY, a, b)
},
gotoPage: function(a) {
this._gotoPage(a)
},
destroy: function() {
this._initEvent(!0),
delete a.data[this.wrapper.getAttribute("data-scroll")],
this.wrapper.setAttribute("data-scroll", "")
}
})
, m = function(b, d) {
this.wrapper = "string" == typeof d.el ? c.querySelector(d.el) : d.el,
this.wrapperStyle = this.wrapper.style,
this.indicator = this.wrapper.children[0],
this.indicatorStyle = this.indicator.style,
this.scroller = b,
this.options = a.extend({
listenX: !0,
listenY: !0,
fade: !1,
speedRatioX: 0,
speedRatioY: 0
}, d),
this.sizeRatioX = 1,
this.sizeRatioY = 1,
this.maxPosX = 0,
this.maxPosY = 0,
this.options.fade && (this.wrapperStyle.webkitTransform = this.scroller.translateZ,
this.wrapperStyle.webkitTransitionDuration = this.options.fixedBadAndorid && a.os.isBadAndroid ? "0.001s" : "0ms",
this.wrapperStyle.opacity = "0")
};
m.prototype = {
handleEvent: function(a) {},
transitionTime: function(b) {
b = b || 0,
this.indicatorStyle.webkitTransitionDuration = b + "ms",
this.scroller.options.fixedBadAndorid && !b && a.os.isBadAndroid && (this.indicatorStyle.webkitTransitionDuration = "0.001s")
},
transitionTimingFunction: function(a) {
this.indicatorStyle.webkitTransitionTimingFunction = a
},
refresh: function() {
this.transitionTime(),
this.options.listenX && !this.options.listenY ? this.indicatorStyle.display = this.scroller.hasHorizontalScroll ? "block" : "none" : this.options.listenY && !this.options.listenX ? this.indicatorStyle.display = this.scroller.hasVerticalScroll ? "block" : "none" : this.indicatorStyle.display = this.scroller.hasHorizontalScroll || this.scroller.hasVerticalScroll ? "block" : "none",
this.wrapper.offsetHeight,
this.options.listenX && (this.wrapperWidth = this.wrapper.clientWidth,
this.indicatorWidth = Math.max(Math.round(this.wrapperWidth * this.wrapperWidth / (this.scroller.scrollerWidth || this.wrapperWidth || 1)), 8),
this.indicatorStyle.width = this.indicatorWidth + "px",
this.maxPosX = this.wrapperWidth - this.indicatorWidth,
this.minBoundaryX = 0,
this.maxBoundaryX = this.maxPosX,
this.sizeRatioX = this.options.speedRatioX || this.scroller.maxScrollX && this.maxPosX / this.scroller.maxScrollX),
this.options.listenY && (this.wrapperHeight = this.wrapper.clientHeight,
this.indicatorHeight = Math.max(Math.round(this.wrapperHeight * this.wrapperHeight / (this.scroller.scrollerHeight || this.wrapperHeight || 1)), 8),
this.indicatorStyle.height = this.indicatorHeight + "px",
this.maxPosY = this.wrapperHeight - this.indicatorHeight,
this.minBoundaryY = 0,
this.maxBoundaryY = this.maxPosY,
this.sizeRatioY = this.options.speedRatioY || this.scroller.maxScrollY && this.maxPosY / this.scroller.maxScrollY),
this.updatePosition()
},
updatePosition: function() {
var a = this.options.listenX && Math.round(this.sizeRatioX * this.scroller.x) || 0
, b = this.options.listenY && Math.round(this.sizeRatioY * this.scroller.y) || 0;
a < this.minBoundaryX ? (this.width = Math.max(this.indicatorWidth + a, 8),
this.indicatorStyle.width = this.width + "px",
a = this.minBoundaryX) : a > this.maxBoundaryX ? (this.width = Math.max(this.indicatorWidth - (a - this.maxPosX), 8),
this.indicatorStyle.width = this.width + "px",
a = this.maxPosX + this.indicatorWidth - this.width) : this.width != this.indicatorWidth && (this.width = this.indicatorWidth,
this.indicatorStyle.width = this.width + "px"),
b < this.minBoundaryY ? (this.height = Math.max(this.indicatorHeight + 3 * b, 8),
this.indicatorStyle.height = this.height + "px",
b = this.minBoundaryY) : b > this.maxBoundaryY ? (this.height = Math.max(this.indicatorHeight - 3 * (b - this.maxPosY), 8),
this.indicatorStyle.height = this.height + "px",
b = this.maxPosY + this.indicatorHeight - this.height) : this.height != this.indicatorHeight && (this.height = this.indicatorHeight,
this.indicatorStyle.height = this.height + "px"),
this.x = a,
this.y = b,
this.indicatorStyle.webkitTransform = this.scroller._getTranslateStr(a, b)
},
fade: function(a, b) {
if (!b || this.visible) {
clearTimeout(this.fadeTimeout),
this.fadeTimeout = null ;
var c = a ? 250 : 500
, d = a ? 0 : 300;
a = a ? "1" : "0",
this.wrapperStyle.webkitTransitionDuration = c + "ms",
this.fadeTimeout = setTimeout(function(a) {
this.wrapperStyle.opacity = a,
this.visible = +a
}
.bind(this, a), d)
}
}
},
a.Scroll = l,
a.fn.scroll = function(b) {
var c = [];
return this.each(function() {
var d = null
, e = this
, f = e.getAttribute("data-scroll");
if (f)
d = a.data[f];
else {
f = ++a.uuid;
var g = a.extend({}, b);
e.classList.contains("mui-segmented-control") && (g = a.extend(g, {
scrollY: !1,
scrollX: !0,
indicators: !1,
snap: ".mui-control-item"
})),
a.data[f] = d = new l(e,g),
e.setAttribute("data-scroll", f)
}
c.push(d)
}),
1 === c.length ? c[0] : c
}
}(mui, window, document),
function(a, b, c, d) {
var e = "mui-visibility"
, f = "mui-hidden"
, g = a.Scroll.extend(a.extend({
handleEvent: function(a) {
this._super(a),
"scrollbottom" === a.type && a.target === this.scroller && this._scrollbottom()
},
_scrollbottom: function() {
this.pulldown || this.loading || (this.pulldown = !1,
this._initPullupRefresh(),
this.pullupLoading())
},
_start: function(a) {
a.touches && a.touches.length && a.touches[0].clientX > 30 && a.target && !this._preventDefaultException(a.target, this.options.preventDefaultException) && a.preventDefault(),
this.loading || (this.pulldown = this.pullPocket = this.pullCaption = this.pullLoading = !1),
this._super(a)
},
_drag: function(a) {
this._super(a),
!this.pulldown && !this.loading && this.topPocket && "down" === a.detail.direction && this.y >= 0 && this._initPulldownRefresh(),
this.pulldown && this._setCaption(this.y > this.options.down.height ? this.options.down.contentover : this.options.down.contentdown)
},
_reLayout: function() {
this.hasVerticalScroll = !0,
this._super()
},
resetPosition: function(a) {
if (this.pulldown) {
if (this.y >= this.options.down.height)
return this.pulldownLoading(d, a || 0),
!0;
!this.loading && this.topPocket.classList.remove(e)
}
return this._super(a)
},
pulldownLoading: function(a, b) {
if ("undefined" == typeof a && (a = this.options.down.height),
this.scrollTo(0, a, b, this.options.bounceEasing),
!this.loading) {
this._initPulldownRefresh(),
this._setCaption(this.options.down.contentrefresh),
this.loading = !0,
this.indicators.map(function(a) {
a.fade(0)
});
var c = this.options.down.callback;
c && c.call(this)
}
},
endPulldownToRefresh: function() {
var a = this;
a.topPocket && a.loading && this.pulldown && (a.scrollTo(0, 0, a.options.bounceTime, a.options.bounceEasing),
a.loading = !1,
a._setCaption(a.options.down.contentdown, !0),
setTimeout(function() {
a.loading || a.topPocket.classList.remove(e)
}, 350))
},
pullupLoading: function(a, b, c) {
b = b || 0,
this.scrollTo(b, this.maxScrollY, c, this.options.bounceEasing),
this.loading || (this._initPullupRefresh(),
this._setCaption(this.options.up.contentrefresh),
this.indicators.map(function(a) {
a.fade(0)
}),
this.loading = !0,
a = a || this.options.up.callback,
a && a.call(this))
},
endPullupToRefresh: function(a) {
var b = this;
b.bottomPocket && (b.loading = !1,
a ? (this.finished = !0,
b._setCaption(b.options.up.contentnomore),
b.wrapper.removeEventListener("scrollbottom", b)) : (b._setCaption(b.options.up.contentdown),
b.loading || b.bottomPocket.classList.remove(e)))
},
disablePullupToRefresh: function() {
this._initPullupRefresh(),
this.bottomPocket.className = "mui-pull-bottom-pocket " + f,
this.wrapper.removeEventListener("scrollbottom", this)
},
enablePullupToRefresh: function() {
this._initPullupRefresh(),
this.bottomPocket.classList.remove(f),
this._setCaption(this.options.up.contentdown),
this.wrapper.addEventListener("scrollbottom", this)
},
refresh: function(a) {
a && this.finished && (this.enablePullupToRefresh(),
this.finished = !1),
this._super()
}
}, a.PullRefresh));
a.fn.pullRefresh = function(b) {
if (1 === this.length) {
var c = this[0]
, d = null ;
b = b || {};
var e = c.getAttribute("data-pullrefresh");
return e ? d = a.data[e] : (e = ++a.uuid,
a.data[e] = d = new g(c,b),
c.setAttribute("data-pullrefresh", e)),
b.down && b.down.auto ? d.pulldownLoading(b.down.autoY) : b.up && b.up.auto && d.pullupLoading(),
d
}
}
}(mui, window, document),
function(a, b) {
var c = "mui-slider"
, d = "mui-slider-group"
, e = "mui-slider-loop"
, f = "mui-action-previous"
, g = "mui-action-next"
, h = "mui-slider-item"
, i = "mui-active"
, j = "." + h
, k = ".mui-slider-progress-bar"
, l = a.Slider = a.Scroll.extend({
init: function(b, c) {
this._super(b, a.extend(!0, {
fingers: 1,
interval: 0,
scrollY: !1,
scrollX: !0,
indicators: !1,
scrollTime: 1e3,
startX: !1,
slideTime: 0,
snap: j
}, c)),
this.options.startX
},
_init: function() {
this._reInit(),
this.scroller && (this.scrollerStyle = this.scroller.style,
this.progressBar = this.wrapper.querySelector(k),
this.progressBar && (this.progressBarWidth = this.progressBar.offsetWidth,
this.progressBarStyle = this.progressBar.style),
this._super(),
this._initTimer())
},
_triggerSlide: function() {
var b = this;
b.isInTransition = !1;
b.currentPage;
b.slideNumber = b._fixedSlideNumber(),
b.loop && (0 === b.slideNumber ? b.setTranslate(b.pages[1][0].x, 0) : b.slideNumber === b.itemLength - 3 && b.setTranslate(b.pages[b.itemLength - 2][0].x, 0)),
b.lastSlideNumber != b.slideNumber && (b.lastSlideNumber = b.slideNumber,
b.lastPage = b.currentPage,
a.trigger(b.wrapper, "slide", {
slideNumber: b.slideNumber
})),
b._initTimer()
},
_handleSlide: function(b) {
var c = this;
if (b.target === c.wrapper) {
var d = b.detail;
d.slideNumber = d.slideNumber || 0;
for (var e = c.scroller.querySelectorAll(j), f = [], g = 0, h = e.length; h > g; g++) {
var k = e[g];
k.parentNode === c.scroller && f.push(k)
}
var l = d.slideNumber;
if (c.loop && (l += 1),
!c.wrapper.classList.contains("mui-segmented-control"))
for (var g = 0, h = f.length; h > g; g++) {
var k = f[g];
k.parentNode === c.scroller && (g === l ? k.classList.add(i) : k.classList.remove(i))
}
var m = c.wrapper.querySelector(".mui-slider-indicator");
if (m) {
m.getAttribute("data-scroll") && a(m).scroll().gotoPage(d.slideNumber);
var n = m.querySelectorAll(".mui-indicator");
if (n.length > 0)
for (var g = 0, h = n.length; h > g; g++)
n[g].classList[g === d.slideNumber ? "add" : "remove"](i);
else {
var o = m.querySelector(".mui-number span");
if (o)
o.innerText = d.slideNumber + 1;
else
for (var p = m.querySelectorAll(".mui-control-item"), g = 0, h = p.length; h > g; g++)
p[g].classList[g === d.slideNumber ? "add" : "remove"](i)
}
}
b.stopPropagation()
}
},
_handleTabShow: function(a) {
var b = this;
b.gotoItem(a.detail.tabNumber || 0, b.options.slideTime)
},
_handleIndicatorTap: function(a) {
var b = this
, c = a.target;
(c.classList.contains(f) || c.classList.contains(g)) && (b[c.classList.contains(f) ? "prevItem" : "nextItem"](),
a.stopPropagation())
},
_initEvent: function(b) {
var c = this;
c._super(b);
var d = b ? "removeEventListener" : "addEventListener";
c.wrapper[d]("slide", this),
c.wrapper[d](a.eventName("shown", "tab"), this)
},
handleEvent: function(b) {
switch (this._super(b),
b.type) {
case "slide":
this._handleSlide(b);
break;
case a.eventName("shown", "tab"):
~this.snaps.indexOf(b.target) && this._handleTabShow(b)
}
},
_scrollend: function(a) {
this._super(a),
this._triggerSlide(a)
},
_drag: function(a) {
this._super(a);
var c = a.detail.direction;
if ("left" === c || "right" === c) {
var d = this.wrapper.getAttribute("data-slidershowTimer");
d && b.clearTimeout(d),
a.stopPropagation()
}
},
_initTimer: function() {
var a = this
, c = a.wrapper
, d = a.options.interval
, e = c.getAttribute("data-slidershowTimer");
e && b.clearTimeout(e),
d && (e = b.setTimeout(function() {
c && ((c.offsetWidth || c.offsetHeight) && a.nextItem(!0),
a._initTimer())
}, d),
c.setAttribute("data-slidershowTimer", e))
},
_fixedSlideNumber: function(a) {
a = a || this.currentPage;
var b = a.pageX;
return this.loop && (b = 0 === a.pageX ? this.itemLength - 3 : a.pageX === this.itemLength - 1 ? 0 : a.pageX - 1),
b
},
_reLayout: function() {
this.hasHorizontalScroll = !0,
this.loop = this.scroller.classList.contains(e),
this._super()
},
_getScroll: function() {
var b = a.parseTranslateMatrix(a.getStyles(this.scroller, "webkitTransform"));
return b ? b.x : 0
},
_transitionEnd: function(b) {
b.target === this.scroller && this.isInTransition && (this._transitionTime(),
this.isInTransition = !1,
a.trigger(this.wrapper, "scrollend", this))
},
_flick: function(a) {
if (this.moved) {
var b = a.detail
, c = b.direction;
this._clearRequestAnimationFrame(),
this.isInTransition = !0,
"flick" === a.type ? (b.deltaTime < 200 && (this.x = this._getPage(this.slideNumber + ("right" === c ? -1 : 1), !0).x),
this.resetPosition(this.options.bounceTime)) : "dragend" !== a.type || b.flick || this.resetPosition(this.options.bounceTime),
a.stopPropagation()
}
},
_initSnap: function() {
if (this.scrollerWidth = this.itemLength * this.scrollerWidth,
this.maxScrollX = Math.min(this.wrapperWidth - this.scrollerWidth, 0),
this._super(),
this.currentPage.x)
this.slideNumber = this._fixedSlideNumber(),
this.lastSlideNumber = "undefined" == typeof this.lastSlideNumber ? this.slideNumber : this.lastSlideNumber;
else {
var a = this.pages[this.loop ? 1 : 0];
if (a = a || this.pages[0],
!a)
return;
this.currentPage = a[0],
this.slideNumber = 0,
this.lastSlideNumber = "undefined" == typeof this.lastSlideNumber ? 0 : this.lastSlideNumber
}
this.options.startX = this.currentPage.x || 0
},
_getSnapX: function(a) {
return Math.max(-a, this.maxScrollX)
},
_getPage: function(a, b) {
return this.loop ? a > this.itemLength - (b ? 2 : 3) ? (a = 1,
time = 0) : (b ? -1 : 0) > a ? (a = this.itemLength - 2,
time = 0) : a += 1 : (b || (a > this.itemLength - 1 ? (a = 0,
time = 0) : 0 > a && (a = this.itemLength - 1,
time = 0)),
a = Math.min(Math.max(0, a), this.itemLength - 1)),
this.pages[a][0]
},
_gotoItem: function(b, c) {
this.currentPage = this._getPage(b, !0),
this.scrollTo(this.currentPage.x, 0, c, this.options.scrollEasing),
0 === c && a.trigger(this.wrapper, "scrollend", this)
},
setTranslate: function(a, b) {
this._super(a, b);
var c = this.progressBar;
c && (this.progressBarStyle.webkitTransform = this._getTranslateStr(-a * (this.progressBarWidth / this.wrapperWidth), 0))
},
resetPosition: function(a) {
return a = a || 0,
this.x > 0 ? this.x = 0 : this.x < this.maxScrollX && (this.x = this.maxScrollX),
this.currentPage = this._nearestSnap(this.x),
this.scrollTo(this.currentPage.x, 0, a, this.options.scrollEasing),
!0
},
gotoItem: function(a, b) {
this._gotoItem(a, "undefined" == typeof b ? this.options.scrollTime : b)
},
nextItem: function() {
this._gotoItem(this.slideNumber + 1, this.options.scrollTime)
},
prevItem: function() {
this._gotoItem(this.slideNumber - 1, this.options.scrollTime)
},
getSlideNumber: function() {
return this.slideNumber || 0
},
_reInit: function() {
for (var a = this.wrapper.querySelectorAll("." + d), b = 0, c = a.length; c > b; b++)
if (a[b].parentNode === this.wrapper) {
this.scroller = a[b];
break
}
this.scrollerStyle = this.scroller && this.scroller.style,
this.progressBar && (this.progressBarWidth = this.progressBar.offsetWidth,
this.progressBarStyle = this.progressBar.style)
},
refresh: function(b) {
b ? (a.extend(this.options, b),
this._super(),
this._initTimer()) : this._super()
},
destroy: function() {
this._initEvent(!0),
delete a.data[this.wrapper.getAttribute("data-slider")],
this.wrapper.setAttribute("data-slider", "")
}
});
a.fn.slider = function(b) {
var d = null ;
return this.each(function() {
var e = this;
if (this.classList.contains(c) || (e = this.querySelector("." + c)),
e && e.querySelector(j)) {
var f = e.getAttribute("data-slider");
f ? (d = a.data[f],
d && b && d.refresh(b)) : (f = ++a.uuid,
a.data[f] = d = new l(e,b),
e.setAttribute("data-slider", f))
}
}),
d
}
,
a.ready(function() {
a(".mui-slider").slider(),
a(".mui-scroll-wrapper.mui-slider-indicator.mui-segmented-control").scroll({
scrollY: !1,
scrollX: !0,
indicators: !1,
snap: ".mui-control-item"
})
})
}(mui, window),
function(a, b) {
if (a.os.plus && a.os.android) {
var c = "mui-plus-pullrefresh"
, d = "mui-visibility"
, e = "mui-hidden"
, f = "mui-block"
, g = "mui-pull-caption"
, h = "mui-pull-caption-down"
, i = "mui-pull-caption-refresh"
, j = "mui-pull-caption-nomore"
, k = a.Class.extend({
init: function(a, b) {
this.element = a,
this.options = b,
this.wrapper = this.scroller = a,
this._init(),
this._initPulldownRefreshEvent()
},
_init: function() {
var a = this;
window.addEventListener("dragup", a),
b.addEventListener("plusscrollbottom", a),
a.scrollInterval = window.setInterval(function() {
a.isScroll && !a.loading && window.pageYOffset + window.innerHeight + 10 >= b.documentElement.scrollHeight && (a.isScroll = !1,
a.bottomPocket && a.pullupLoading())
}, 100)
},
_initPulldownRefreshEvent: function() {
var b = this;
b.topPocket && b.options.webviewId && a.plusReady(function() {
var a = plus.webview.getWebviewById(b.options.webviewId);
if (a) {
b.options.webview = a;
var c = b.options.down
, d = c.height;
a.addEventListener("dragBounce", function(d) {
switch (b.pulldown ? b.pullPocket.classList.add(f) : b._initPulldownRefresh(),
d.status) {
case "beforeChangeOffset":
b._setCaption(c.contentdown);
break;
case "afterChangeOffset":
b._setCaption(c.contentover);
break;
case "dragEndAfterChangeOffset":
a.evalJS("mui&&mui.options.pullRefresh.down.callback()"),
b._setCaption(c.contentrefresh)
}
}, !1),
a.setBounce({
position: {
top: 2 * d + "px"
},
changeoffset: {
top: d + "px"
}
})
}
})
},
handleEvent: function(a) {
var b = this;
b.stopped || (b.isScroll = !1,
("dragup" === a.type || "plusscrollbottom" === a.type) && (b.isScroll = !0,
setTimeout(function() {
b.isScroll = !1
}, 1e3)))
}
}).extend(a.extend({
setStopped: function(a) {
this.stopped = !!a;
var b = plus.webview.currentWebview();
if (this.stopped)
b.setStyle({
bounce: "none"
}),
b.setBounce({
position: {
top: "none"
}
});
else {
var c = this.options.down.height;
b.setStyle({
bounce: "vertical"
}),
b.setBounce({
position: {
top: 2 * c + "px"
},
changeoffset: {
top: c + "px"
}
})
}
},
pulldownLoading: function() {
a.plusReady(function() {
plus.webview.currentWebview().setBounce({
offset: {
top: this.options.down.height + "px"
}
})
}
.bind(this))
},
_pulldownLoading: function() {
var b = this;
a.plusReady(function() {
var a = plus.webview.getWebviewById(b.options.webviewId);
a.setBounce({
offset: {
top: b.options.down.height + "px"
}
})
})
},
endPulldownToRefresh: function() {
var a = plus.webview.currentWebview();
a.parent().evalJS("mui&&mui(document.querySelector('.mui-content')).pullRefresh('" + JSON.stringify({
webviewId: a.id
}) + "')._endPulldownToRefresh()")
},
_endPulldownToRefresh: function() {
var a = this;
a.topPocket && a.options.webview && (a.options.webview.endPullToRefresh(),
a.loading = !1,
a._setCaption(a.options.down.contentdown, !0),
setTimeout(function() {
a.loading || a.topPocket.classList.remove(f)
}, 350))
},
pullupLoading: function(a) {
var b = this;
b.isLoading || (b.isLoading = !0,
b.pulldown !== !1 ? b._initPullupRefresh() : this.pullPocket.classList.add(f),
setTimeout(function() {
b.pullLoading.classList.add(d),
b.pullLoading.classList.remove(e),
b.pullCaption.innerHTML = "",
b.pullCaption.className = g + " " + i,
b.pullCaption.innerHTML = b.options.up.contentrefresh,
a = a || b.options.up.callback,
a && a.call(b)
}, 300))
},
endPullupToRefresh: function(a) {
var c = this;
c.pullLoading && (c.pullLoading.classList.remove(d),
c.pullLoading.classList.add(e),
c.isLoading = !1,
a ? (c.finished = !0,
c.pullCaption.className = g + " " + j,
c.pullCaption.innerHTML = c.options.up.contentnomore,
b.removeEventListener("plusscrollbottom", c),
window.removeEventListener("dragup", c)) : (c.pullCaption.className = g + " " + h,
c.pullCaption.innerHTML = c.options.up.contentdown))
},
disablePullupToRefresh: function() {
this._initPullupRefresh(),
this.bottomPocket.className = "mui-pull-bottom-pocket " + e,
window.removeEventListener("dragup", this)
},
enablePullupToRefresh: function() {
this._initPullupRefresh(),
this.bottomPocket.classList.remove(e),
this.pullCaption.className = g + " " + h,
this.pullCaption.innerHTML = this.options.up.contentdown,
b.addEventListener("plusscrollbottom", this),
window.addEventListener("dragup", this)
},
scrollTo: function(b, c, d) {
a.scrollTo(c, d)
},
scrollToBottom: function(c) {
a.scrollTo(b.documentElement.scrollHeight, c)
},
refresh: function(a) {
a && this.finished && (this.enablePullupToRefresh(),
this.finished = !1)
}
}, a.PullRefresh));
a.fn.pullRefresh = function(d) {
var e;
0 === this.length ? (e = b.createElement("div"),
e.className = "mui-content",
b.body.appendChild(e)) : e = this[0];
var f = d;
d = d || {},
"string" == typeof d && (d = a.parseJSON(d)),
!d.webviewId && (d.webviewId = plus.webview.currentWebview().id || plus.webview.currentWebview().getURL());
var g = null
, h = d.webviewId && d.webviewId.replace(/\//g, "_")
, i = e.getAttribute("data-pullrefresh-plus-" + h);
return i || "undefined" != typeof f ? (i ? g = a.data[i] : (i = ++a.uuid,
e.setAttribute("data-pullrefresh-plus-" + h, i),
b.body.classList.add(c),
a.data[i] = g = new k(e,d)),
d.down && d.down.auto ? g._pulldownLoading() : d.up && d.up.auto && g.pullupLoading(),
g) : !1
}
}
}(mui, document),
function(a, b, c, d) {
var e = "mui-off-canvas-left"
, f = "mui-off-canvas-right"
, g = "mui-off-canvas-backdrop"
, h = "mui-off-canvas-wrap"
, i = "mui-slide-in"
, j = "mui-active"
, k = "mui-transitioning"
, l = ".mui-inner-wrap"
, m = a.Class.extend({
init: function(b, d) {
this.wrapper = this.element = b,
this.scroller = this.wrapper.querySelector(l),
this.classList = this.wrapper.classList,
this.scroller && (this.options = a.extend(!0, {
dragThresholdX: 10,
scale: .8,
opacity: .1,
preventDefaultException: {
tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|VIDEO)$/
}
}, d),
c.body.classList.add("mui-fullscreen"),
this.refresh(),
this.initEvent())
},
_preventDefaultException: function(a, b) {
for (var c in b)
if (b[c].test(a[c]))
return !0;
return !1
},
refresh: function(a) {
this.slideIn = this.classList.contains(i),
this.scalable = this.classList.contains("mui-scalable") && !this.slideIn,
this.scroller = this.wrapper.querySelector(l),
this.offCanvasLefts = this.wrapper.querySelectorAll("." + e),
this.offCanvasRights = this.wrapper.querySelectorAll("." + f),
a ? a.classList.contains(e) ? this.offCanvasLeft = a : a.classList.contains(f) && (this.offCanvasRight = a) : (this.offCanvasRight = this.wrapper.querySelector("." + f),
this.offCanvasLeft = this.wrapper.querySelector("." + e)),
this.offCanvasRightWidth = this.offCanvasLeftWidth = 0,
this.offCanvasLeftSlideIn = this.offCanvasRightSlideIn = !1,
this.offCanvasRight && (this.offCanvasRightWidth = this.offCanvasRight.offsetWidth,
this.offCanvasRightSlideIn = this.slideIn && this.offCanvasRight.parentNode === this.wrapper),
this.offCanvasLeft && (this.offCanvasLeftWidth = this.offCanvasLeft.offsetWidth,
this.offCanvasLeftSlideIn = this.slideIn && this.offCanvasLeft.parentNode === this.wrapper),
this.backdrop = this.scroller.querySelector("." + g),
this.options.dragThresholdX = this.options.dragThresholdX || 10,
this.visible = !1,
this.startX = null ,
this.lastX = null ,
this.offsetX = null ,
this.lastTranslateX = null
},
handleEvent: function(b) {
switch (b.type) {
case a.EVENT_START:
b.target && !this._preventDefaultException(b.target, this.options.preventDefaultException) && b.preventDefault();
break;
case "webkitTransitionEnd":
b.target === this.scroller && this._dispatchEvent();
break;
case "drag":
var c = b.detail;
this.startX ? this.lastX = c.center.x : (this.startX = c.center.x,
this.lastX = this.startX),
!this.isDragging && Math.abs(this.lastX - this.startX) > this.options.dragThresholdX && ("left" === c.direction || "right" === c.direction) && (this.slideIn ? (this.scroller = this.wrapper.querySelector(l),
this.classList.contains(j) ? this.offCanvasRight && this.offCanvasRight.classList.contains(j) ? (this.offCanvas = this.offCanvasRight,
this.offCanvasWidth = this.offCanvasRightWidth) : (this.offCanvas = this.offCanvasLeft,
this.offCanvasWidth = this.offCanvasLeftWidth) : "left" === c.direction && this.offCanvasRight ? (this.offCanvas = this.offCanvasRight,
this.offCanvasWidth = this.offCanvasRightWidth) : "right" === c.direction && this.offCanvasLeft ? (this.offCanvas = this.offCanvasLeft,
this.offCanvasWidth = this.offCanvasLeftWidth) : this.scroller = null ) : this.classList.contains(j) ? "left" === c.direction ? (this.offCanvas = this.offCanvasLeft,
this.offCanvasWidth = this.offCanvasLeftWidth) : (this.offCanvas = this.offCanvasRight,
this.offCanvasWidth = this.offCanvasRightWidth) : "right" === c.direction ? (this.offCanvas = this.offCanvasLeft,
this.offCanvasWidth = this.offCanvasLeftWidth) : (this.offCanvas = this.offCanvasRight,
this.offCanvasWidth = this.offCanvasRightWidth),
this.offCanvas && this.scroller && (this.startX = this.lastX,
this.isDragging = !0,
a.gestures.session.lockDirection = !0,
a.gestures.session.startDirection = c.direction,
this.offCanvas.classList.remove(k),
this.scroller.classList.remove(k),
this.offsetX = this.getTranslateX(),
this._initOffCanvasVisible())),
this.isDragging && (this.updateTranslate(this.offsetX + (this.lastX - this.startX)),
c.gesture.preventDefault(),
b.stopPropagation());
break;
case "dragend":
if (this.isDragging) {
var c = b.detail
, d = c.direction;
this.isDragging = !1,
this.offCanvas.classList.add(k),
this.scroller.classList.add(k);
var e = 0
, f = this.getTranslateX();
if (this.slideIn) {
if (e = f >= 0 ? this.offCanvasRightWidth && f / this.offCanvasRightWidth || 0 : this.offCanvasLeftWidth && f / this.offCanvasLeftWidth || 0,
"right" === d && 0 >= e && (e >= -.5 || c.swipe) ? this.openPercentage(100) : "right" === d && e > 0 && (e >= .5 || c.swipe) ? this.openPercentage(0) : "right" === d && -.5 >= e ? this.openPercentage(0) : "right" === d && e > 0 && .5 >= e ? this.openPercentage(-100) : "left" === d && e >= 0 && (.5 >= e || c.swipe) ? this.openPercentage(-100) : "left" === d && 0 > e && (-.5 >= e || c.swipe) ? this.openPercentage(0) : "left" === d && e >= .5 ? this.openPercentage(0) : "left" === d && e >= -.5 && 0 > e ? this.openPercentage(100) : this.openPercentage(0),
1 === e || -1 === e || 0 === e)
return void this._dispatchEvent()
} else {
if (e = f >= 0 ? this.offCanvasLeftWidth && f / this.offCanvasLeftWidth || 0 : this.offCanvasRightWidth && f / this.offCanvasRightWidth || 0,
0 === e)
return this.openPercentage(0),
void this._dispatchEvent();
"right" === d && e >= 0 && (e >= .5 || c.swipe) ? this.openPercentage(100) : "right" === d && 0 > e && (e > -.5 || c.swipe) ? this.openPercentage(0) : "right" === d && e > 0 && .5 > e ? this.openPercentage(0) : "right" === d && .5 > e ? this.openPercentage(-100) : "left" === d && 0 >= e && (-.5 >= e || c.swipe) ? this.openPercentage(-100) : "left" === d && e > 0 && (.5 >= e || c.swipe) ? this.openPercentage(0) : "left" === d && 0 > e && e >= -.5 ? this.openPercentage(0) : "left" === d && e > .5 ? this.openPercentage(100) : this.openPercentage(0),
(1 === e || -1 === e) && this._dispatchEvent()
}
}
}
},
_dispatchEvent: function() {
this.classList.contains(j) ? a.trigger(this.wrapper, "shown", this) : a.trigger(this.wrapper, "hidden", this)
},
_initOffCanvasVisible: function() {
this.visible || (this.visible = !0,
this.offCanvasLeft && (this.offCanvasLeft.style.visibility = "visible"),
this.offCanvasRight && (this.offCanvasRight.style.visibility = "visible"))
},
initEvent: function() {
var b = this;
b.backdrop && b.backdrop.addEventListener("tap", function(a) {
b.close(),
a.detail.gesture.preventDefault()
}),
this.classList.contains("mui-draggable") && (this.wrapper.addEventListener(a.EVENT_START, this),
this.wrapper.addEventListener("drag", this),
this.wrapper.addEventListener("dragend", this)),
this.wrapper.addEventListener("webkitTransitionEnd", this)
},
openPercentage: function(a) {
var b = a / 100;
this.slideIn ? (this.offCanvasLeft && a >= 0 ? (b = 0 === b ? -1 : 0,
this.updateTranslate(this.offCanvasLeftWidth * b),
this.offCanvasLeft.classList[0 !== a ? "add" : "remove"](j)) : this.offCanvasRight && 0 >= a && (b = 0 === b ? 1 : 0,
this.updateTranslate(this.offCanvasRightWidth * b),
this.offCanvasRight.classList[0 !== a ? "add" : "remove"](j)),
this.classList[0 !== a ? "add" : "remove"](j)) : (this.offCanvasLeft && a >= 0 ? (this.updateTranslate(this.offCanvasLeftWidth * b),
this.offCanvasLeft.classList[0 !== b ? "add" : "remove"](j)) : this.offCanvasRight && 0 >= a && (this.updateTranslate(this.offCanvasRightWidth * b),
this.offCanvasRight.classList[0 !== b ? "add" : "remove"](j)),
this.classList[0 !== b ? "add" : "remove"](j))
},
updateTranslate: function(b) {
if (b !== this.lastTranslateX) {
if (this.slideIn) {
if (this.offCanvas.classList.contains(f)) {
if (0 > b)
return void this.setTranslateX(0);
if (b > this.offCanvasRightWidth)
return void this.setTranslateX(this.offCanvasRightWidth)
} else {
if (b > 0)
return void this.setTranslateX(0);
if (b < -this.offCanvasLeftWidth)
return void this.setTranslateX(-this.offCanvasLeftWidth)
}
this.setTranslateX(b)
} else {
if (!this.offCanvasLeft && b > 0 || !this.offCanvasRight && 0 > b)
return void this.setTranslateX(0);
if (this.leftShowing && b > this.offCanvasLeftWidth)
return void this.setTranslateX(this.offCanvasLeftWidth);
if (this.rightShowing && b < -this.offCanvasRightWidth)
return void this.setTranslateX(-this.offCanvasRightWidth);
this.setTranslateX(b),
b >= 0 ? (this.leftShowing = !0,
this.rightShowing = !1,
b > 0 && (this.offCanvasLeft && a.each(this.offCanvasLefts, function(a, b) {
b === this.offCanvasLeft ? this.offCanvasLeft.style.zIndex = 0 : b.style.zIndex = -1
}
.bind(this)),
this.offCanvasRight && (this.offCanvasRight.style.zIndex = -1))) : (this.rightShowing = !0,
this.leftShowing = !1,
this.offCanvasRight && a.each(this.offCanvasRights, function(a, b) {
b === this.offCanvasRight ? b.style.zIndex = 0 : b.style.zIndex = -1
}
.bind(this)),
this.offCanvasLeft && (this.offCanvasLeft.style.zIndex = -1))
}
this.lastTranslateX = b
}
},
setTranslateX: a.animationFrame(function(a) {
if (this.scroller)
if (this.scalable && this.offCanvas.parentNode === this.wrapper) {
var b = Math.abs(a) / this.offCanvasWidth
, c = 1 - (1 - this.options.scale) * b
, d = this.options.scale + (1 - this.options.scale) * b
, f = (1 - (1 - this.options.opacity) * b,
this.options.opacity + (1 - this.options.opacity) * b);
this.offCanvas.classList.contains(e) ? (this.offCanvas.style.webkitTransformOrigin = "-100%",
this.scroller.style.webkitTransformOrigin = "left") : (this.offCanvas.style.webkitTransformOrigin = "200%",
this.scroller.style.webkitTransformOrigin = "right"),
this.offCanvas.style.opacity = f,
this.offCanvas.style.webkitTransform = "translate3d(0,0,0) scale(" + d + ")",
this.scroller.style.webkitTransform = "translate3d(" + a + "px,0,0) scale(" + c + ")"
} else
this.slideIn ? this.offCanvas.style.webkitTransform = "translate3d(" + a + "px,0,0)" : this.scroller.style.webkitTransform = "translate3d(" + a + "px,0,0)"
}),
getTranslateX: function() {
if (this.offCanvas) {
var b = this.slideIn ? this.offCanvas : this.scroller
, c = a.parseTranslateMatrix(a.getStyles(b, "webkitTransform"));
return c && c.x || 0
}
return 0
},
isShown: function(a) {
var b = !1;
if (this.slideIn)
b = "left" === a ? this.classList.contains(j) && this.wrapper.querySelector("." + e + "." + j) : "right" === a ? this.classList.contains(j) && this.wrapper.querySelector("." + f + "." + j) : this.classList.contains(j) && (this.wrapper.querySelector("." + e + "." + j) || this.wrapper.querySelector("." + f + "." + j));
else {
var c = this.getTranslateX();
b = "right" === a ? this.classList.contains(j) && 0 > c : "left" === a ? this.classList.contains(j) && c > 0 : this.classList.contains(j) && 0 !== c
}
return b
},
close: function() {
this._initOffCanvasVisible(),
this.offCanvas = this.wrapper.querySelector("." + f + "." + j) || this.wrapper.querySelector("." + e + "." + j),
this.offCanvasWidth = this.offCanvas.offsetWidth,
this.scroller && (this.offCanvas.offsetHeight,
this.offCanvas.classList.add(k),
this.scroller.classList.add(k),
this.openPercentage(0))
},
show: function(a) {
return this._initOffCanvasVisible(),
this.isShown(a) ? !1 : (a || (a = this.wrapper.querySelector("." + f) ? "right" : "left"),
"right" === a ? (this.offCanvas = this.offCanvasRight,
this.offCanvasWidth = this.offCanvasRightWidth) : (this.offCanvas = this.offCanvasLeft,
this.offCanvasWidth = this.offCanvasLeftWidth),
this.scroller && (this.offCanvas.offsetHeight,
this.offCanvas.classList.add(k),
this.scroller.classList.add(k),
this.openPercentage("left" === a ? 100 : -100)),
!0)
},
toggle: function(a) {
var b = a;
a && a.classList && (b = a.classList.contains(e) ? "left" : "right",
this.refresh(a)),
this.show(b) || this.close()
}
})
, n = function(a) {
if (parentNode = a.parentNode,
parentNode) {
if (parentNode.classList.contains(h))
return parentNode;
if (parentNode = parentNode.parentNode,
parentNode.classList.contains(h))
return parentNode
}
}
, o = function(b, d) {
if ("A" === d.tagName && d.hash) {
var e = c.getElementById(d.hash.replace("#", ""));
if (e) {
var f = n(e);
if (f)
return a.targets._container = f,
e
}
}
return !1
};
a.registerTarget({
name: d,
index: 60,
handle: o,
target: !1,
isReset: !1,
isContinue: !0
}),
b.addEventListener("tap", function(b) {
if (a.targets.offcanvas)
for (var d = b.target; d && d !== c; d = d.parentNode)
if ("A" === d.tagName && d.hash && d.hash === "#" + a.targets.offcanvas.id) {
b.detail && b.detail.gesture && b.detail.gesture.preventDefault(),
a(a.targets._container).offCanvas().toggle(a.targets.offcanvas),
a.targets.offcanvas = a.targets._container = null ;
break
}
}),
a.fn.offCanvas = function(b) {
var c = [];
return this.each(function() {
var d = null
, e = this;
e.classList.contains(h) || (e = n(e));
var f = e.getAttribute("data-offCanvas");
f ? d = a.data[f] : (f = ++a.uuid,
a.data[f] = d = new m(e,b),
e.setAttribute("data-offCanvas", f)),
("show" === b || "close" === b || "toggle" === b) && d.toggle(),
c.push(d)
}),
1 === c.length ? c[0] : c
}
,
a.ready(function() {
a(".mui-off-canvas-wrap").offCanvas()
})
}(mui, window, document, "offcanvas"),
function(a, b) {
var c = "mui-action"
, d = function(a, b) {
var d = b.className || "";
return "string" != typeof d && (d = ""),
d && ~d.indexOf(c) ? (b.classList.contains("mui-action-back") && a.preventDefault(),
b) : !1
};
a.registerTarget({
name: b,
index: 50,
handle: d,
target: !1,
isContinue: !0
})
}(mui, "action"),
function(a, b, c, d) {
var e = "mui-modal"
, f = function(a, b) {
if ("A" === b.tagName && b.hash) {
var d = c.getElementById(b.hash.replace("#", ""));
if (d && d.classList.contains(e))
return d
}
return !1
};
a.registerTarget({
name: d,
index: 50,
handle: f,
target: !1,
isReset: !1,
isContinue: !0
}),
b.addEventListener("tap", function(b) {
a.targets.modal && (b.detail.gesture.preventDefault(),
a.targets.modal.classList.toggle("mui-active"))
})
}(mui, window, document, "modal"),
function(a, b, c, d) {
var e = "mui-popover"
, f = "mui-popover-arrow"
, g = "mui-popover-action"
, h = "mui-backdrop"
, i = "mui-bar-popover"
, j = "mui-bar-backdrop"
, k = "mui-backdrop-action"
, l = "mui-active"
, m = "mui-bottom"
, n = function(b, d) {
if ("A" === d.tagName && d.hash) {
if (a.targets._popover = c.getElementById(d.hash.replace("#", "")),
a.targets._popover && a.targets._popover.classList.contains(e))
return d;
a.targets._popover = null
}
return !1
};
a.registerTarget({
name: d,
index: 60,
handle: n,
target: !1,
isReset: !1,
isContinue: !0
});
var o, p = function(a) {}, q = function(b) {
this.removeEventListener("webkitTransitionEnd", q),
this.addEventListener(a.EVENT_MOVE, a.preventDefault),
a.trigger(this, "shown", this)
}, r = function(b) {
v(this, "none"),
this.removeEventListener("webkitTransitionEnd", r),
this.removeEventListener(a.EVENT_MOVE, a.preventDefault),
p(!1),
a.trigger(this, "hidden", this)
}, s = function() {
var b = c.createElement("div");
return b.classList.add(h),
b.addEventListener(a.EVENT_MOVE, a.preventDefault),
b.addEventListener("tap", function(b) {
var d = a.targets._popover;
d && (d.addEventListener("webkitTransitionEnd", r),
d.classList.remove(l),
t(d),
c.body.setAttribute("style", ""))
}),
b
}(), t = function(b) {
s.setAttribute("style", "opacity:0"),
a.targets.popover = a.targets._popover = null ,
o = a.later(function() {
!b.classList.contains(l) && s.parentNode && s.parentNode === c.body && c.body.removeChild(s)
}, 350)
};
b.addEventListener("tap", function(b) {
if (a.targets.popover) {
for (var d = !1, e = b.target; e && e !== c; e = e.parentNode)
e === a.targets.popover && (d = !0);
d && (b.detail.gesture.preventDefault(),
u(a.targets._popover, a.targets.popover))
}
});
var u = function(a, b, d) {
if (!("show" === d && a.classList.contains(l) || "hide" === d && !a.classList.contains(l))) {
o && o.cancel(),
a.removeEventListener("webkitTransitionEnd", q),
a.removeEventListener("webkitTransitionEnd", r),
s.classList.remove(j),
s.classList.remove(k);
var e = c.querySelector(".mui-popover.mui-active");
if (e && (e.addEventListener("webkitTransitionEnd", r),
e.classList.remove(l),
a === e))
return void t(e);
var f = !1;
(a.classList.contains(i) || a.classList.contains(g)) && (a.classList.contains(g) ? (f = !0,
s.classList.add(k)) : s.classList.add(j)),
v(a, "block"),
a.offsetHeight,
a.classList.add(l),
s.setAttribute("style", ""),
c.body.appendChild(s),
p(!0),
w(a, b, f),
s.classList.add(l),
a.addEventListener("webkitTransitionEnd", q)
}
}
, v = function(a, b, c, d) {
var e = a.style;
"undefined" != typeof b && (e.display = b),
"undefined" != typeof c && (e.top = c + "px"),
"undefined" != typeof d && (e.left = d + "px")
}
, w = function(d, e, h) {
if (d && e) {
if (h)
return void v(d, "block");
var i = b.innerWidth
, j = b.innerHeight
, k = d.offsetWidth
, l = d.offsetHeight
, n = e.offsetWidth
, o = e.offsetHeight
, p = a.offset(e)
, q = d.querySelector("." + f);
q || (q = c.createElement("div"),
q.className = f,
d.appendChild(q));
var r = q && q.offsetWidth / 2 || 0
, s = 0
, t = 0
, u = 0
, w = 0
, x = d.classList.contains(g) ? 0 : 5
, y = "top";
l + r < p.top - b.pageYOffset ? s = p.top - l - r : l + r < j - (p.top - b.pageYOffset) - o ? (y = "bottom",
s = p.top + o + r) : (y = "middle",
s = Math.max((j - l) / 2 + b.pageYOffset, 0),
t = Math.max((i - k) / 2 + b.pageXOffset, 0)),
"top" === y || "bottom" === y ? (t = n / 2 + p.left - k / 2,
u = t,
x > t && (t = x),
t + k > i && (t = i - k - x),
q && ("top" === y ? q.classList.add(m) : q.classList.remove(m),
u -= t,
w = k / 2 - r / 2 + u,
w = Math.max(Math.min(w, k - 2 * r - 6), 6),
q.setAttribute("style", "left:" + w + "px"))) : "middle" === y && q.setAttribute("style", "display:none"),
v(d, "block", s, t)
}
};
a.createMask = function(b) {
var d = c.createElement("div");
d.classList.add(h),
d.addEventListener(a.EVENT_MOVE, a.preventDefault),
d.addEventListener("tap", function() {
e.close()
});
var e = [d];
return e._show = !1,
e.show = function() {
return e._show = !0,
d.setAttribute("style", "opacity:1"),
c.body.appendChild(d),
e
}
,
e._remove = function() {
return e._show && (e._show = !1,
d.setAttribute("style", "opacity:0"),
a.later(function() {
var a = c.body;
d.parentNode === a && a.removeChild(d)
}, 350)),
e
}
,
e.close = function() {
b ? b() !== !1 && e._remove() : e._remove()
}
,
e
}
,
a.fn.popover = function() {
var b = arguments;
this.each(function() {
a.targets._popover = this,
("show" === b[0] || "hide" === b[0] || "toggle" === b[0]) && u(this, b[1], b[0])
})
}
}(mui, window, document, "popover"),
function(a, b, c, d, e) {
var f = "mui-control-item"
, g = "mui-segmented-control"
, h = "mui-segmented-control-vertical"
, i = "mui-control-content"
, j = "mui-bar-tab"
, k = "mui-tab-item"
, l = function(a, b) {
return b.classList && (b.classList.contains(f) || b.classList.contains(k)) ? (b.parentNode && b.parentNode.classList && b.parentNode.classList.contains(h) || a.preventDefault(),
b) : !1
};
a.registerTarget({
name: d,
index: 80,
handle: l,
target: !1
}),
b.addEventListener("tap", function(b) {
var e = a.targets.tab;
if (e) {
for (var h, l, m, n = "mui-active", o = "." + n, p = e.parentNode; p && p !== c; p = p.parentNode) {
if (p.classList.contains(g)) {
h = p.querySelector(o + "." + f);
break
}
p.classList.contains(j) && (h = p.querySelector(o + "." + k))
}
h && h.classList.remove(n);
var q = e === h;
if (e && e.classList.add(n),
e.hash && (m = c.getElementById(e.hash.replace("#", "")))) {
if (!m.classList.contains(i))
return void e.classList[q ? "remove" : "add"](n);
if (!q) {
var r = m.parentNode;
l = r.querySelectorAll("." + i + o);
for (var s = 0; s < l.length; s++) {
var t = l[s];
t.parentNode === r && t.classList.remove(n)
}
m.classList.add(n);
for (var u = [], v = r.querySelectorAll("." + i), s = 0; s < v.length; s++)
v[s].parentNode === r && u.push(v[s]);
a.trigger(m, a.eventName("shown", d), {
tabNumber: Array.prototype.indexOf.call(u, m)
}),
b.detail && b.detail.gesture.preventDefault()
}
}
}
})
}(mui, window, document, "tab"),
function(a, b, c) {
var d = "mui-switch"
, e = "mui-switch-handle"
, f = "mui-active"
, g = "mui-dragging"
, h = "mui-disabled"
, i = "." + e
, j = function(a, b) {
return b.classList && b.classList.contains(d) ? b : !1
};
a.registerTarget({
name: c,
index: 100,
handle: j,
target: !1
});
var k = function(a) {
this.element = a,
this.classList = this.element.classList,
this.handle = this.element.querySelector(i),
this.init(),
this.initEvent()
};
k.prototype.init = function() {
this.toggleWidth = this.element.offsetWidth,
this.handleWidth = this.handle.offsetWidth,
this.handleX = this.toggleWidth - this.handleWidth - 3
}
,
k.prototype.initEvent = function() {
this.element.addEventListener(a.EVENT_START, this),
this.element.addEventListener("drag", this),
this.element.addEventListener("swiperight", this),
this.element.addEventListener(a.EVENT_END, this),
this.element.addEventListener(a.EVENT_CANCEL, this)
}
,
k.prototype.handleEvent = function(b) {
if (!this.classList.contains(h))
switch (b.type) {
case a.EVENT_START:
this.start(b);
break;
case "drag":
this.drag(b);
break;
case "swiperight":
this.swiperight();
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
this.end(b)
}
}
,
k.prototype.start = function(a) {
this.handle.style.webkitTransitionDuration = this.element.style.webkitTransitionDuration = ".2s",
this.classList.add(g),
(0 === this.toggleWidth || 0 === this.handleWidth) && this.init()
}
,
k.prototype.drag = function(a) {
var b = a.detail;
this.isDragging || ("left" === b.direction || "right" === b.direction) && (this.isDragging = !0,
this.lastChanged = void 0,
this.initialState = this.classList.contains(f)),
this.isDragging && (this.setTranslateX(b.deltaX),
a.stopPropagation(),
b.gesture.preventDefault())
}
,
k.prototype.swiperight = function(a) {
this.isDragging && a.stopPropagation()
}
,
k.prototype.end = function(b) {
this.classList.remove(g),
this.isDragging ? (this.isDragging = !1,
b.stopPropagation(),
a.trigger(this.element, "toggle", {
isActive: this.classList.contains(f)
})) : this.toggle()
}
,
k.prototype.toggle = function(b) {
var c = this.classList;
b === !1 ? this.handle.style.webkitTransitionDuration = this.element.style.webkitTransitionDuration = "0s" : this.handle.style.webkitTransitionDuration = this.element.style.webkitTransitionDuration = ".2s",
c.contains(f) ? (c.remove(f),
this.handle.style.webkitTransform = "translate(0,0)") : (c.add(f),
this.handle.style.webkitTransform = "translate(" + this.handleX + "px,0)"),
a.trigger(this.element, "toggle", {
isActive: this.classList.contains(f)
})
}
,
k.prototype.setTranslateX = a.animationFrame(function(a) {
if (this.isDragging) {
var b = !1;
(this.initialState && -a > this.handleX / 2 || !this.initialState && a > this.handleX / 2) && (b = !0),
this.lastChanged !== b && (b ? (this.handle.style.webkitTransform = "translate(" + (this.initialState ? 0 : this.handleX) + "px,0)",
this.classList[this.initialState ? "remove" : "add"](f)) : (this.handle.style.webkitTransform = "translate(" + (this.initialState ? this.handleX : 0) + "px,0)",
this.classList[this.initialState ? "add" : "remove"](f)),
this.lastChanged = b)
}
}),
a.fn["switch"] = function(b) {
var c = [];
return this.each(function() {
var b = null
, d = this.getAttribute("data-switch");
d ? b = a.data[d] : (d = ++a.uuid,
a.data[d] = new k(this),
this.setAttribute("data-switch", d)),
c.push(b)
}),
c.length > 1 ? c : c[0]
}
,
a.ready(function() {
a("." + d)["switch"]()
})
}(mui, window, "toggle"),
function(a, b, c) {
function d(a, b) {
var c = b ? "removeEventListener" : "addEventListener";
a[c]("drag", F),
a[c]("dragend", F),
a[c]("swiperight", F),
a[c]("swipeleft", F),
a[c]("flick", F)
}
var e, f, g = "mui-active", h = "mui-selected", i = "mui-grid-view", j = "mui-table-view-radio", k = "mui-table-view-cell", l = "mui-collapse-content", m = "mui-disabled", n = "mui-switch", o = "mui-btn", p = "mui-slider-handle", q = "mui-slider-left", r = "mui-slider-right", s = "mui-transitioning", t = "." + p, u = "." + q, v = "." + r, w = "." + h, x = "." + o, y = .8, z = isOpened = openedActions = progress = !1, A = sliderActionLeft = sliderActionRight = buttonsLeft = buttonsRight = sliderDirection = sliderRequestAnimationFrame = !1, B = translateX = lastTranslateX = sliderActionLeftWidth = sliderActionRightWidth = 0, C = function(a) {
a ? f ? f.classList.add(g) : e && e.classList.add(g) : (B && B.cancel(),
f ? f.classList.remove(g) : e && e.classList.remove(g))
}, D = function() {
if (translateX !== lastTranslateX) {
if (buttonsRight && buttonsRight.length > 0) {
progress = translateX / sliderActionRightWidth,
translateX < -sliderActionRightWidth && (translateX = -sliderActionRightWidth - Math.pow(-translateX - sliderActionRightWidth, y));
for (var a = 0, b = buttonsRight.length; b > a; a++) {
var c = buttonsRight[a];
"undefined" == typeof c._buttonOffset && (c._buttonOffset = c.offsetLeft),
buttonOffset = c._buttonOffset,
E(c, translateX - buttonOffset * (1 + Math.max(progress, -1)))
}
}
if (buttonsLeft && buttonsLeft.length > 0) {
progress = translateX / sliderActionLeftWidth,
translateX > sliderActionLeftWidth && (translateX = sliderActionLeftWidth + Math.pow(translateX - sliderActionLeftWidth, y));
for (var a = 0, b = buttonsLeft.length; b > a; a++) {
var d = buttonsLeft[a];
"undefined" == typeof d._buttonOffset && (d._buttonOffset = sliderActionLeftWidth - d.offsetLeft - d.offsetWidth),
buttonOffset = d._buttonOffset,
buttonsLeft.length > 1 && (d.style.zIndex = buttonsLeft.length - a),
E(d, translateX + buttonOffset * (1 - Math.min(progress, 1)))
}
}
E(A, translateX),
lastTranslateX = translateX
}
sliderRequestAnimationFrame = requestAnimationFrame(function() {
D()
})
}, E = function(a, b) {
a && (a.style.webkitTransform = "translate(" + b + "px,0)")
};
b.addEventListener(a.EVENT_START, function(b) {
e && C(!1),
e = f = !1,
z = isOpened = openedActions = !1;
for (var g = b.target, h = !1; g && g !== c; g = g.parentNode)
if (g.classList) {
var p = g.classList;
if (("INPUT" === g.tagName && "radio" !== g.type && "checkbox" !== g.type || "BUTTON" === g.tagName || p.contains(n) || p.contains(o) || p.contains(m)) && (h = !0),
p.contains(l))
break;
if (p.contains(k)) {
e = g;
var q = e.parentNode.querySelector(w);
if (!e.parentNode.classList.contains(j) && q && q !== e)
return a.swipeoutClose(q),
void (e = h = !1);
if (!e.parentNode.classList.contains(i)) {
var r = e.querySelector("a");
r && r.parentNode === e && (f = r)
}
var s = e.querySelector(t);
s && (d(e),
b.stopPropagation()),
h || (s ? (B && B.cancel(),
B = a.later(function() {
C(!0)
}, 100)) : C(!0));
break
}
}
}),
b.addEventListener(a.EVENT_MOVE, function(a) {
C(!1)
});
var F = {
handleEvent: function(a) {
switch (a.type) {
case "drag":
this.drag(a);
break;
case "dragend":
this.dragend(a);
break;
case "flick":
this.flick(a);
break;
case "swiperight":
this.swiperight(a);
break;
case "swipeleft":
this.swipeleft(a)
}
},
drag: function(a) {
if (e) {
z || (A = sliderActionLeft = sliderActionRight = buttonsLeft = buttonsRight = sliderDirection = sliderRequestAnimationFrame = !1,
A = e.querySelector(t),
A && (sliderActionLeft = e.querySelector(u),
sliderActionRight = e.querySelector(v),
sliderActionLeft && (sliderActionLeftWidth = sliderActionLeft.offsetWidth,
buttonsLeft = sliderActionLeft.querySelectorAll(x)),
sliderActionRight && (sliderActionRightWidth = sliderActionRight.offsetWidth,
buttonsRight = sliderActionRight.querySelectorAll(x)),
e.classList.remove(s),
isOpened = e.classList.contains(h),
isOpened && (openedActions = e.querySelector(u + w) ? "left" : "right")));
var b = a.detail
, c = b.direction
, d = b.angle;
if ("left" === c && (d > 150 || -150 > d) ? (buttonsRight || buttonsLeft && isOpened) && (z = !0) : "right" === c && d > -30 && 30 > d && (buttonsLeft || buttonsRight && isOpened) && (z = !0),
z) {
a.stopPropagation(),
a.detail.gesture.preventDefault();
var f = a.detail.deltaX;
if (isOpened && ("right" === openedActions ? f -= sliderActionRightWidth : f += sliderActionLeftWidth),
f > 0 && !buttonsLeft || 0 > f && !buttonsRight) {
if (!isOpened)
return;
f = 0
}
0 > f ? sliderDirection = "toLeft" : f > 0 ? sliderDirection = "toRight" : sliderDirection || (sliderDirection = "toLeft"),
sliderRequestAnimationFrame || D(),
translateX = f
}
}
},
flick: function(a) {
z && a.stopPropagation()
},
swipeleft: function(a) {
z && a.stopPropagation()
},
swiperight: function(a) {
z && a.stopPropagation()
},
dragend: function(b) {
if (z) {
b.stopPropagation(),
sliderRequestAnimationFrame && (cancelAnimationFrame(sliderRequestAnimationFrame),
sliderRequestAnimationFrame = null );
var c = b.detail;
z = !1;
var d = "close"
, f = "toLeft" === sliderDirection ? sliderActionRightWidth : sliderActionLeftWidth
, g = c.swipe || Math.abs(translateX) > f / 2;
g && (isOpened ? "left" === c.direction && "right" === openedActions ? d = "open" : "right" === c.direction && "left" === openedActions && (d = "open") : d = "open"),
e.classList.add(s);
var i;
if ("open" === d) {
var j = "toLeft" === sliderDirection ? -f : f;
if (E(A, j),
i = "toLeft" === sliderDirection ? buttonsRight : buttonsLeft,
"undefined" != typeof i) {
for (var k = null , l = 0; l < i.length; l++)
k = i[l],
E(k, j);
k.parentNode.classList.add(h),
e.classList.add(h),
isOpened || a.trigger(e, "toLeft" === sliderDirection ? "slideleft" : "slideright")
}
} else
E(A, 0),
sliderActionLeft && sliderActionLeft.classList.remove(h),
sliderActionRight && sliderActionRight.classList.remove(h),
e.classList.remove(h);
var m;
if (buttonsLeft && buttonsLeft.length > 0 && buttonsLeft !== i)
for (var l = 0, n = buttonsLeft.length; n > l; l++) {
var o = buttonsLeft[l];
m = o._buttonOffset,
"undefined" == typeof m && (o._buttonOffset = sliderActionLeftWidth - o.offsetLeft - o.offsetWidth),
E(o, m)
}
if (buttonsRight && buttonsRight.length > 0 && buttonsRight !== i)
for (var l = 0, n = buttonsRight.length; n > l; l++) {
var p = buttonsRight[l];
m = p._buttonOffset,
"undefined" == typeof m && (p._buttonOffset = p.offsetLeft),
E(p, -m)
}
}
}
};
a.swipeoutOpen = function(b, c) {
if (b) {
var d = b.classList;
if (!d.contains(h)) {
c || (c = b.querySelector(v) ? "right" : "left");
var e = b.querySelector(a.classSelector(".slider-" + c));
if (e) {
e.classList.add(h),
d.add(h),
d.remove(s);
for (var f, g = e.querySelectorAll(x), i = e.offsetWidth, j = "right" === c ? -i : i, k = g.length, l = 0; k > l; l++)
f = g[l],
"right" === c ? E(f, -f.offsetLeft) : E(f, i - f.offsetWidth - f.offsetLeft);
d.add(s);
for (var l = 0; k > l; l++)
E(g[l], j);
E(b.querySelector(t), j)
}
}
}
}
,
a.swipeoutClose = function(b) {
if (b) {
var c = b.classList;
if (c.contains(h)) {
var d = b.querySelector(v + w) ? "right" : "left"
, e = b.querySelector(a.classSelector(".slider-" + d));
if (e) {
e.classList.remove(h),
c.remove(h),
c.add(s);
var f, g = e.querySelectorAll(x), i = e.offsetWidth, j = g.length;
E(b.querySelector(t), 0);
for (var k = 0; j > k; k++)
f = g[k],
"right" === d ? E(f, -f.offsetLeft) : E(f, i - f.offsetWidth - f.offsetLeft)
}
}
}
}
,
b.addEventListener(a.EVENT_END, function(a) {
e && (C(!1),
A && d(e, !0))
}),
b.addEventListener(a.EVENT_CANCEL, function(a) {
e && (C(!1),
A && d(e, !0))
});
var G = function(b) {
var c = b.target && b.target.type || "";
if ("radio" !== c && "checkbox" !== c) {
var d = e.classList;
if (d.contains("mui-radio")) {
var f = e.querySelector("input[type=radio]");
f && (f.disabled || f.readOnly || (f.checked = !f.checked,
a.trigger(f, "change")))
} else if (d.contains("mui-checkbox")) {
var f = e.querySelector("input[type=checkbox]");
f && (f.disabled || f.readOnly || (f.checked = !f.checked,
a.trigger(f, "change")))
}
}
};
b.addEventListener(a.EVENT_CLICK, function(a) {
e && e.classList.contains("mui-collapse") && a.preventDefault()
}),
b.addEventListener("doubletap", function(a) {
e && G(a)
});
var H = /^(INPUT|TEXTAREA|BUTTON|SELECT)$/;
b.addEventListener("tap", function(b) {
if (e) {
var c = !1
, d = e.classList
, f = e.parentNode;
if (f && f.classList.contains(j)) {
if (d.contains(h))
return;
var i = f.querySelector("li" + w);
return i && i.classList.remove(h),
d.add(h),
void a.trigger(e, "selected", {
el: e
})
}
if (d.contains("mui-collapse") && !e.parentNode.classList.contains("mui-unfold")) {
if (H.test(b.target.tagName) || b.detail.gesture.preventDefault(),
!d.contains(g)) {
var k = e.parentNode.querySelector(".mui-collapse.mui-active");
k && k.classList.remove(g),
c = !0
}
d.toggle(g),
c && a.trigger(e, "expand")
} else
G(b)
}
})
}(mui, window, document),
function(a, b) {
a.alert = function(c, d, e, f) {
if (a.os.plus) {
if ("undefined" == typeof c)
return;
"function" == typeof d ? (f = d,
d = null ,
e = "纭畾") : "function" == typeof e && (f = e,
e = null ),
a.plusReady(function() {
plus.nativeUI.alert(c, f, d, e)
})
} else
b.alert(c)
}
}(mui, window),
function(a, b) {
a.confirm = function(c, d, e, f) {
if (a.os.plus) {
if ("undefined" == typeof c)
return;
"function" == typeof d ? (f = d,
d = null ,
e = null ) : "function" == typeof e && (f = e,
e = null ),
a.plusReady(function() {
plus.nativeUI.confirm(c, f, d, e)
})
} else
f(b.confirm(c) ? {
index: 0
} : {
index: 1
})
}
}(mui, window),
function(a, b) {
a.prompt = function(c, d, e, f, g) {
if (a.os.plus) {
if ("undefined" == typeof message)
return;
"function" == typeof d ? (g = d,
d = null ,
e = null ,
f = null ) : "function" == typeof e ? (g = e,
e = null ,
f = null ) : "function" == typeof f && (g = f,
f = null ),
a.plusReady(function() {
plus.nativeUI.prompt(c, g, e, d, f)
})
} else {
var h = b.prompt(c);
g(h ? {
index: 0,
value: h
} : {
index: 1,
value: ""
})
}
}
}(mui, window),
function(a, b) {
var c = "mui-active";
a.toast = function(b) {
if (a.os.plus)
a.plusReady(function() {
plus.nativeUI.toast(b, {
verticalAlign: "bottom"
})
});
else {
var d = document.createElement("div");
d.classList.add("mui-toast-container"),
d.innerHTML = '<div class="mui-toast-message">' + b + "</div>",
d.addEventListener("webkitTransitionEnd", function() {
d.classList.contains(c) || d.parentNode.removeChild(d)
}),
document.body.appendChild(d),
d.offsetHeight,
d.classList.add(c),
setTimeout(function() {
d.classList.remove(c)
}, 2e3)
}
}
}(mui, window),
function(a, b, c) {
var d = "mui-popup"
, e = "mui-popup-backdrop"
, f = "mui-popup-in"
, g = "mui-popup-out"
, h = "mui-popup-inner"
, i = "mui-popup-title"
, j = "mui-popup-text"
, k = "mui-popup-input"
, l = "mui-popup-buttons"
, m = "mui-popup-button"
, n = "mui-popup-button-bold"
, e = "mui-popup-backdrop"
, o = "mui-active"
, p = []
, q = function() {
var b = c.createElement("div");
return b.classList.add(e),
b.addEventListener(a.EVENT_MOVE, a.preventDefault),
b.addEventListener("webkitTransitionEnd", function() {
this.classList.contains(o) || b.parentNode && b.parentNode.removeChild(b)
}),
b
}()
, r = function(a) {
return '<div class="' + k + '"><input type="text" autofocus placeholder="' + (a || "") + '"/></div>'
}
, s = function(a, b, c) {
return '<div class="' + h + '"><div class="' + i + '">' + b + '</div><div class="' + j + '">' + a.replace(/\r\n/g, "<br/>").replace(/\n/g, "<br/>") + "</div>" + (c || "") + "</div>"
}
, t = function(a) {
for (var b = a.length, c = [], d = 0; b > d; d++)
c.push('<span class="' + m + (d === b - 1 ? " " + n : "") + '">' + a[d] + "</span>");
return '<div class="' + l + '">' + c.join("") + "</div>"
}
, u = function(b, e) {
var h = c.createElement("div");
h.className = d,
h.innerHTML = b;
var i = function() {
h.parentNode && h.parentNode.removeChild(h),
h = null
};
h.addEventListener(a.EVENT_MOVE, a.preventDefault),
h.addEventListener("webkitTransitionEnd", function(a) {
h && a.target === h && h.classList.contains(g) && i()
}),
h.style.display = "block",
c.body.appendChild(h),
h.offsetHeight,
h.classList.add(f),
q.classList.contains(o) || (q.style.display = "block",
c.body.appendChild(q),
q.offsetHeight,
q.classList.add(o));
var j = a.qsa("." + m, h)
, l = h.querySelector("." + k + " input")
, n = {
element: h,
close: function(a, b) {
h && (e && e({
index: a || 0,
value: l && l.value || ""
}),
b !== !1 ? (h.classList.remove(f),
h.classList.add(g)) : i(),
p.pop(),
p.length ? p[p.length - 1].show(b) : q.classList.remove(o))
}
}
, r = function(a) {
n.close(j.indexOf(a.target))
};
return a(h).on("tap", "." + m, r),
p.length && p[p.length - 1].hide(),
p.push({
close: n.close,
show: function(a) {
h.style.display = "block",
h.offsetHeight,
h.classList.add(f)
},
hide: function() {
h.style.display = "none",
h.classList.remove(f)
}
}),
n
}
, v = function(b, c, d, e, f) {
return "undefined" != typeof b ? ("function" == typeof c ? (e = c,
f = d,
c = null ,
d = null ) : "function" == typeof d && (f = e,
e = d,
d = null ),
a.os.plus && "div" !== f ? plus.nativeUI.alert(b, e, c || "鎻愮ず", d || "纭畾") : u(s(b, c || "鎻愮ず") + t([d || "纭畾"]), e)) : void 0
}
, w = function(b, c, d, e, f) {
return "undefined" != typeof b ? ("function" == typeof c ? (e = c,
f = d,
c = null ,
d = null ) : "function" == typeof d && (f = e,
e = d,
d = null ),
a.os.plus && "div" !== f ? plus.nativeUI.confirm(b, e, c, d || ["鍙栨秷", "纭"]) : u(s(b, c || "鎻愮ず") + t(d || ["鍙栨秷", "纭"]), e)) : void 0
}
, x = function(b, c, d, e, f, g) {
return "undefined" != typeof b ? ("function" == typeof c ? (f = c,
g = d,
c = null ,
d = null ,
e = null ) : "function" == typeof d ? (f = d,
g = e,
d = null ,
e = null ) : "function" == typeof e && (g = f,
f = e,
e = null ),
a.os.plus && "div" !== g ? plus.nativeUI.prompt(b, f, d || "鎻愮ず", c, e || ["鍙栨秷", "纭"]) : u(s(b, d || "鎻愮ず", r(c)) + t(e || ["鍙栨秷", "纭"]), f)) : void 0
}
, y = function() {
return p.length ? (p[p.length - 1].close(),
!0) : !1
}
, z = function() {
for (; p.length; )
p[p.length - 1].close()
};
a.closePopup = y,
a.closePopups = z,
a.alert = v,
a.confirm = w,
a.prompt = x
}(mui, window, document),
function(a, b) {
var c = "mui-progressbar"
, d = "mui-progressbar-in"
, e = "mui-progressbar-out"
, f = "mui-progressbar-infinite"
, g = ".mui-progressbar"
, h = function(b) {
if (b = a(b || "body"),
0 !== b.length) {
if (b = b[0],
b.classList.contains(c))
return b;
var d = b.querySelectorAll(g);
if (d)
for (var e = 0, f = d.length; f > e; e++) {
var h = d[e];
if (h.parentNode === b)
return h
}
}
}
, i = function(h, i, j) {
if ("number" == typeof h && (j = i,
i = h,
h = "body"),
h = a(h || "body"),
0 !== h.length) {
h = h[0];
var l;
if (h.classList.contains(c))
l = h;
else {
var m = h.querySelectorAll(g + ":not(." + e + ")");
if (m)
for (var n = 0, o = m.length; o > n; n++) {
var p = m[n];
if (p.parentNode === h) {
l = p;
break
}
}
l ? l.classList.add(d) : (l = b.createElement("span"),
l.className = c + " " + d + ("undefined" != typeof i ? "" : " " + f) + (j ? " " + c + "-" + j : ""),
"undefined" != typeof i && (l.innerHTML = "<span></span>"),
h.appendChild(l))
}
return i && k(h, i),
l
}
}
, j = function(a) {
var b = h(a);
if (b) {
var c = b.classList;
c.contains(d) && !c.contains(e) && (c.remove(d),
c.add(e),
b.addEventListener("webkitAnimationEnd", function() {
b.parentNode && b.parentNode.removeChild(b),
b = null
}))
}
}
, k = function(a, b, c) {
"number" == typeof a && (c = b,
b = a,
a = !1);
var d = h(a);
if (d && !d.classList.contains(f)) {
b && (b = Math.min(Math.max(b, 0), 100)),
d.offsetHeight;
var e = d.querySelector("span");
if (e) {
var g = e.style;
g.webkitTransform = "translate3d(" + (-100 + b) + "%,0,0)",
"undefined" != typeof c ? g.webkitTransitionDuration = c + "ms" : g.webkitTransitionDuration = ""
}
return d
}
};
a.fn.progressbar = function(a) {
var b = [];
return a = a || {},
this.each(function() {
var c = this
, d = c.mui_plugin_progressbar;
d ? a && d.setOptions(a) : c.mui_plugin_progressbar = d = {
options: a,
setOptions: function(a) {
this.options = a
},
show: function() {
return i(c, this.options.progress, this.options.color)
},
setProgress: function(a) {
return k(c, a)
},
hide: function() {
return j(c)
}
},
b.push(d)
}),
1 === b.length ? b[0] : b
}
}(mui, document),
function(a, b, c) {
var d = "mui-icon"
, e = "mui-icon-clear"
, f = "mui-icon-speech"
, g = "mui-icon-search"
, h = "mui-icon-eye"
, i = "mui-input-row"
, j = "mui-placeholder"
, k = "mui-tooltip"
, l = "mui-hidden"
, m = "mui-focusin"
, n = "." + e
, o = "." + f
, p = "." + h
, q = "." + j
, r = "." + k
, s = function(a) {
for (; a && a !== c; a = a.parentNode)
if (a.classList && a.classList.contains(i))
return a;
return null
}
, t = function(a, b) {
this.element = a,
this.options = b || {
actions: "clear"
},
~this.options.actions.indexOf("slider") ? (this.sliderActionClass = k + " " + l,
this.sliderActionSelector = r) : (~this.options.actions.indexOf("clear") && (this.clearActionClass = d + " " + e + " " + l,
this.clearActionSelector = n),
~this.options.actions.indexOf("speech") && (this.speechActionClass = d + " " + f,
this.speechActionSelector = o),
~this.options.actions.indexOf("search") && (this.searchActionClass = j,
this.searchActionSelector = q),
~this.options.actions.indexOf("password") && (this.passwordActionClass = d + " " + h,
this.passwordActionSelector = p)),
this.init()
};
t.prototype.init = function() {
this.initAction(),
this.initElementEvent()
}
,
t.prototype.initAction = function() {
var b = this
, c = b.element.parentNode;
c && (b.sliderActionClass ? b.sliderAction = b.createAction(c, b.sliderActionClass, b.sliderActionSelector) : (b.searchActionClass && (b.searchAction = b.createAction(c, b.searchActionClass, b.searchActionSelector),
b.searchAction.addEventListener("tap", function(c) {
a.focus(b.element),
c.stopPropagation()
})),
b.speechActionClass && (b.speechAction = b.createAction(c, b.speechActionClass, b.speechActionSelector),
b.speechAction.addEventListener("click", a.stopPropagation),
b.speechAction.addEventListener("tap", function(a) {
b.speechActionClick(a)
})),
b.clearActionClass && (b.clearAction = b.createAction(c, b.clearActionClass, b.clearActionSelector),
b.clearAction.addEventListener("tap", function(a) {
b.clearActionClick(a)
})),
b.passwordActionClass && (b.passwordAction = b.createAction(c, b.passwordActionClass, b.passwordActionSelector),
b.passwordAction.addEventListener("tap", function(a) {
b.passwordActionClick(a)
}))))
}
,
t.prototype.createAction = function(a, b, e) {
var f = a.querySelector(e);
if (!f) {
var f = c.createElement("span");
f.className = b,
b === this.searchActionClass && (f.innerHTML = '<span class="' + d + " " + g + '"></span><span>' + this.element.getAttribute("placeholder") + "</span>",
this.element.setAttribute("placeholder", ""),
this.element.value.trim() && a.classList.add("mui-active")),
a.insertBefore(f, this.element.nextSibling)
}
return f
}
,
t.prototype.initElementEvent = function() {
var b = this.element;
if (this.sliderActionClass) {
var c = this.sliderAction
, d = null
, e = function() {
c.classList.remove(l);
var a = b.offsetLeft
, e = b.offsetWidth - 28
, f = c.offsetWidth
, g = Math.abs(b.max - b.min)
, h = e / g * Math.abs(b.value - b.min);
c.style.left = 14 + a + h - f / 2 + "px",
c.innerText = b.value,
d && clearTimeout(d),
d = setTimeout(function() {
c.classList.add(l)
}, 1e3)
};
b.addEventListener("input", e),
b.addEventListener("tap", e),
b.addEventListener(a.EVENT_MOVE, function(a) {
a.stopPropagation()
})
} else {
if (this.clearActionClass) {
var f = this.clearAction;
if (!f)
return;
a.each(["keyup", "change", "input", "focus", "cut", "paste"], function(a, c) {
!function(a) {
b.addEventListener(a, function() {
f.classList[b.value.trim() ? "remove" : "add"](l)
})
}(c)
}),
b.addEventListener("blur", function() {
f.classList.add(l)
})
}
this.searchActionClass && (b.addEventListener("focus", function() {
b.parentNode.classList.add("mui-active")
}),
b.addEventListener("blur", function() {
b.value.trim() || b.parentNode.classList.remove("mui-active")
}))
}
}
,
t.prototype.setPlaceholder = function(a) {
if (this.searchActionClass) {
var b = this.element.parentNode.querySelector(q);
b && (b.getElementsByTagName("span")[1].innerText = a)
} else
this.element.setAttribute("placeholder", a)
}
,
t.prototype.passwordActionClick = function(a) {
"text" === this.element.type ? this.element.type = "password" : this.element.type = "text",
this.passwordAction.classList.toggle("mui-active"),
a.preventDefault()
}
,
t.prototype.clearActionClick = function(b) {
var c = this;
c.element.value = "",
a.focus(c.element),
c.clearAction.classList.add(l),
b.preventDefault()
}
,
t.prototype.speechActionClick = function(d) {
if (b.plus) {
var e = this
, f = e.element.value;
e.element.value = "",
c.body.classList.add(m),
plus.speech.startRecognize({
engine: "iFly"
}, function(b) {
e.element.value += b,
a.focus(e.element),
plus.speech.stopRecognize(),
a.trigger(e.element, "recognized", {
value: e.element.value
}),
f !== e.element.value && (a.trigger(e.element, "change"),
a.trigger(e.element, "input"))
}, function(a) {
c.body.classList.remove(m)
})
} else
alert("only for 5+");
d.preventDefault()
}
,
a.fn.input = function(b) {
var c = [];
return this.each(function() {
var b = null
, d = []
, e = s(this.parentNode);
if ("range" === this.type && e.classList.contains("mui-input-range"))
d.push("slider");
else {
var f = this.classList;
f.contains("mui-input-clear") && d.push("clear"),
a.os.android && a.os.stream || !f.contains("mui-input-speech") || d.push("speech"),
f.contains("mui-input-password") && d.push("password"),
"search" === this.type && e.classList.contains("mui-search") && d.push("search")
}
var g = this.getAttribute("data-input-" + d[0]);
if (g)
b = a.data[g];
else {
g = ++a.uuid,
b = a.data[g] = new t(this,{
actions: d.join(",")
});
for (var h = 0, i = d.length; i > h; h++)
this.setAttribute("data-input-" + d[h], g)
}
c.push(b)
}),
1 === c.length ? c[0] : c
}
,
a.ready(function() {
a(".mui-input-row input").input()
})
}(mui, window, document),
function(a, b) {
var c = /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/
, d = function(a) {
var b = a.match(c);
return b && 5 === b.length ? [b[1], b[2], b[3], b[4]] : []
}
, e = function(b, c) {
this.element = b,
this.options = a.extend({
top: 0,
offset: 150,
duration: 16
}, c || {}),
this._style = this.element.style,
this._bgColor = this._style.backgroundColor;
var e = d(mui.getStyles(this.element, "backgroundColor"));
if (!e.length)
throw new Error("鍏冪礌鑳屾櫙棰滆壊蹇呴』涓篟GBA");
this._R = e[0],
this._G = e[1],
this._B = e[2],
this._A = e[3],
this._bufferFn = a.buffer(this.handleScroll, this.options.duration, this),
this.initEvent()
};
e.prototype.initEvent = function() {
b.addEventListener("scroll", this._bufferFn),
b.addEventListener(a.EVENT_MOVE, this._bufferFn)
}
,
e.prototype.handleScroll = function() {
this._style.backgroundColor = "rgba(" + this._R + "," + this._G + "," + this._B + "," + (b.scrollY - this.options.top) / this.options.offset + ")"
}
,
e.prototype.destory = function() {
b.removeEventListener("scroll", this._bufferFn),
b.removeEventListener(a.EVENT_MOVE, this._bufferFn),
this.element.style.backgroundColor = this._bgColor,
this.element.mui_plugin_transparent = null
}
,
a.fn.transparent = function(a) {
a = a || {};
var b = [];
return this.each(function() {
var c = this.mui_plugin_transparent;
if (!c) {
var d = this.getAttribute("data-top")
, f = this.getAttribute("data-offset")
, g = this.getAttribute("data-duration");
null !== d && "undefined" == typeof a.top && (a.top = d),
null !== f && "undefined" == typeof a.offset && (a.offset = f),
null !== g && "undefined" == typeof a.duration && (a.duration = g),
c = this.mui_plugin_transparent = new e(this,a)
}
b.push(c)
}),
1 === b.length ? b[0] : b
}
,
a.ready(function() {
a(".mui-bar-transparent").transparent()
})
}(mui, window),
function(a) {
var b = "ontouchstart"in document
, c = b ? "tap" : "click"
, d = "change"
, e = "mui-numbox"
, f = ".mui-btn-numbox-plus,.mui-numbox-btn-plus"
, g = ".mui-btn-numbox-minus,.mui-numbox-btn-minus"
, h = ".mui-input-numbox,.mui-numbox-input"
, i = a.Numbox = a.Class.extend({
init: function(b, c) {
var d = this;
if (!b)
throw "鏋勯€ numbox 鏃剁己灏戝鍣ㄥ厓绱 ";
d.holder = b,
c = c || {},
c.step = parseInt(c.step || 1),
d.options = c,
d.input = a.qsa(h, d.holder)[0],
d.plus = a.qsa(f, d.holder)[0],
d.minus = a.qsa(g, d.holder)[0],
d.checkValue(),
d.initEvent()
},
initEvent: function() {
var b = this;
b.plus.addEventListener(c, function(c) {
var e = parseInt(b.input.value) + b.options.step;
b.input.value = e.toString(),
a.trigger(b.input, d, null )
}),
b.minus.addEventListener(c, function(c) {
var e = parseInt(b.input.value) - b.options.step;
b.input.value = e.toString(),
a.trigger(b.input, d, null )
}),
b.input.addEventListener(d, function(c) {
b.checkValue();
var e = parseInt(b.input.value);
a.trigger(b.holder, d, {
value: e
})
})
},
getValue: function() {
var a = this;
return parseInt(a.input.value)
},
checkValue: function() {
var a = this
, b = a.input.value;
if (null == b || "" == b || isNaN(b))
a.input.value = a.options.min || 0,
a.minus.disabled = null != a.options.min;
else {
var b = parseInt(b);
null != a.options.max && !isNaN(a.options.max) && b >= parseInt(a.options.max) ? (b = a.options.max,
a.plus.disabled = !0) : a.plus.disabled = !1,
null != a.options.min && !isNaN(a.options.min) && b <= parseInt(a.options.min) ? (b = a.options.min,
a.minus.disabled = !0) : a.minus.disabled = !1,
a.input.value = b
}
},
setOption: function(a, b) {
var c = this;
c.options[a] = b
}
});
a.fn.numbox = function(a) {
return this.each(function(a, b) {
if (!b.numbox)
if (d)
b.numbox = new i(b,d);
else {
var c = b.getAttribute("data-numbox-options")
, d = c ? JSON.parse(c) : {};
d.step = b.getAttribute("data-numbox-step") || d.step,
d.min = b.getAttribute("data-numbox-min") || d.min,
d.max = b.getAttribute("data-numbox-max") || d.max,
b.numbox = new i(b,d)
}
}),
this[0] ? this[0].numbox : null
}
,
a.ready(function() {
a("." + e).numbox()
})
}(mui);
3415
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
