Skip to content

M
mui
Commit 94baca79 authored by hbcui1984's avatar hbcui1984
Browse files
Options

更新至0.5.8版本

parent bd5c71f4
Expand all Show whitespace changes
Inline Side-by-side
Showing with 2284 additions and 1464 deletions
dist/css/mui.css
View file @ 94baca79
This diff is collapsed.
dist/css/mui.min.css
View file @ 94baca79
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/js/mui.js
View file @ 94baca79
This diff is collapsed.
dist/js/mui.min.js
View file @ 94baca79
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/js/mui.tpl.js
View file @ 94baca79
/*!
* =====================================================
* Mui v0.5.7 (https://github.com/dcloudio/mui)
* Mui v0.5.8 (https://github.com/dcloudio/mui)
* =====================================================
*/
/*!
......@@ -3604,14 +3604,17 @@ Handlebars.registerPartial("tableviewcell", Handlebars.template({"1":function(de
var element = null;
while (!!(element = div.firstElementChild)) {
this.parentNode.insertBefore(element, this);
}
this.parentNode.removeChild(this);
if (oldPlugin) {
if (name === 'slider' && element.querySelector('.mui-slider-group')) {
$.ready(function() {
oldPluginApi = oldPlugin.call($(element), opts);
});
}
}
}
this.parentNode.removeChild(this);
}
});
if (opts.output === false) {
return html;
......
dist/js/mui.tpl.min.js
View file @ 94baca79
This diff is collapsed.
examples/hello-mui/css/mui.min.css
View file @ 94baca79
This source diff could not be displayed because it is too large. You can view the blob instead.
examples/hello-mui/examples/info.html
View file @ 94baca79
......@@ -45,7 +45,7 @@
</p>
<p>更多详细介绍，请到<a href="http://dcloudio.github.io/mui">mui官网</a>查看；</p>
<h4>版本介绍</h4>
<p>当前版本为0.5.6，可到<a href="https://github.com/dcloudio/mui">Github</a>上获取最新版本。</p>
<p>当前版本为0.5.8，可到<a href="https://github.com/dcloudio/mui">Github</a>上获取最新版本。</p>
<h4>License</h4>
<p>
mui遵循MIT License，源码已提交至Github，<a href="https://github.com/dcloudio/mui">点击查看</a>;
......
examples/hello-mui/examples/inputs.html
View file @ 94baca79
......@@ -36,7 +36,7 @@
</div>
<h5>语音输入搜索框：</h5>
<div class="mui-input-row mui-search">
<input type="search" class="mui-input-speech mui-input-clear" placeholder="带语音识别的搜索框">
<input type="search" class="mui-input-speech mui-input-clear" placeholder="带语音输入的搜索框">
</div>
<form class="mui-input-group">
<div class="mui-input-row">
......@@ -52,9 +52,11 @@
<label>Input</label>
<input type="text" class="mui-input-speech mui-input-clear" placeholder="语音输入">
</div>
<div class="mui-button-row">
<button class="mui-btn mui-btn-primary" onclick="return false;">确认</button>&nbsp;&nbsp;
<button class="mui-btn mui-btn-danger" onclick="return false;">取消</button>
</div>
</form>
<div class="mui-input-row" style="margin: 10px 5px;">
<textarea rows="5" placeholder="多行文本框"></textarea>
</div>
......@@ -63,7 +65,7 @@
<style type="text/css">
h5{
h5 {
margin: 5px 7px;
}
</style>
......
examples/hello-mui/examples/oa-grid.html
View file @ 94baca79
......@@ -69,7 +69,7 @@
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
<a href="#">
<span class="mui-icon mui-icon-sms"><span class="mui-badge">5</span></span>
<span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
<div class="mui-media-body">
Email
</div>
......@@ -77,9 +77,9 @@
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
<a href="#">
<span class="mui-icon mui-icon-calendar"></span>
<span class="mui-icon mui-icon-contact"></span>
<div class="mui-media-body">
Calendar
Contact
</div>
</a>
</li>
......@@ -93,7 +93,7 @@
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
<a href="#">
<span class="mui-icon mui-icon-category"></span>
<span class="mui-icon mui-icon-list"></span>
<div class="mui-media-body">
Sort
</div>
......@@ -125,7 +125,7 @@
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
<a href="#">
<span class="mui-icon mui-icon-cog"></span>
<span class="mui-icon mui-icon-gear"></span>
<div class="mui-media-body">
Setting
</div>
......
examples/hello-mui/examples/offcanvas-left-plus-main.html
View file @ 94baca79
......@@ -135,6 +135,9 @@
width: '70%',
zindex: 9998
},
show:{
aniShow:'none'
},
waiting:{
autoShow:false
}
......
examples/hello-mui/examples/offcanvas-right-plus-main.html
View file @ 94baca79
......@@ -128,10 +128,13 @@
id: 'offcanvas-plus-menu',
url: 'offcanvas-plus-menu.html',
styles: {
left: '30%',
left: left,
width:'70%',
zindex: 9998
},
show:{
aniShow:'none'
},
waiting:{
autoShow:false
}
......
examples/hello-mui/examples/popovers-with-cross-webviews-popover.html
View file @ 94baca79
......@@ -81,7 +81,7 @@
</div>
<script>
mui.init({
back : function() {
back: function() {
var webview = plus.webview.currentWebview();
var parent = webview.parent();
if (parent) {
......@@ -90,9 +90,11 @@
}
}
})
(function($) {
document.addEventListener('plus:togglePopover', function() {
$('#popover').popover('toggle');
});
})(mui);
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/popovers-with-cross-webviews.html
View file @ 94baca79
......@@ -31,16 +31,15 @@
<script>
mui.plusReady(function() {
var popover = plus.webview.create('popovers-with-cross-webviews-popover.html', null, {
top : '45px',
bottom : 0
top: '45px',
bottom: 0
});
plus.webview.currentWebview().append(popover);
document.getElementById('M_Popover_Trigger').addEventListener('tap', function() {
//mui hack plus event
$.fire(popover, 'plus:togglePopover');
mui.fire(popover, 'plus:togglePopover');
});
});
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/popovers-with-js-call.html
View file @ 94baca79
......@@ -24,7 +24,7 @@
<body>
<style>
.mui-popover{
.mui-popover {
top: 125px;
}
</style>
......@@ -41,29 +41,41 @@
<a id="closePopover" class="mui-btn mui-btn-primary mui-btn-block">Close Popover</a>
</div>
<ul class="mui-table-view">
<li class="mui-table-view-cell"><a href="#">Item1</a></li>
<li class="mui-table-view-cell"><a href="#">Item2</a></li>
<li class="mui-table-view-cell"><a href="#">Item3</a></li>
<li class="mui-table-view-cell"><a href="#">Item4</a></li>
<li class="mui-table-view-cell"><a href="#">Item5</a></li>
<li class="mui-table-view-cell"><a href="#">Item6</a></li>
<li class="mui-table-view-cell"><a href="#">Item7</a></li>
<li class="mui-table-view-cell"><a href="#">Item8</a></li>
<li class="mui-table-view-cell"><a href="#">Item9</a></li>
<li class="mui-table-view-cell"><a href="#">Item10</a></li>
<li class="mui-table-view-cell"><a href="#">Item1</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item2</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item3</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item4</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item5</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item6</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item7</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item8</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item9</a>
</li>
<li class="mui-table-view-cell"><a href="#">Item10</a>
</li>
</ul>
</div>
</div>
<script>
document.getElementById('openPopover').addEventListener('tap', function() {
$('#popover').popover('show', {left: 100, right: 200});
mui('#popover').popover('show', {
left: 100,
right: 200
});
//$('#popover').popover('toggle');//也可以直接调用toggle。该方法自动识别是显示还是隐藏
});
document.getElementById('closePopover').addEventListener('tap', function() {
$('#popover').popover('hide');
mui('#popover').popover('hide');
//$('#popover').popover('toggle');//也可以直接调用toggle。该方法自动识别是显示还是隐藏
});
</script>
</body>
......
examples/hello-mui/examples/preload.html
View file @ 94baca79
......@@ -43,33 +43,34 @@
<script>
//通过init传递当前页面要打开的窗口配置(支持预加载窗口和非预加载窗口，后续只需openWindow传递该窗口id即可)
mui.init({
preloadLimit : 10, //预加载窗口的数量限制(默认为10，超出数量后，先进先出，始终仅保持10个隐藏状态的预加载窗口)
preloadPages : [//指定webview列表
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: '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，预加载窗口监听实现
}]
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
params: {
count: 10
}
});
});
......@@ -77,8 +78,8 @@
document.getElementById('M_Init').addEventListener('tap', function() {
//直接根据窗口ID，打开之前已经设置了的窗口
$.openWindow('preloadWebview', {
params : {
count : 10
params: {
count: 10
}
});
});
......@@ -88,17 +89,17 @@
//非预加载窗口打开,会自动缓存该页面的配置信息,后续可直接使用ID打开
//预加载窗口,本次打开非预加载，以后打开为预加载
$.openWindow({
id : 'preloadWebviewByOpenWindow',
url : 'preload-webview-with-openwindow.html',
preload : true,
styles : {
},
params : {
count : 10
id: 'preloadWebviewByOpenWindow',
url: 'preload-webview-with-openwindow.html',
preload: true,
styles: {},
params: {
count: 10
},
afterShowMethodName : 'preload_webview'//跨webview的js call,不应该有这种东西，应该5+触发afterShow，预加载窗口监听实现
afterShowMethodName: 'preload_webview' //跨webview的js call,不应该有这种东西，应该5+触发afterShow，预加载窗口监听实现
});
});
})(mui);
</script>
</body>
......
examples/hello-mui/examples/pulldown.html
View file @ 94baca79
......@@ -27,8 +27,8 @@
<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">
<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">
......@@ -82,27 +82,37 @@
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 11
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 12
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 13
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 14
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 15
</a>
</li>
</ul>
......@@ -112,26 +122,27 @@
mui.init({
swipeBack: false,
pullRefresh: {
container: '.mui-content-padded',
container: '#pullrefresh',
down: {
callback: pullupRefresh
callback: pulldownRefresh
}
}
});
/**
* 上拉加载具体业务实现
* 下拉刷新具体业务实现
*/
function pullupRefresh(callback) {
function pulldownRefresh() {
var self = this;
setTimeout(function() {
callback(); //refresh completed
self.endPulldownToRefresh(); //refresh completed
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.firstElementChild);
table.insertBefore(li, table.firstElementChild);
}
}, 2000);
}
......
examples/hello-mui/examples/pullrefresh-content.html
View file @ 94baca79
......@@ -23,8 +23,8 @@
<body>
<div class="mui-content">
<div class="mui-content-padded">
<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">
......@@ -106,11 +106,11 @@
</div>
<script>
mui.init({
swipeBack:false,
swipeBack: false,
pullRefresh: {
container: '.mui-content-padded',
container: '#pullrefresh',
down: {
callback:pulldownRefresh
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
......@@ -121,7 +121,8 @@
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh(callback){
function pulldownRefresh() {
var self = this;
setTimeout(function() {
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
......@@ -132,15 +133,17 @@
//下拉刷新，新纪录插到最前面；
table.insertBefore(li, table.firstChild);
}
callback(); //refresh completed
self.endPulldownToRefresh(); //refresh completed
}, 1500);
}
var count = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh(callback){
function pullupRefresh() {
var self = this;
setTimeout(function() {
callback(); //refresh completed
self.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 + 3; i < len; i++) {
......
examples/hello-mui/examples/pullrefresh-down-content.html
View file @ 94baca79
......@@ -23,8 +23,8 @@
<body>
<div class="mui-content">
<div class="mui-content-padded">
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<ul id='list' class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
......@@ -61,16 +61,16 @@
</div>
<script>
mui.init({
pullRefresh : {
container: '#list',
down : {
callback :pulldownRefresh
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
}
}
});
function pulldownRefresh(callback) {
function pulldownRefresh() {
var self = this;
setTimeout(function() {
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
......@@ -81,10 +81,9 @@
table.insertBefore(li, table.firstChild);
}
//refresh completed 这行代码必须调用
callback();
self.endPulldownToRefresh();
}, 1000);
}
</script>
</body>
</html>
\ No newline at end of file
examples/hello-mui/examples/pullup.html
View file @ 94baca79
......@@ -27,8 +27,8 @@
<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">
<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">
......@@ -45,7 +45,58 @@
Item 3
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 4
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 5
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 6
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 7
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 8
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 9
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 10
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 11
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 12
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 13
</a>
</li>
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item 14</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right">Item 15</a></li>
</ul>
</div>
</div>
......@@ -53,22 +104,22 @@
mui.init({
swipeBack: false,
pullRefresh: {
container: '.mui-content-padded',
container: '#pullrefresh',
up: {
contentdown: '上拉显示更多',
contentover: '释放立即刷新',
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
var count = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh(callback) {
function pullupRefresh() {
var self = this;
setTimeout(function() {
callback(); //refresh completed
self.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 + 3; i < len; i++) {
......@@ -77,7 +128,7 @@
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
table.appendChild(li);
}
}, 2000);
}, 600);
}
</script>
</body>
......
examples/hello-mui/examples/slider-default.html
View file @ 94baca79
......@@ -38,32 +38,38 @@
</ul>
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item">
<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="../images/yuantiao.jpg">
</a>
</div>
<!-- 第一张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/shuijiao.jpg">
</a>
</div>
<!-- 第二张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/muwu.jpg">
</a>
</div>
<!-- 第三张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/cbd.jpg">
</a>
</div>
<!-- 第四张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/yuantiao.jpg">
</a>
</div>
<div class="mui-slider-item">
<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="../images/shuijiao.jpg">
</a>
......@@ -82,11 +88,11 @@
document.getElementById("switch").addEventListener('toggle', function(e) {
if (e.detail.isActive) {
slider.slider({
slideshowDelay: 5000
interval: 5000
});
} else {
slider.slider({
slideshowDelay: 0
interval: 0
});
}
});
......
examples/hello-mui/examples/slider-table-pagination.html
View file @ 94baca79
......@@ -30,7 +30,8 @@
<div class="mui-content">
<div class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item">
<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一个图文表格) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<ul class="mui-table-view mui-grid-view">
<li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#"><img class="mui-media-object" src="../images/cbd.jpg">
<div class="mui-media-body">Color of SIP CBD</div></a></li>
......@@ -54,7 +55,8 @@
<div class="mui-media-body">静静看这世界</div></a></li>
</ul>
</div>
<div class="mui-slider-item">
<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一个图文表格) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<ul class="mui-table-view mui-grid-view">
<li class="mui-table-view-cell mui-media mui-col-xs-6"><a href="#"><img class="mui-media-object" src="../images/shuijiao.jpg">
<div class="mui-media-body">幸福就是可以一起睡觉</div></a></li>
......
examples/hello-mui/examples/slider-with-title.html
View file @ 94baca79
......@@ -38,7 +38,8 @@
</ul>
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item">
<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="../images/yuantiao.jpg">
<p class="mui-slider-title">静静看这世界</p>
......@@ -68,7 +69,8 @@
<p class="mui-slider-title">静静看这世界</p>
</a>
</div>
<div class="mui-slider-item">
<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="../images/shuijiao.jpg">
<p class="mui-slider-title">幸福就是可以一起睡觉</p>
......@@ -88,11 +90,11 @@
document.getElementById("switch").addEventListener('toggle', function(e) {
if (e.detail.isActive) {
slider.slider({
slideshowDelay: 5000
interval: 5000
});
} else {
slider.slider({
slideshowDelay: 0
interval: 0
});
}
});
......
examples/hello-mui/examples/tableviews-with-collapses.html
View file @ 94baca79
......@@ -38,21 +38,32 @@
</li>
<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">产品</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">iOS</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">Android</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">HTML5</a></li>
</ul></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">iOS</a>
</li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">Android</a>
</li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">HTML5</a>
</li>
</ul>
</li>
<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">方案</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">PC方案</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">手机方案</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">TV方案</a></li>
</ul></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">PC方案</a>
</li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">手机方案</a>
</li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">TV方案</a>
</li>
</ul>
</li>
<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">新闻</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">公司新闻</a></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">行业新闻</a></li>
</ul></li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">公司新闻</a>
</li>
<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">行业新闻</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
......
examples/hello-mui/examples/tableviews-with-swipe.html
View file @ 94baca79
......@@ -322,9 +322,6 @@
</ul>
</div>
<script>
mui.init({
swipeBack : false
});
(function($) {
var btnArray = ['确认','取消'];
$('#OA_task_1').on('tap', '.oa-task-action', function() {
......
examples/hello-mui/examples/titlebar-with-buttons.html
View file @ 94baca79
......@@ -37,7 +37,7 @@
</div>
<script>
document.getElementById('M_Menu').addEventListener('tap', function() {
alert('你刚点了按钮');
mui.alert('你刚点了按钮');
});
</script>
</body>
......
examples/hello-mui/js/mui.min.js
View file @ 94baca79
This source diff could not be displayed because it is too large. You can view the blob instead.
examples/hello-mui/js/mui.tpl.js
View file @ 94baca79
This diff is collapsed.
examples/hello-mui/js/mui.tpl.min.js
View file @ 94baca79
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment