Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
M
mui
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
mui
Commits
9a6be6d2
Commit
9a6be6d2
authored
Dec 17, 2014
by
hbcui1984
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
delete unuse files in hello mui
parent
c42eb387
Changes
10
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
0 additions
and
942 deletions
+0
-942
examples/hello-mui/examples/buttons-with-fabs.html
examples/hello-mui/examples/buttons-with-fabs.html
+0
-103
examples/hello-mui/examples/forms-with-group-and-labels.html
examples/hello-mui/examples/forms-with-group-and-labels.html
+0
-73
examples/hello-mui/examples/forms-with-group.html
examples/hello-mui/examples/forms-with-group.html
+0
-54
examples/hello-mui/examples/forms.html
examples/hello-mui/examples/forms.html
+0
-65
examples/hello-mui/examples/preload-mixwebview-content.html
examples/hello-mui/examples/preload-mixwebview-content.html
+0
-67
examples/hello-mui/examples/preload-mixwebview-main.html
examples/hello-mui/examples/preload-mixwebview-main.html
+0
-50
examples/hello-mui/examples/preload-webview-with-openwindow.html
...s/hello-mui/examples/preload-webview-with-openwindow.html
+0
-78
examples/hello-mui/examples/preload-webview.html
examples/hello-mui/examples/preload-webview.html
+0
-78
examples/hello-mui/examples/preload.html
examples/hello-mui/examples/preload.html
+0
-113
examples/hello-mui/examples/scroll-native.html
examples/hello-mui/examples/scroll-native.html
+0
-261
No files found.
examples/hello-mui/examples/buttons-with-fabs.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<style>
.mui-btn
{
margin-top
:
10px
;
margin-right
:
10px
;
margin-left
:
5px
;
}
.mui-btn.mui-btn-mini
{
margin-left
:
13px
;
margin-right
:
18px
;
}
</style>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
悬浮控制按钮
</h1>
</header>
<div
class=
"mui-content"
>
<div
class=
"mui-content-padded"
>
<button
class=
"mui-btn mui-fab mui-btn-mini"
>
<span
class=
"mui-icon mui-icon-search"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-mini mui-btn-primary"
>
<span
class=
"mui-icon mui-icon-plus"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-mini mui-btn-success"
>
<span
class=
"mui-icon mui-icon-sms"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-mini mui-btn-danger"
>
<span
class=
"mui-icon mui-icon-category"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-mini mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-search"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-mini mui-btn-primary mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-plus"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-mini mui-btn-success mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-sms"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-mini mui-btn-danger mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-category"
></span>
</button>
</div>
<div
class=
"mui-content-padded"
>
<button
class=
"mui-btn mui-fab"
>
<span
class=
"mui-icon mui-icon-search"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-primary"
>
<span
class=
"mui-icon mui-icon-plus"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-success"
>
<span
class=
"mui-icon mui-icon-sms"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-danger"
>
<span
class=
"mui-icon mui-icon-category"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-search"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-primary mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-plus"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-success mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-sms"
></span>
</button>
<button
class=
"mui-btn mui-fab mui-btn-danger mui-btn-outlined"
>
<span
class=
"mui-icon mui-icon-category"
></span>
</button>
</div>
</div>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/forms-with-group-and-labels.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
Form with input group and labels
</h1>
</header>
<div
class=
"mui-content"
>
<div
class=
"mui-content-padded"
>
<form
class=
"mui-input-group"
>
<div
class=
"mui-input-row mui-radio"
>
<label>
Radio
</label>
<input
name=
"radio"
type=
"radio"
>
</div>
<div
class=
"mui-input-row mui-radio"
>
<label>
Radio
</label>
<input
name=
"radio"
type=
"radio"
checked
>
</div>
<div
class=
"mui-input-row mui-checkbox"
>
<label>
Checkbox
</label>
<input
name=
"checkbox"
type=
"checkbox"
>
</div>
<div
class=
"mui-input-row mui-checkbox"
>
<label>
Checkbox
</label>
<input
name=
"checkbox"
type=
"checkbox"
checked
>
</div>
<div
class=
"mui-input-row mui-select"
>
<label>
Select
</label>
<select><option>
选项1
</option><option>
选项2
</option><option>
选项3
</option><option>
选项4
</option><option>
选项5
</option></select>
</div>
<div
class=
"mui-input-row mui-input-range"
>
<label>
Slider
</label>
<input
type=
"range"
value=
"60"
min=
"0"
max=
"100"
>
</div>
<div
class=
"mui-input-row"
>
<label>
Input
</label>
<input
type=
"text"
class=
"mui-input-clear"
placeholder=
"placeholder"
>
</div>
</form>
</div>
</div>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/forms-with-group.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
Form with input group
</h1>
</header>
<div
class=
"mui-content"
>
<div
class=
"mui-content-padded"
>
<form
class=
"mui-input-group"
>
<div
class=
"mui-input-row"
>
<input
type=
"text"
class=
"mui-input-clear"
placeholder=
"Full name"
>
</div>
<div
class=
"mui-input-row"
>
<input
type=
"email"
class=
"mui-input-speech"
placeholder=
"Email"
>
</div>
<div
class=
"mui-input-row"
>
<input
type=
"text"
class=
"mui-input-clear"
placeholder=
"Username"
>
</div>
</form>
</div>
</div>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/forms.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
Forms
</h1>
</header>
<div
class=
"mui-content"
>
<div
class=
"mui-content-padded"
>
<form>
<div
class=
"mui-input-row"
>
<input
type=
"text"
class=
"mui-input-clear"
placeholder=
"Full name"
>
</div>
<div
class=
"mui-input-row mui-search"
>
<input
type=
"search"
class=
"mui-input-speech mui-input-clear"
placeholder=
"search"
>
</div>
<div
class=
"mui-input-row"
>
<input
type=
"text"
class=
"mui-input-speech mui-input-clear"
placeholder=
"speech"
>
</div>
<div
class=
"mui-input-row mui-input-range"
>
<input
type=
"range"
value=
"60"
min=
"0"
max=
"100"
>
</div>
<div
class=
"mui-input-row"
>
<textarea
rows=
"5"
></textarea>
</div>
<div
class=
"mui-input-row"
>
<button
class=
"mui-btn mui-btn-positive mui-btn-block"
>
Choose existing
</button>
</div>
</form>
</div>
</div>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/preload-mixwebview-content.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<div
class=
"mui-content"
>
<div
class=
"mui-card"
>
<ul
class=
"mui-table-view"
>
<li
class=
"mui-table-view-cell mui-hidden"
>
cared
<div
id=
"M_Toggle"
class=
"mui-switch mui-active"
>
<div
class=
"mui-switch-handle"
></div>
</div>
</li>
<li
class=
"mui-table-view-cell"
>
Item 1
<span
class=
"mui-badge"
>
14
</span>
</li>
<li
class=
"mui-table-view-cell"
>
Item 2
<span
class=
"mui-badge"
>
1
</span>
</li>
<li
class=
"mui-table-view-cell"
>
Item 3
<span
class=
"mui-badge"
>
5
</span>
</li>
</ul>
</div>
</div>
<script>
mui
.
init
({
back
:
function
()
{
//建议5+可以在创建窗体时,允许传进去自定义参数,然后获取该窗体可以访问该参数,这样mui就可以识别出是lazyload窗口。而不用自己写了
if
(
window
.
plus
)
{
return
{
preload
:
true
};
}
}
});
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/preload-mixwebview-main.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
Preload MixWebview
</h1>
</header>
<script>
mui
.
init
({
back
:
function
()
{
//建议5+可以在创建窗体时,允许传进去自定义参数,然后获取该窗体可以访问该参数,这样mui就可以识别出是lazyload窗口。而不用自己写了
if
(
window
.
plus
)
{
return
{
preload
:
true
};
}
}
});
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/preload-webview-with-openwindow.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
Preload Webview with openWindow
</h1>
</header>
<div
class=
"mui-content"
></div>
<script>
mui
.
init
({
back
:
function
()
{
//建议5+可以在创建窗体时,允许传进去自定义参数,然后获取该窗体可以访问该参数,这样mui就可以识别出是lazyload窗口。而不用自己写了
if
(
window
.
plus
)
{
content
.
innerHTML
=
''
;
//隐藏后清空内容区
return
{
preload
:
true
};
}
}
});
var
content
=
document
.
querySelector
(
'
.mui-content
'
);
function
preload_webview
(
params
)
{
params
=
JSON
.
parse
(
params
||
JSON
.
stringify
({
count
:
10
}));
var
nWaiting
;
if
(
plus
)
{
//TODO 5+没有提供show动画之后的callback。所以这里暂时延迟400ms来显示动画
setTimeout
(
function
()
{
nWaiting
=
plus
.
nativeUI
.
showWaiting
();
},
400
);
}
setTimeout
(
function
()
{
var
html
=
[];
html
.
push
(
'
<div class="mui-card"><ul class="mui-table-view">
'
);
for
(
var
i
=
0
;
i
<
params
.
count
;
i
++
)
{
html
.
push
(
'
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item
'
+
(
i
+
1
)
+
'
</a></li>
'
);
}
html
.
push
(
'
</ul></div>
'
);
content
.
innerHTML
=
html
.
join
(
''
);
if
(
nWaiting
)
{
nWaiting
.
close
();
}
},
2000
);
}
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/preload-webview.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
Preload Webview with init
</h1>
</header>
<div
class=
"mui-content"
></div>
<script>
mui
.
init
({
back
:
function
()
{
//建议5+可以在创建窗体时,允许传进去自定义参数,然后获取该窗体可以访问该参数,这样mui就可以识别出是lazyload窗口。而不用自己写了
if
(
window
.
plus
)
{
content
.
innerHTML
=
''
;
//隐藏后清空内容区
return
{
preload
:
true
};
}
}
});
var
content
=
document
.
querySelector
(
'
.mui-content
'
);
function
preload_webview
(
params
)
{
params
=
JSON
.
parse
(
params
||
JSON
.
stringify
({
count
:
10
}));
var
nWaiting
;
if
(
plus
)
{
//TODO 5+没有提供show动画之后的callback。所以这里暂时延迟400ms来显示动画
setTimeout
(
function
()
{
nWaiting
=
plus
.
nativeUI
.
showWaiting
();
},
400
);
}
setTimeout
(
function
()
{
var
html
=
[];
html
.
push
(
'
<div class="mui-card"><ul class="mui-table-view">
'
);
for
(
var
i
=
0
;
i
<
params
.
count
;
i
++
)
{
html
.
push
(
'
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item
'
+
(
i
+
1
)
+
'
</a></li>
'
);
}
html
.
push
(
'
</ul></div>
'
);
content
.
innerHTML
=
html
.
join
(
''
);
if
(
nWaiting
)
{
nWaiting
.
close
();
}
},
2000
);
}
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/preload.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
预加载
</h1>
</header>
<div
class=
"mui-content"
>
<div
class=
"mui-content-padded"
>
<a
id=
"M_Init"
class=
"mui-btn mui-btn-primary mui-btn-block"
>
mui.init webviews
</a>
<a
id=
"M_OpenWindowByOptions"
class=
"mui-btn mui-btn-primary mui-btn-block"
>
mui.openWindow webviews
</a>
<a
id=
"M_InitMix"
class=
"mui-btn mui-btn-primary mui-btn-block"
>
mui.init mixwebviews
</a>
</div>
</div>
<script>
//通过init传递当前页面要打开的窗口配置(支持预加载窗口和非预加载窗口,后续只需openWindow传递该窗口id即可)
mui
.
init
({
preloadLimit
:
10
,
//预加载窗口的数量限制(默认为10,超出数量后,先进先出,始终仅保持10个隐藏状态的预加载窗口)
preloadPages
:
[
//指定webview列表
{
//两个webview合成的预加载
id
:
'
preloadMixWebview
'
,
//可选ID,未设置的话使用URL作为窗口ID
url
:
'
preload-mixwebview-main.html
'
,
subpages
:
[{
id
:
'
preloadMixWebviewContent
'
,
url
:
'
preload-mixwebview-content.html
'
,
styles
:
{
top
:
'
45px
'
},
}]
},
{
id
:
'
preloadWebview
'
,
//可选ID,未设置的话使用URL作为窗口ID
url
:
'
preload-webview.html
'
,
styles
:
{},
afterShowMethodName
:
'
preload_webview
'
,
//跨webview的js call,不应该有这种东西,应该5+触发afterShow,预加载窗口监听实现
}
]
});
(
function
(
$
)
{
//点击打开mix窗口(两个webview合成的预加载窗口)
document
.
getElementById
(
'
M_InitMix
'
).
addEventListener
(
'
tap
'
,
function
()
{
//直接根据窗口ID,打开之前已经设置了的窗口
$
.
openWindow
(
'
preloadMixWebview
'
,
{
params
:
{
count
:
10
}
});
});
//点击打开窗口
document
.
getElementById
(
'
M_Init
'
).
addEventListener
(
'
tap
'
,
function
()
{
//直接根据窗口ID,打开之前已经设置了的窗口
$
.
openWindow
(
'
preloadWebview
'
,
{
params
:
{
count
:
10
}
});
});
document
.
getElementById
(
'
M_OpenWindowByOptions
'
).
addEventListener
(
'
tap
'
,
function
()
{
//通过openWindow传递要打开的窗口参数(
//非预加载窗口打开,会自动缓存该页面的配置信息,后续可直接使用ID打开
//预加载窗口,本次打开非预加载,以后打开为预加载
$
.
openWindow
({
id
:
'
preloadWebviewByOpenWindow
'
,
url
:
'
preload-webview-with-openwindow.html
'
,
preload
:
true
,
styles
:
{},
params
:
{
count
:
10
},
afterShowMethodName
:
'
preload_webview
'
//跨webview的js call,不应该有这种东西,应该5+触发afterShow,预加载窗口监听实现
});
});
})(
mui
);
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/scroll-native.html
deleted
100644 → 0
View file @
c42eb387
<!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"
>
<script
src=
"../js/mui.min.js"
></script>
<script
src=
"../js/app.js"
></script>
<style>
html
,
body
{
background-color
:
#efeff4
;
}
header
.mui-bar
{
display
:
none
;
}
.mui-bar-nav
~
.mui-content
{
padding
:
0
;
}
</style>
<script>
mui
.
init
();
</script>
</head>
<body>
<header
class=
"mui-bar mui-bar-nav"
>
<a
class=
"mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
></a>
<h1
class=
"mui-title"
>
区域滚动
</h1>
</header>
<nav
class=
"mui-bar mui-bar-tab"
>
<a
class=
"mui-tab-item mui-active"
href=
"#tabbar"
>
<span
class=
"mui-icon mui-icon-phone"
></span>
<span
class=
"mui-tab-label"
>
电话咨询
</span>
</a>
<a
class=
"mui-tab-item"
href=
"#tabbar-with-chat"
>
<span
class=
"mui-icon mui-icon-email"
></span>
<span
class=
"mui-tab-label"
>
短信咨询
</span>
</a>
<a
class=
"mui-tab-item"
href=
"#tabbar-with-contact"
>
<span
class=
"mui-icon mui-icon-contact"
></span>
<span
class=
"mui-tab-label"
>
通讯录
</span>
</a>
<a
class=
"mui-tab-item"
href=
"#tabbar-with-map"
>
<span
class=
"mui-icon mui-icon-map"
></span>
<span
class=
"mui-tab-label"
>
查看地图
</span>
</a>
</nav>
<div
class=
"mui-content"
>
<ul
class=
"mui-table-view"
>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表1
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表2
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表3
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表4
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表5
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表6
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表7
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表8
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表9
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表10
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表11
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表12
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表13
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表14
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表15
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表16
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表17
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表18
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表19
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表20
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表21
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表22
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表23
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表24
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表25
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表26
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表27
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表28
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表29
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表30
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表31
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表32
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表33
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表34
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表35
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表36
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表37
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表38
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表39
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表40
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表41
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表42
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表43
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表44
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表45
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表46
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表47
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表48
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表49
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表50
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表51
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表52
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表53
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表54
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表55
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表56
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表57
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表58
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表59
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表60
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表61
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表62
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表63
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表64
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表65
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表66
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表67
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表68
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表69
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表70
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表71
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表72
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表73
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表74
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表75
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表76
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表77
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表78
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表79
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表80
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表81
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表82
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表83
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表84
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表85
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表86
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表87
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表88
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表89
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表90
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表91
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表92
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表93
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表94
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表95
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表96
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表97
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表98
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表99
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表100
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表101
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表102
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表103
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表104
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表105
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表106
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表107
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表108
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表109
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表110
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表111
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表112
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表113
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表114
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表115
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表116
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表117
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表118
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表119
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表120
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表121
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表122
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表123
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表124
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表125
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表126
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表127
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表128
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表129
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表130
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表131
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表132
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表133
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表134
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表135
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表136
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表137
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表138
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表139
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表140
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表141
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表142
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表143
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表144
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表145
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表146
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表147
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表148
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表149
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表150
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表151
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表152
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表153
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表154
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表155
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表156
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表157
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表158
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表159
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表160
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表161
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表162
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表163
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表164
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表165
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表166
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表167
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表168
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表169
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表170
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表171
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表172
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表173
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表174
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表175
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表176
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表177
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表178
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表179
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表180
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表181
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表182
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表183
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表184
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表185
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表186
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表187
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表188
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表189
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表190
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表191
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表192
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表193
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表194
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表195
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表196
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表197
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表198
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表199
</a></li>
<li
class=
"mui-table-view-cell"
><a
href=
"#"
>
列表200
</a></li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment