@oxiaom/adoremix-linux-arm 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/native/etc/docroot/bangzhu/css/app.css +5 -5
- package/native/etc/docroot/bangzhu/css/feedback.css +7 -7
- package/native/etc/docroot/bangzhu/css/mui.dtpicker.css +1 -1
- package/native/etc/docroot/bangzhu/css/mui.picker.all.css +4 -4
- package/native/etc/docroot/bangzhu/css/mui.picker.min.css +6 -6
- package/native/etc/docroot/bangzhu/css/mui.poppicker.css +3 -3
- package/native/etc/docroot/bangzhu/examples/actionsheet-plus.html +20 -20
- package/native/etc/docroot/bangzhu/examples/actionsheet.html +6 -6
- package/native/etc/docroot/bangzhu/examples/best-practices/list-to-detail/detail.html +3 -3
- package/native/etc/docroot/bangzhu/examples/card.html +24 -24
- package/native/etc/docroot/bangzhu/examples/im-chat.html +5 -5
- package/native/etc/docroot/bangzhu/examples/media-list.html +49 -49
- package/native/etc/docroot/bangzhu/examples/message-bottom.html +2 -2
- package/native/etc/docroot/bangzhu/examples/offcanvas-drag-left-plus-main.html +13 -13
- package/native/etc/docroot/bangzhu/examples/picker.html +2 -2
- package/native/etc/docroot/bangzhu/examples/popovers.html +12 -12
- package/native/etc/docroot/bangzhu/examples/pullrefresh_sub.html +11 -11
- package/native/etc/docroot/bangzhu/examples/slider-default.html +18 -18
- package/native/etc/docroot/bangzhu/examples/tab-webview-subpage-setting.html +3 -3
- package/native/etc/docroot/bangzhu/index.html +413 -413
- package/native/etc/docroot/bangzhu/js/mui.picker.min.js +6 -6
- package/native/etc/docroot/bangzhu/manifest.json +993 -993
- package/native/etc/docroot/luyin2/index.html +144 -144
- package/native/etc/docroot/luyin2/js/jquery-1.10.1.min.js +5 -5
- package/native/etc/docroot/luyin2/js/lame.min.js +307 -307
- package/native/etc/docroot/luyin2/js/recordmp3.js +239 -239
- package/native/etc/docroot/luyin2/js/worker-realtime.js +105 -105
- package/native/etc/docroot/luyin2//346/223/215/344/275/234/346/214/207/345/215/227.txt +2 -2
- package/native/etc/docroot/static/css/app.8421a6d597ba48619941ccd4e386fbb2.css +332 -332
- package/native/etc/docroot/tts.js +150 -150
- package/native/etc/docroot/xcx/devicelist.html +658 -658
- package/native/etc/docroot/xcx/index.html +74 -74
- package/native/etc/docroot/xcx/main.html +84 -84
- package/native/etc/ttys/adore03.sql +426 -426
- package/native/etc/ttys/adore04.sql +426 -426
- package/native/etc/ttys/adore1.sql +859 -859
- package/native/etc/ttys/adore_mix22.sql +806 -806
- package/native/etc/ttys/sqlite.sql +1140 -1140
- package/native/etc/ttys/sqlite3main.sql +434 -434
- package/native/etc/ttys/sqltest.sql +279 -279
- package/native/etc/ttys/tp3sql.sql +1412 -1412
- package/native/find.js +523 -523
- package/native/findsc.js +695 -695
- package/native/tts.js +150 -150
- package/package.json +1 -1
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
* 在实际项目开发时,建议为App单独写一个css文件,从而实现项目的自定义皮肤功能;
|
|
4
4
|
*
|
|
5
5
|
* */
|
|
6
|
-
.mui-plus header.mui-bar{
|
|
7
|
-
display: none;
|
|
8
|
-
}
|
|
9
|
-
.mui-plus .mui-bar-nav~.mui-content{
|
|
10
|
-
padding: 0;
|
|
6
|
+
.mui-plus header.mui-bar{
|
|
7
|
+
display: none;
|
|
8
|
+
}
|
|
9
|
+
.mui-plus .mui-bar-nav~.mui-content{
|
|
10
|
+
padding: 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/*hm开头的表示仅为 Hello MUI示例定义*/
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
.feedback p {
|
|
26
26
|
padding: 10px 15px 0;
|
|
27
27
|
}
|
|
28
|
-
/*.feedback button#submit {
|
|
29
|
-
width: 90%;
|
|
30
|
-
height: 46px;
|
|
31
|
-
left: 50%;
|
|
32
|
-
-webkit-transform: translate(-50%);
|
|
28
|
+
/*.feedback button#submit {
|
|
29
|
+
width: 90%;
|
|
30
|
+
height: 46px;
|
|
31
|
+
left: 50%;
|
|
32
|
+
-webkit-transform: translate(-50%);
|
|
33
33
|
}*/
|
|
34
34
|
|
|
35
35
|
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
|
|
@@ -107,10 +107,10 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
|
|
|
107
107
|
.feedback .image-item.space .image-close {
|
|
108
108
|
display: none;
|
|
109
109
|
}
|
|
110
|
-
.feedback .mui-inline{
|
|
110
|
+
.feedback .mui-inline{
|
|
111
111
|
vertical-align: bottom;
|
|
112
112
|
font-size: 14px;
|
|
113
|
-
color: #8f8f94;
|
|
113
|
+
color: #8f8f94;
|
|
114
114
|
}
|
|
115
115
|
.mui-icon-star{
|
|
116
116
|
color: #B5B5B5;
|
|
@@ -135,9 +135,9 @@
|
|
|
135
135
|
width: 100%;
|
|
136
136
|
height: 200px;
|
|
137
137
|
border-top: solid 1px #ddd;
|
|
138
|
-
/*-webkit-perspective: 1200px;
|
|
139
|
-
perspective: 1200px;
|
|
140
|
-
-webkit-transform-style: preserve-3d;
|
|
138
|
+
/*-webkit-perspective: 1200px;
|
|
139
|
+
perspective: 1200px;
|
|
140
|
+
-webkit-transform-style: preserve-3d;
|
|
141
141
|
transform-style: preserve-3d;*/
|
|
142
142
|
}
|
|
143
143
|
.mui-poppicker-body .mui-picker {
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
position: relative;
|
|
194
194
|
width: 100%;
|
|
195
195
|
height: 200px;
|
|
196
|
-
/*border-top: solid 1px #eee;
|
|
196
|
+
/*border-top: solid 1px #eee;
|
|
197
197
|
background-color: #fff;*/
|
|
198
198
|
}
|
|
199
199
|
.mui-ios .mui-dtpicker-body {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 选择列表插件
|
|
3
|
-
* varstion 2.0.0
|
|
4
|
-
* by Houfeng
|
|
5
|
-
* Houfeng@DCloud.io
|
|
6
|
-
**/
|
|
1
|
+
/**
|
|
2
|
+
* 选择列表插件
|
|
3
|
+
* varstion 2.0.0
|
|
4
|
+
* by Houfeng
|
|
5
|
+
* Houfeng@DCloud.io
|
|
6
|
+
**/
|
|
7
7
|
.mui-pciker-list li,.mui-picker,.mui-picker-inner{box-sizing:border-box;overflow:hidden}.mui-picker{background-color:#ddd;position:relative;height:200px;border:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}.mui-dtpicker,.mui-poppicker{left:0;background-color:#eee;box-shadow:0 -5px 7px 0 rgba(0,0,0,.1);-webkit-transition:.3s;width:100%}.mui-picker-inner{position:relative;width:100%;height:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.mui-pciker-list,.mui-pciker-rule{box-sizing:border-box;padding:0;margin:-18px 0 0;width:100%;height:36px;line-height:36px;position:absolute;left:0;top:50%}.mui-pciker-rule-bg{z-index:0}.mui-pciker-rule-ft{z-index:2;border-top:solid 1px rgba(0,0,0,.1);border-bottom:solid 1px rgba(0,0,0,.1)}.mui-pciker-list{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(750pt) rotateY(0) rotateX(0);transform:perspective(750pt) rotateY(0) rotateX(0)}.mui-pciker-list li{width:100%;height:100%;position:absolute;text-align:center;vertical-align:middle;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:1pc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#888;padding:0 8px;white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;cursor:default;visibility:hidden}.mui-pciker-list li.highlight,.mui-pciker-list li.visible{visibility:visible}.mui-pciker-list li.highlight{color:#222}.mui-poppicker{position:fixed;z-index:999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.mui-poppicker.mui-active{-webkit-transform:translateY(0)}.mui-android-5-1 .mui-poppicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.mui-android-5-1 .mui-poppicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.mui-poppicker-header{padding:6px;font-size:14px;color:#888}.mui-poppicker-header .mui-btn{font-size:9pt;padding:5px 10px}.mui-poppicker-btn-cancel{float:left}.mui-poppicker-btn-ok{float:right}.mui-poppicker-clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden}.mui-poppicker-body{position:relative;width:100%;height:200px;border-top:solid 1px #ddd}.mui-poppicker-body .mui-picker{width:100%;height:100%;margin:0;border:none;float:left}.mui-dtpicker{position:fixed;z-index:999999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.mui-dtpicker.mui-active{-webkit-transform:translateY(0)}.mui-dtpicker-active-for-page{overflow:hidden!important}.mui-android-5-1 .mui-dtpicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.mui-android-5-1 .mui-dtpicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.mui-dtpicker-header{padding:6px;font-size:14px;color:#888}.mui-dtpicker-header button{font-size:9pt;padding:5px 10px}.mui-dtpicker-header button:last-child{float:right}.mui-dtpicker-body{position:relative;width:100%;height:200px}.mui-ios .mui-dtpicker-body{-webkit-perspective:75pc;perspective:75pc;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.mui-dtpicker-title h5{display:inline-block;width:20%;margin:0;padding:8px;text-align:center;border-top:solid 1px #ddd;background-color:#f0f0f0;border-bottom:solid 1px #ccc}[data-type=hour] [data-id=title-i],[data-type=hour] [data-id=picker-i],[data-type=month] [data-id=title-i],[data-type=month] [data-id=picker-d],[data-type=month] [data-id=title-d],[data-type=month] [data-id=picker-h],[data-type=month] [data-id=title-h],[data-type=month] [data-id=picker-i],[data-type=time] [data-id=picker-y],[data-type=time] [data-id=picker-m],[data-type=time] [data-id=picker-d],[data-type=time] [data-id=title-y],[data-type=time] [data-id=title-m],[data-type=time] [data-id=title-d],[data-type=date] [data-id=title-i],[data-type=date] [data-id=picker-h],[data-type=date] [data-id=title-h],[data-type=date] [data-id=picker-i]{display:none}.mui-dtpicker .mui-picker{width:20%;height:100%;margin:0;float:left;border:none}[data-type=hour] [data-id=picker-h],[data-type=hour] [data-id=title-h],[data-type=datetime] [data-id=picker-h],[data-type=datetime] [data-id=title-h]{border-left:dotted 1px #ccc}[data-type=datetime] .mui-picker,[data-type=time] .mui-dtpicker-title h5{width:20%}[data-type=date] .mui-dtpicker-title h5,[data-type=date] .mui-picker{width:33.3%}[data-type=hour] .mui-dtpicker-title h5,[data-type=hour] .mui-picker{width:25%}[data-type=month] .mui-dtpicker-title h5,[data-type=month] .mui-picker,[data-type=time] .mui-dtpicker-title h5,[data-type=time] .mui-picker{width:50%}
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
width: 100%;
|
|
51
51
|
height: 200px;
|
|
52
52
|
border-top: solid 1px #ddd;
|
|
53
|
-
/*-webkit-perspective: 1200px;
|
|
54
|
-
perspective: 1200px;
|
|
55
|
-
-webkit-transform-style: preserve-3d;
|
|
53
|
+
/*-webkit-perspective: 1200px;
|
|
54
|
+
perspective: 1200px;
|
|
55
|
+
-webkit-transform-style: preserve-3d;
|
|
56
56
|
transform-style: preserve-3d;*/
|
|
57
57
|
}
|
|
58
58
|
.mui-poppicker-body .mui-picker {
|
|
@@ -82,26 +82,26 @@
|
|
|
82
82
|
});
|
|
83
83
|
var info = document.getElementById("info");
|
|
84
84
|
document.getElementById("picture-btn").addEventListener('tap',function () {
|
|
85
|
-
var btnArray = [{title:"拍照或录像"},{title:"选取现有的"}];
|
|
86
|
-
plus.nativeUI.actionSheet( {
|
|
87
|
-
title:"选择照片",
|
|
88
|
-
cancel:"取消",
|
|
89
|
-
buttons:btnArray
|
|
90
|
-
}, function(e){
|
|
91
|
-
var index = e.index;
|
|
92
|
-
var text = "你刚点击了\"";
|
|
93
|
-
switch (index){
|
|
94
|
-
case 0:
|
|
95
|
-
text += "取消";
|
|
96
|
-
break;
|
|
97
|
-
case 1:
|
|
98
|
-
text += "拍照或录像";
|
|
99
|
-
break;
|
|
100
|
-
case 2:
|
|
101
|
-
text += "选取现有的";
|
|
102
|
-
break;
|
|
103
|
-
}
|
|
104
|
-
info.innerHTML = text+"\"按钮";
|
|
85
|
+
var btnArray = [{title:"拍照或录像"},{title:"选取现有的"}];
|
|
86
|
+
plus.nativeUI.actionSheet( {
|
|
87
|
+
title:"选择照片",
|
|
88
|
+
cancel:"取消",
|
|
89
|
+
buttons:btnArray
|
|
90
|
+
}, function(e){
|
|
91
|
+
var index = e.index;
|
|
92
|
+
var text = "你刚点击了\"";
|
|
93
|
+
switch (index){
|
|
94
|
+
case 0:
|
|
95
|
+
text += "取消";
|
|
96
|
+
break;
|
|
97
|
+
case 1:
|
|
98
|
+
text += "拍照或录像";
|
|
99
|
+
break;
|
|
100
|
+
case 2:
|
|
101
|
+
text += "选取现有的";
|
|
102
|
+
break;
|
|
103
|
+
}
|
|
104
|
+
info.innerHTML = text+"\"按钮";
|
|
105
105
|
} );
|
|
106
106
|
});
|
|
107
107
|
document.getElementById("delete-btn").addEventListener('tap',function () {
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
#info {
|
|
25
25
|
padding: 20px 10px;
|
|
26
26
|
}
|
|
27
|
-
/*.des {
|
|
28
|
-
margin: .5em 0;
|
|
29
|
-
}
|
|
30
|
-
.des>li {
|
|
31
|
-
font-size: 14px;
|
|
32
|
-
color: #8f8f94;
|
|
27
|
+
/*.des {
|
|
28
|
+
margin: .5em 0;
|
|
29
|
+
}
|
|
30
|
+
.des>li {
|
|
31
|
+
font-size: 14px;
|
|
32
|
+
color: #8f8f94;
|
|
33
33
|
}*/
|
|
34
34
|
</style>
|
|
35
35
|
</head>
|
|
@@ -90,12 +90,12 @@
|
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
//窗口隐藏时,重置页面数据
|
|
93
|
-
mui.plusReady(function () {
|
|
94
|
-
var self = plus.webview.currentWebview();
|
|
93
|
+
mui.plusReady(function () {
|
|
94
|
+
var self = plus.webview.currentWebview();
|
|
95
95
|
self.addEventListener("hide",function (e) {
|
|
96
96
|
window.scrollTo(0, 0);
|
|
97
97
|
vm.resetData();
|
|
98
|
-
},false);
|
|
98
|
+
},false);
|
|
99
99
|
})
|
|
100
100
|
|
|
101
101
|
</script>
|
|
@@ -52,37 +52,37 @@
|
|
|
52
52
|
</div>
|
|
53
53
|
|
|
54
54
|
|
|
55
|
-
<!--<div class="mui-card">
|
|
56
|
-
<div class="mui-card-header mui-card-media">
|
|
57
|
-
<div class="mui-card-media-object mui-pull-left">
|
|
58
|
-
<img src="../images/logo.png" width="34px" height="34px" />
|
|
59
|
-
</div>
|
|
60
|
-
<div class="mui-card-media-body">
|
|
61
|
-
小M
|
|
62
|
-
<p class="mui-ellipsis">发表于 6小时前</p>
|
|
63
|
-
</div>
|
|
64
|
-
</div>
|
|
65
|
-
<div class="mui-card-content mui-card-media" style="height:40vw;background-image:url(../images/yuantiao.jpg)"></div>
|
|
66
|
-
<div class="mui-card-footer">
|
|
67
|
-
<a class="mui-card-link">Like</a>
|
|
68
|
-
<a class="mui-card-link">Comment</a>
|
|
69
|
-
<a class="mui-card-link">Read more</a>
|
|
70
|
-
</div>
|
|
55
|
+
<!--<div class="mui-card">
|
|
56
|
+
<div class="mui-card-header mui-card-media">
|
|
57
|
+
<div class="mui-card-media-object mui-pull-left">
|
|
58
|
+
<img src="../images/logo.png" width="34px" height="34px" />
|
|
59
|
+
</div>
|
|
60
|
+
<div class="mui-card-media-body">
|
|
61
|
+
小M
|
|
62
|
+
<p class="mui-ellipsis">发表于 6小时前</p>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="mui-card-content mui-card-media" style="height:40vw;background-image:url(../images/yuantiao.jpg)"></div>
|
|
66
|
+
<div class="mui-card-footer">
|
|
67
|
+
<a class="mui-card-link">Like</a>
|
|
68
|
+
<a class="mui-card-link">Comment</a>
|
|
69
|
+
<a class="mui-card-link">Read more</a>
|
|
70
|
+
</div>
|
|
71
71
|
</div>-->
|
|
72
72
|
|
|
73
73
|
<div class="mui-card">
|
|
74
74
|
<div class="mui-card-header mui-card-media">
|
|
75
|
-
<img src="../images/logo.png" />
|
|
76
|
-
<div class="mui-media-body">
|
|
77
|
-
小M
|
|
78
|
-
<p>发表于 2016-06-30 15:30</p>
|
|
75
|
+
<img src="../images/logo.png" />
|
|
76
|
+
<div class="mui-media-body">
|
|
77
|
+
小M
|
|
78
|
+
<p>发表于 2016-06-30 15:30</p>
|
|
79
79
|
</div>
|
|
80
|
-
<!--<img class="mui-pull-left" src="../images/logo.png" width="34px" height="34px" />
|
|
81
|
-
<h2>小M</h2>
|
|
80
|
+
<!--<img class="mui-pull-left" src="../images/logo.png" width="34px" height="34px" />
|
|
81
|
+
<h2>小M</h2>
|
|
82
82
|
<p>发表于 2016-06-30 15:30</p>-->
|
|
83
83
|
</div>
|
|
84
|
-
<div class="mui-card-content" >
|
|
85
|
-
<img src="../images/yuantiao.jpg" alt="" width="100%"/>
|
|
84
|
+
<div class="mui-card-content" >
|
|
85
|
+
<img src="../images/yuantiao.jpg" alt="" width="100%"/>
|
|
86
86
|
</div>
|
|
87
87
|
<div class="mui-card-footer">
|
|
88
88
|
<a class="mui-card-link">Like</a>
|
|
@@ -372,11 +372,11 @@
|
|
|
372
372
|
document.addEventListener('DOMContentLoaded',function(){
|
|
373
373
|
var footerDom = document.querySelector('footer');
|
|
374
374
|
|
|
375
|
-
document.addEventListener('focusin', function() {
|
|
376
|
-
footerDom.style.position = 'absolute';
|
|
377
|
-
});
|
|
378
|
-
document.addEventListener('focusout', function() {
|
|
379
|
-
footerDom.style.position = 'fixed';
|
|
375
|
+
document.addEventListener('focusin', function() {
|
|
376
|
+
footerDom.style.position = 'absolute';
|
|
377
|
+
});
|
|
378
|
+
document.addEventListener('focusout', function() {
|
|
379
|
+
footerDom.style.position = 'fixed';
|
|
380
380
|
});
|
|
381
381
|
});
|
|
382
382
|
}
|
|
@@ -27,55 +27,55 @@
|
|
|
27
27
|
<h1 class="mui-title">media list(图文列表)</h1>
|
|
28
28
|
</header>
|
|
29
29
|
<div class="mui-content">
|
|
30
|
-
<!--<ul class="mui-table-view mui-unfold">
|
|
31
|
-
<li class="mui-table-view-cell mui-collapse mui-media mui-media-icon">
|
|
32
|
-
<a href="javascript:;">
|
|
33
|
-
<div class="mui-media-object mui-pull-left">
|
|
34
|
-
<img src="../images/shuijiao.jpg">
|
|
35
|
-
</div>
|
|
36
|
-
<div class="mui-media-body">
|
|
37
|
-
幸福
|
|
38
|
-
</div>
|
|
39
|
-
</a>
|
|
40
|
-
<ul class="mui-table-view mui-table-view-chevron">
|
|
41
|
-
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
42
|
-
<a href="javascript:;">
|
|
43
|
-
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
44
|
-
</div>
|
|
45
|
-
<div class="mui-media-body">
|
|
46
|
-
幸福
|
|
47
|
-
</div>
|
|
48
|
-
</a>
|
|
49
|
-
</li>
|
|
50
|
-
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
51
|
-
<a href="javascript:;">
|
|
52
|
-
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
53
|
-
</div>
|
|
54
|
-
<div class="mui-media-body">
|
|
55
|
-
幸福
|
|
56
|
-
</div>
|
|
57
|
-
</a>
|
|
58
|
-
</li>
|
|
59
|
-
</ul>
|
|
60
|
-
</li>
|
|
61
|
-
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
62
|
-
<a href="javascript:;">
|
|
63
|
-
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
64
|
-
</div>
|
|
65
|
-
<div class="mui-media-body">
|
|
66
|
-
幸福
|
|
67
|
-
</div>
|
|
68
|
-
</a>
|
|
69
|
-
</li>
|
|
70
|
-
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
71
|
-
<a href="javascript:;">
|
|
72
|
-
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
73
|
-
</div>
|
|
74
|
-
<div class="mui-media-body">
|
|
75
|
-
幸福
|
|
76
|
-
</div>
|
|
77
|
-
</a>
|
|
78
|
-
</li>
|
|
30
|
+
<!--<ul class="mui-table-view mui-unfold">
|
|
31
|
+
<li class="mui-table-view-cell mui-collapse mui-media mui-media-icon">
|
|
32
|
+
<a href="javascript:;">
|
|
33
|
+
<div class="mui-media-object mui-pull-left">
|
|
34
|
+
<img src="../images/shuijiao.jpg">
|
|
35
|
+
</div>
|
|
36
|
+
<div class="mui-media-body">
|
|
37
|
+
幸福
|
|
38
|
+
</div>
|
|
39
|
+
</a>
|
|
40
|
+
<ul class="mui-table-view mui-table-view-chevron">
|
|
41
|
+
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
42
|
+
<a href="javascript:;">
|
|
43
|
+
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="mui-media-body">
|
|
46
|
+
幸福
|
|
47
|
+
</div>
|
|
48
|
+
</a>
|
|
49
|
+
</li>
|
|
50
|
+
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
51
|
+
<a href="javascript:;">
|
|
52
|
+
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
53
|
+
</div>
|
|
54
|
+
<div class="mui-media-body">
|
|
55
|
+
幸福
|
|
56
|
+
</div>
|
|
57
|
+
</a>
|
|
58
|
+
</li>
|
|
59
|
+
</ul>
|
|
60
|
+
</li>
|
|
61
|
+
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
62
|
+
<a href="javascript:;">
|
|
63
|
+
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="mui-media-body">
|
|
66
|
+
幸福
|
|
67
|
+
</div>
|
|
68
|
+
</a>
|
|
69
|
+
</li>
|
|
70
|
+
<li class="mui-table-view-cell mui-media mui-media-icon">
|
|
71
|
+
<a href="javascript:;">
|
|
72
|
+
<div class="mui-media-object mui-pull-left"><span class="mui-icon mui-icon-contact"></span>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="mui-media-body">
|
|
75
|
+
幸福
|
|
76
|
+
</div>
|
|
77
|
+
</a>
|
|
78
|
+
</li>
|
|
79
79
|
</ul>-->
|
|
80
80
|
<div class="title">
|
|
81
81
|
缩略图居左
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
</div>
|
|
61
61
|
|
|
62
62
|
<div class="message bottom">
|
|
63
|
-
<div class="icon">
|
|
64
|
-
<span class="mui-icon mui-icon-info"></span>
|
|
63
|
+
<div class="icon">
|
|
64
|
+
<span class="mui-icon mui-icon-info"></span>
|
|
65
65
|
</div>
|
|
66
66
|
<p class="content">应用当前版本过低,存在安全漏洞,请升级至最新版</p>
|
|
67
67
|
<div class="action">
|
|
@@ -53,19 +53,19 @@
|
|
|
53
53
|
<p >侧滑菜单的移动动画,支持多种效果,切换如下选项体验不同动画效果:</p>
|
|
54
54
|
|
|
55
55
|
</div>
|
|
56
|
-
<form class="mui-input-group" style="margin-bottom: 15px;">
|
|
57
|
-
<div class="mui-input-row mui-radio">
|
|
58
|
-
<label>主界面移动、菜单不动</label>
|
|
59
|
-
<input name="style" type="radio" checked="" value="main-move">
|
|
60
|
-
</div>
|
|
61
|
-
<div class="mui-input-row mui-radio">
|
|
62
|
-
<label>主界面不动、菜单移动</label>
|
|
63
|
-
<input name="style" type="radio" value="menu-move">
|
|
64
|
-
</div>
|
|
65
|
-
<div class="mui-input-row mui-radio mui-hidden" id="move-togger">
|
|
66
|
-
<label>整体移动</label>
|
|
67
|
-
<input name="style" type="radio" value="all-move">
|
|
68
|
-
</div>
|
|
56
|
+
<form class="mui-input-group" style="margin-bottom: 15px;">
|
|
57
|
+
<div class="mui-input-row mui-radio">
|
|
58
|
+
<label>主界面移动、菜单不动</label>
|
|
59
|
+
<input name="style" type="radio" checked="" value="main-move">
|
|
60
|
+
</div>
|
|
61
|
+
<div class="mui-input-row mui-radio">
|
|
62
|
+
<label>主界面不动、菜单移动</label>
|
|
63
|
+
<input name="style" type="radio" value="menu-move">
|
|
64
|
+
</div>
|
|
65
|
+
<div class="mui-input-row mui-radio mui-hidden" id="move-togger">
|
|
66
|
+
<label>整体移动</label>
|
|
67
|
+
<input name="style" type="radio" value="all-move">
|
|
68
|
+
</div>
|
|
69
69
|
</form>
|
|
70
70
|
</div>
|
|
71
71
|
<script src="../js/mui.min.js"></script>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<link rel="stylesheet" href="../css/mui.min.css">
|
|
10
10
|
<!--App自定义的css-->
|
|
11
11
|
<link rel="stylesheet" type="text/css" href="../css/app.css" />
|
|
12
|
-
<link href="../css/mui.picker.css" rel="stylesheet" />
|
|
12
|
+
<link href="../css/mui.picker.css" rel="stylesheet" />
|
|
13
13
|
<link href="../css/mui.poppicker.css" rel="stylesheet" />
|
|
14
14
|
<!--<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />-->
|
|
15
15
|
<style>
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
</div>
|
|
63
63
|
<script src="../js/mui.min.js"></script>
|
|
64
64
|
<!--<script src="../js/mui.picker.min.js"></script>-->
|
|
65
|
-
<script src="../js/mui.picker.js"></script>
|
|
65
|
+
<script src="../js/mui.picker.js"></script>
|
|
66
66
|
<script src="../js/mui.poppicker.js"></script>
|
|
67
67
|
<script src="../js/city.data.js" type="text/javascript" charset="utf-8"></script>
|
|
68
68
|
<script src="../js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
<p>popover最常用的两个位置:顶部导航栏右侧和底部工具栏右侧; 点击本页右上角的
|
|
65
65
|
<span class="mui-icon mui-icon-bars"></span> 图标体验,
|
|
66
66
|
<!--TODO 后续增加原生标题示例-->
|
|
67
|
-
<!--<span class="plus">这是一个<strong>原生标题栏</strong>触发的popover示例,
|
|
67
|
+
<!--<span class="plus">这是一个<strong>原生标题栏</strong>触发的popover示例,
|
|
68
68
|
<span class="mui-icon mui-icon-bars"></span>在父webview中,点击后通过自定义事件 通知子webview, 子webview再执行popover的显示隐藏逻辑; </span>-->
|
|
69
69
|
接着点击本页面右下角的“菜单”按钮体验。
|
|
70
70
|
</p>
|
|
@@ -173,17 +173,17 @@
|
|
|
173
173
|
mui.init();
|
|
174
174
|
|
|
175
175
|
mui.plusReady(function () {
|
|
176
|
-
// var view = plus.nativeObj.View.getViewById("title");
|
|
177
|
-
//
|
|
178
|
-
// var bitmap = new plus.nativeObj.Bitmap("back");
|
|
179
|
-
// bitmap.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAAAAev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8AAACubimgAAAAI3RSTlMAGfUTGfQTGPMSGPIYGhgaGBsXGxcbFxwXHBccFhwWHRYdHWufDPQAAAABYktHRACIBR1IAAAAB3RJTUUH4QETEBwooeTlkQAAAJVJREFUSMft1EkSgkAQRNFGUXFWHBDBibr/HTUwD5B/48Ig1y+io7u6MqUhf5hsNEY+j5hMgZ/FJ8Xc9ovos3T96utjbfqN/Nb0O/m96Uv5g+mP8ifTn+Ur01/ka9Nf5RvTt/I309/lH6Z/yr9Mn+Q71/MT8B34K/E58Enzv8R/K98HvnF8p3lr8F7izce7lbf3kJ/lDQp9HdBhgg3PAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTAxLTE5VDE2OjI4OjQwKzA4OjAwpTDFwQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wMS0xOVQxNjoyODo0MCswODowMNRtfX0AAAAASUVORK5CYII=");
|
|
180
|
-
// view.drawBitmap(bitmap, {}, {
|
|
181
|
-
// top: "10px",
|
|
182
|
-
// left: "10px",
|
|
183
|
-
// width: "24px",
|
|
184
|
-
// height: "24px"
|
|
185
|
-
// });
|
|
186
|
-
//
|
|
176
|
+
// var view = plus.nativeObj.View.getViewById("title");
|
|
177
|
+
//
|
|
178
|
+
// var bitmap = new plus.nativeObj.Bitmap("back");
|
|
179
|
+
// bitmap.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAAAAev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8AAACubimgAAAAI3RSTlMAGfUTGfQTGPMSGPIYGhgaGBsXGxcbFxwXHBccFhwWHRYdHWufDPQAAAABYktHRACIBR1IAAAAB3RJTUUH4QETEBwooeTlkQAAAJVJREFUSMft1EkSgkAQRNFGUXFWHBDBibr/HTUwD5B/48Ig1y+io7u6MqUhf5hsNEY+j5hMgZ/FJ8Xc9ovos3T96utjbfqN/Nb0O/m96Uv5g+mP8ifTn+Ur01/ka9Nf5RvTt/I309/lH6Z/yr9Mn+Q71/MT8B34K/E58Enzv8R/K98HvnF8p3lr8F7izce7lbf3kJ/lDQp9HdBhgg3PAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTAxLTE5VDE2OjI4OjQwKzA4OjAwpTDFwQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wMS0xOVQxNjoyODo0MCswODowMNRtfX0AAAAASUVORK5CYII=");
|
|
180
|
+
// view.drawBitmap(bitmap, {}, {
|
|
181
|
+
// top: "10px",
|
|
182
|
+
// left: "10px",
|
|
183
|
+
// width: "24px",
|
|
184
|
+
// height: "24px"
|
|
185
|
+
// });
|
|
186
|
+
//
|
|
187
187
|
// view.setTouchEventRect({top:"0px",left:"0px",width:"44px",height:"100%"});
|
|
188
188
|
});
|
|
189
189
|
|
|
@@ -83,17 +83,17 @@
|
|
|
83
83
|
}
|
|
84
84
|
}, 1500);
|
|
85
85
|
}
|
|
86
|
-
// if (mui.os.plus) {
|
|
87
|
-
// mui.plusReady(function() {
|
|
88
|
-
// setTimeout(function() {
|
|
89
|
-
// mui('#pullrefresh').pullRefresh().pullupLoading();
|
|
90
|
-
// }, 10);
|
|
91
|
-
//
|
|
92
|
-
// });
|
|
93
|
-
// } else {
|
|
94
|
-
// mui.ready(function() {
|
|
95
|
-
// mui('#pullrefresh').pullRefresh().pullupLoading();
|
|
96
|
-
// });
|
|
86
|
+
// if (mui.os.plus) {
|
|
87
|
+
// mui.plusReady(function() {
|
|
88
|
+
// setTimeout(function() {
|
|
89
|
+
// mui('#pullrefresh').pullRefresh().pullupLoading();
|
|
90
|
+
// }, 10);
|
|
91
|
+
//
|
|
92
|
+
// });
|
|
93
|
+
// } else {
|
|
94
|
+
// mui.ready(function() {
|
|
95
|
+
// mui('#pullrefresh').pullRefresh().pullupLoading();
|
|
96
|
+
// });
|
|
97
97
|
// }
|
|
98
98
|
</script>
|
|
99
99
|
</body>
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
<h1 class="mui-title">图片轮播</h1>
|
|
21
21
|
</header>
|
|
22
22
|
<div class="mui-content">
|
|
23
|
-
<ul class="mui-table-view mui-table-view-chevron">
|
|
24
|
-
<li id="switch" class="mui-table-view-cell">
|
|
25
|
-
定时轮播
|
|
26
|
-
<div class="mui-switch">
|
|
27
|
-
<div class="mui-switch-handle"></div>
|
|
28
|
-
</div>
|
|
29
|
-
</li>
|
|
23
|
+
<ul class="mui-table-view mui-table-view-chevron">
|
|
24
|
+
<li id="switch" class="mui-table-view-cell">
|
|
25
|
+
定时轮播
|
|
26
|
+
<div class="mui-switch">
|
|
27
|
+
<div class="mui-switch-handle"></div>
|
|
28
|
+
</div>
|
|
29
|
+
</li>
|
|
30
30
|
</ul>
|
|
31
31
|
</div>
|
|
32
32
|
<div id="slider" class="mui-slider" >
|
|
@@ -80,17 +80,17 @@
|
|
|
80
80
|
mui.init({
|
|
81
81
|
swipeBack:true //启用右滑关闭功能
|
|
82
82
|
});
|
|
83
|
-
var slider = mui("#slider");
|
|
84
|
-
document.getElementById("switch").addEventListener('toggle', function(e) {
|
|
85
|
-
if (e.detail.isActive) {
|
|
86
|
-
slider.slider({
|
|
87
|
-
interval: 5000
|
|
88
|
-
});
|
|
89
|
-
} else {
|
|
90
|
-
slider.slider({
|
|
91
|
-
interval: 0
|
|
92
|
-
});
|
|
93
|
-
}
|
|
83
|
+
var slider = mui("#slider");
|
|
84
|
+
document.getElementById("switch").addEventListener('toggle', function(e) {
|
|
85
|
+
if (e.detail.isActive) {
|
|
86
|
+
slider.slider({
|
|
87
|
+
interval: 5000
|
|
88
|
+
});
|
|
89
|
+
} else {
|
|
90
|
+
slider.slider({
|
|
91
|
+
interval: 0
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
94
|
});
|
|
95
95
|
</script>
|
|
96
96
|
</body>
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
</head>
|
|
23
23
|
|
|
24
24
|
<body>
|
|
25
|
-
<!--<header class="mui-bar mui-bar-nav">
|
|
26
|
-
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
27
|
-
<h1 class="mui-title">设置</h1>
|
|
25
|
+
<!--<header class="mui-bar mui-bar-nav">
|
|
26
|
+
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
27
|
+
<h1 class="mui-title">设置</h1>
|
|
28
28
|
</header>-->
|
|
29
29
|
<div class="mui-content">
|
|
30
30
|
<div class="title">
|