Skip to content

Commit f118b58

Browse files
hbcui1984hbcui1984
committed
编译至mui v1.8.0
1 parent ac46012 commit f118b58

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+11104
-6469
lines changed

‎dist/css/mui.css

Lines changed: 4005 additions & 2903 deletions
Large diffs are not rendered by default.

‎dist/css/mui.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/mui.js

Lines changed: 156 additions & 72 deletions
Large diffs are not rendered by default.

‎dist/js/mui.min.js

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/hello-mui/css/mui.css

Lines changed: 4005 additions & 2903 deletions
Large diffs are not rendered by default.

‎examples/hello-mui/css/mui.dtpicker.css

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
.mui-dtpicker {
2+
position: fixed;
3+
left: 0px;
4+
width: 100%;
5+
z-index: 999999;
6+
background-color: #eee;
7+
border-top: solid 1px #ccc;
8+
box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
9+
-webkit-transition: .3s;
10+
bottom: 0px;
11+
-webkit-transform: translateY(300px);
12+
}
13+
.mui-dtpicker-header {
14+
padding: 6px;
15+
font-size: 14px;
16+
color: #888;
17+
}
18+
.mui-dtpicker-header button {
19+
font-size: 12px;
20+
padding: 5px 10px;
21+
}
22+
.mui-dtpicker-header button:last-child {
23+
float: right;
24+
}
25+
.mui-dtpicker-body {
26+
position: relative;
27+
width: 100%;
28+
height: 200px;
29+
border-top: solid 1px #eee;
30+
background-color: #fff;
31+
}
32+
.mui-dtpicker-title h5 {
33+
display: inline-block;
34+
width: 20%;
35+
margin: 0px;
36+
padding: 8px;
37+
text-align: center;
38+
border-top: solid 1px #ddd;
39+
background-color: #fafafa;
40+
}
41+
.mui-dtpicker .mui-listpicker {
42+
width: 20%;
43+
height: 100%;
44+
margin: 0px;
45+
float: left;
46+
border: none;
47+
}
48+
.mui-dtpicker .mui-listpicker ul li {
49+
padding: 10px;
50+
}
51+
/*年月日时分*/
52+
53+
[data-type="datetime"] .mui-listpicker,
54+
[data-type="time"] .mui-dtpicker-title h5 {
55+
width: 20%;
56+
}
57+
[data-type="datetime"] [data-id="picker-h"],
58+
[data-type="datetime"] [data-id="title-h"] {
59+
border-left: dotted 1px #ddd;
60+
}
61+
/*年月日*/
62+
63+
[data-type="date"] .mui-listpicker,
64+
[data-type="date"] .mui-dtpicker-title h5 {
65+
width: 33.3%;
66+
}
67+
[data-type="date"] [data-id="picker-h"],
68+
[data-type="date"] [data-id="picker-i"],
69+
[data-type="date"] [data-id="title-h"],
70+
[data-type="date"] [data-id="title-i"] {
71+
display: none;
72+
}
73+
/*年月日时*/
74+
75+
[data-type="hour"] .mui-listpicker,
76+
[data-type="hour"] .mui-dtpicker-title h5 {
77+
width: 25%;
78+
}
79+
[data-type="hour"] [data-id="picker-i"],
80+
[data-type="hour"] [data-id="title-i"] {
81+
display: none;
82+
}
83+
[data-type="hour"] [data-id="picker-h"],
84+
[data-type="hour"] [data-id="title-h"] {
85+
border-left: dotted 1px #ddd;
86+
}
87+
/*时分*/
88+
89+
[data-type="time"] .mui-listpicker,
90+
[data-type="time"] .mui-dtpicker-title h5 {
91+
width: 50%;
92+
}
93+
[data-type="time"] [data-id="picker-y"],
94+
[data-type="time"] [data-id="picker-m"],
95+
[data-type="time"] [data-id="picker-d"],
96+
[data-type="time"] [data-id="title-y"],
97+
[data-type="time"] [data-id="title-m"],
98+
[data-type="time"] [data-id="title-d"] {
99+
display: none;
100+
}
101+
/*年月*/
102+
103+
[data-type="month"] .mui-listpicker,
104+
[data-type="month"] .mui-dtpicker-title h5 {
105+
width: 50%;
106+
}
107+
[data-type="month"] [data-id="picker-d"],
108+
[data-type="month"] [data-id="picker-h"],
109+
[data-type="month"] [data-id="picker-i"],
110+
[data-type="month"] [data-id="title-d"],
111+
[data-type="month"] [data-id="title-h"],
112+
[data-type="month"] [data-id="title-i"] {
113+
display: none;
114+
}

‎examples/hello-mui/css/mui.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/hello-mui/css/mui.poppicker.css

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
.mui-poppicker {
2+
position: fixed;
3+
left: 0px;
4+
width: 100%;
5+
z-index: 999;
6+
background-color: #eee;
7+
border-top: solid 1px #ccc;
8+
box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
9+
-webkit-transition: .3s;
10+
bottom: 0px;
11+
-webkit-transform: translateY(300px);
12+
}
13+
.mui-poppicker.mui-active {
14+
-webkit-transform: translateY(0px);
15+
}
16+
.mui-android-5-1 .mui-poppicker {
17+
bottom: -300px;
18+
-webkit-transition-property: bottom;
19+
-webkit-transform: none;
20+
}
21+
.mui-android-5-1 .mui-poppicker.mui-active {
22+
bottom: 0px;
23+
-webkit-transition-property: bottom;
24+
-webkit-transform: none;
25+
}
26+
.mui-poppicker-header {
27+
padding: 6px;
28+
font-size: 14px;
29+
color: #888;
30+
}
31+
.mui-poppicker-header .mui-btn {
32+
font-size: 12px;
33+
padding: 5px 10px;
34+
}
35+
.mui-poppicker-btn-cancel {
36+
float: left;
37+
}
38+
.mui-poppicker-btn-ok {
39+
float: right;
40+
}
41+
.mui-poppicker-clear {
42+
clear: both;
43+
height: 0px;
44+
line-height: 0px;
45+
font-size: 0px;
46+
overflow: hidden;
47+
}
48+
.mui-poppicker-body {
49+
position: relative;
50+
width: 100%;
51+
height: 200px;
52+
border-top: solid 1px #ddd;
53+
}
54+
.mui-poppicker-body .mui-listpicker {
55+
width: 100%;
56+
height: 100%;
57+
margin: 0px;
58+
border: none;
59+
float: left;
60+
}

‎examples/hello-mui/examples/dialog.html

Lines changed: 74 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
22
<html>
3+
34
<head>
45
<meta charset="utf-8">
56
<title>Hello MUI</title>
@@ -10,18 +11,18 @@
1011
<!--标准mui.css-->
1112
<link rel="stylesheet" href="../css/mui.min.css">
1213
<!--App自定义的css-->
13-
<link rel="stylesheet" type="text/css" href="../css/app.css"/>
14+
<link rel="stylesheet" type="text/css" href="../css/app.css" />
1415
<style>
15-
.mui-btn{
16-
display: block;
17-
width: 120px;
18-
margin: 10px auto;
19-
}
20-
#info{
21-
padding: 20px 10px ;
22-
}
16+
.mui-btn {
17+
display: block;
18+
width: 120px;
19+
margin: 10px auto;
20+
}
21+
#info {
22+
padding: 20px 10px;
23+
}
2324
</style>
24-
25+
2526
</head>
2627

2728
<body>
@@ -38,72 +39,80 @@ <h1 class="mui-title">dialog（消息框）</h1>
3839
<button id='pickDateBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">日期选择框</button>
3940
<button id='pickTimeBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">时间选择框</button>
4041
<div id="info">
41-
42+
4243
</div>
4344
</div>
4445
</div>
4546
<script src="../js/mui.min.js"></script>
4647
<script type="text/javascript" charset="utf-8">
47-
//mui初始化
48+
//mui初始化
4849
mui.init({
49-
swipeBack:true //启用右滑关闭功能
50+
swipeBack: true //启用右滑关闭功能
5051
});
5152
var info = document.getElementById("info");
52-
document.getElementById("alertBtn").addEventListener('tap',function(){
53-
mui.alert('欢迎使用Hello MUI','Hello MUI',function(){
54-
info.innerText = '你刚关闭了警告框';
55-
});
56-
});
57-
58-
document.getElementById("confirmBtn").addEventListener('tap',function(){
59-
var btnArray = ['是','否'];
60-
mui.confirm('MUI是个好框架，确认？','Hello MUI',btnArray,function(e){
61-
if(e.index==0){
62-
info.innerText = '你刚确认MUI是个好框架';
63-
}else{
64-
info.innerText = 'MUI没有得到你的认可，继续加油'
65-
}
66-
})
67-
});
68-
69-
//TODO iOS 8.x平台存在bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了，故临时使用click代替tap；
70-
document.getElementById("promptBtn").addEventListener('click',function(){
71-
var btnArray = ['确定','取消'];
72-
mui.prompt('请输入你对MUI的评语：','性能好','Hello MUI',btnArray,function(e){
73-
if(e.index==0){
74-
info.innerText = '谢谢你的评语：'+e.value;
75-
}else{
76-
info.innerText = '你点了取消按钮';
77-
}
78-
})
79-
});
80-
document.getElementById("toastBtn").addEventListener('tap',function(){
81-
mui.toast('欢迎体验Hello MUI');
82-
});
83-
document.getElementById("pickDateBtn").addEventListener('tap',function () {
84-
var dDate=new Date();
85-
dDate.setFullYear(2014,7,16);
86-
var minDate=new Date();
87-
minDate.setFullYear(2010,0,1);
88-
var maxDate=new Date();
89-
maxDate.setFullYear(2016,11,31);
90-
plus.nativeUI.pickDate( function(e) {
91-
var d=e.date;
92-
info.innerText = '您选择的日期是:'+d.getFullYear()+"-"+(d.getMonth()+1)+"-"+ d.getDate();
93-
},function(e){
53+
document.getElementById("alertBtn").addEventListener('tap', function() {
54+
mui.alert('欢迎使用Hello MUI', 'Hello MUI', function() {
55+
info.innerText = '你刚关闭了警告框';
56+
});
57+
});
58+
document.getElementById("confirmBtn").addEventListener('tap', function() {
59+
var btnArray = ['是', '否'];
60+
mui.confirm('MUI是个好框架，确认？', 'Hello MUI', btnArray, function(e) {
61+
if (e.index == 0) {
62+
info.innerText = '你刚确认MUI是个好框架';
63+
} else {
64+
info.innerText = 'MUI没有得到你的认可，继续加油'
65+
}
66+
})
67+
});
68+
document.getElementById("promptBtn").addEventListener('tap', function(e) {
69+
e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
70+
var btnArray = ['确定', '取消'];
71+
mui.prompt('请输入你对MUI的评语：', '性能好', 'Hello MUI', btnArray, function(e) {
72+
if (e.index == 0) {
73+
info.innerText = '谢谢你的评语：' + e.value;
74+
} else {
75+
info.innerText = '你点了取消按钮';
76+
}
77+
})
78+
});
79+
document.getElementById("toastBtn").addEventListener('tap', function() {
80+
mui.toast('欢迎体验Hello MUI');
81+
});
82+
document.getElementById("pickDateBtn").addEventListener('tap', function() {
83+
var dDate = new Date();
84+
dDate.setFullYear(2014, 7, 16);
85+
var minDate = new Date();
86+
minDate.setFullYear(2010, 0, 1);
87+
var maxDate = new Date();
88+
maxDate.setFullYear(2016, 11, 31);
89+
plus.nativeUI.pickDate(function(e) {
90+
var d = e.date;
91+
info.innerText = '您选择的日期是:' + d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
92+
}, function(e) {
9493
info.innerText = "您没有选择日期";
95-
},{title:"请选择日期",date:dDate,minDate:minDate,maxDate:maxDate});
94+
}, {
95+
title: "请选择日期",
96+
date: dDate,
97+
minDate: minDate,
98+
maxDate: maxDate
99+
});
96100
})
97-
document.getElementById("pickTimeBtn").addEventListener('tap',function () {
98-
var dTime=new Date();
99-
dTime.setHours(6,0);
100-
plus.nativeUI.pickTime(function(e){
101-
var d=e.date;
102-
info.innerText = "您选择的时间是："+d.getHours()+":"+d.getMinutes();
103-
},function (e){
104-
info.innerText = "您没有选择时间"
105-
},{title:"请选择时间",is24Hour:true,time:dTime});
101+
document.getElementById("pickTimeBtn").addEventListener('tap', function() {
102+
var dTime = new Date();
103+
dTime.setHours(6, 0);
104+
plus.nativeUI.pickTime(function(e) {
105+
var d = e.date;
106+
info.innerText = "您选择的时间是：" + d.getHours() + ":" + d.getMinutes();
107+
}, function(e) {
108+
info.innerText = "您没有选择时间"
109+
}, {
110+
title: "请选择时间",
111+
is24Hour: true,
112+
time: dTime
113+
});
106114
});
107115
</script>
108116
</body>
117+
109118
</html>

0 commit comments

Comments
 (0)