Skip to content

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

解决hello mui点击圆形图标时，取值错误的bug

parent a6103f68
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 25 deletions
dist/css/mui.css
View file @ ee023d26
......@@ -1087,7 +1087,7 @@ input[type="submit"]:enabled:active, input[type="submit"].mui-active:enabled,
height: 44px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
border-bottom: 0;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
box-shadow: 0 0 1px rgba(0, 0, 0, .85);
......@@ -2564,7 +2564,7 @@ select:focus {
z-index: 999;
display: none;
width: 280px;
background-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
border-radius: 7px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
......@@ -2592,7 +2592,7 @@ select:focus {
width: 26px;
height: 26px;
content: ' ';
background: rgba(247, 247, 247, .98);
background: #f7f7f7;
border-radius: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
......@@ -2718,7 +2718,7 @@ select:focus {
margin-bottom: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
background-image: none;
border-radius: 7px;
}
......@@ -3055,8 +3055,8 @@ select:focus {
content: "Off";
}
.mui-switch.mui-dragging {
background-color: rgba(247, 247, 247, .98);
border-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
border-color: #f7f7f7;
}
.mui-switch.mui-dragging .mui-switch-handle {
width: 38px;
......
dist/css/mui.min.css
View file @ ee023d26
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/js/mui.js
View file @ ee023d26
......@@ -681,6 +681,7 @@ var mui = (function(document, undefined) {
clickEvent.initMouseEvent('click', true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
clickEvent.forwardedTouchEvent = true;
targetElement.dispatchEvent(clickEvent);
event.detail && event.detail.gesture.preventDefault();
}
};
window.addEventListener('tap', dispatchEvent);
......@@ -6355,10 +6356,17 @@ var mui = (function(document, undefined) {
var Numbox = $.Numbox = $.Class.extend({
init: function(holder, options) {
var self = this;
if (!holder) {
throw "构造 numbox 时缺少容器元素";
}
self.holder = holder;
//避免重复初始化开始
if (self.holder.__numbox_inited) return;
self.holder.__numbox_inited = true;
//避免重复初始化结束
options = options || {};
options.step = parseInt(options.step || 1);
self.options = options;
self.holder = holder;
self.input = $.qsa('.' + inputClassName, self.holder)[0];
self.plus = $.qsa('.' + plusClassName, self.holder)[0];
self.minus = $.qsa('.' + minusClassName, self.holder)[0];
......
dist/js/mui.min.js
View file @ ee023d26
This source diff could not be displayed because it is too large. You can view the blob instead.
examples/hello-mui/css/mui.css
View file @ ee023d26
......@@ -1087,7 +1087,7 @@ input[type="submit"]:enabled:active, input[type="submit"].mui-active:enabled,
height: 44px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
border-bottom: 0;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
box-shadow: 0 0 1px rgba(0, 0, 0, .85);
......@@ -2564,7 +2564,7 @@ select:focus {
z-index: 999;
display: none;
width: 280px;
background-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
border-radius: 7px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
......@@ -2592,7 +2592,7 @@ select:focus {
width: 26px;
height: 26px;
content: ' ';
background: rgba(247, 247, 247, .98);
background: #f7f7f7;
border-radius: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
......@@ -2718,7 +2718,7 @@ select:focus {
margin-bottom: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
background-image: none;
border-radius: 7px;
}
......@@ -3055,8 +3055,8 @@ select:focus {
content: "Off";
}
.mui-switch.mui-dragging {
background-color: rgba(247, 247, 247, .98);
border-color: rgba(247, 247, 247, .98);
background-color: #f7f7f7;
border-color: #f7f7f7;
}
.mui-switch.mui-dragging .mui-switch-handle {
width: 38px;
......
examples/hello-mui/css/mui.min.css
View file @ ee023d26
This source diff could not be displayed because it is too large. You can view the blob instead.
examples/hello-mui/js/mui.js
View file @ ee023d26
......@@ -681,6 +681,7 @@ var mui = (function(document, undefined) {
clickEvent.initMouseEvent('click', true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
clickEvent.forwardedTouchEvent = true;
targetElement.dispatchEvent(clickEvent);
event.detail && event.detail.gesture.preventDefault();
}
};
window.addEventListener('tap', dispatchEvent);
......@@ -6355,10 +6356,17 @@ var mui = (function(document, undefined) {
var Numbox = $.Numbox = $.Class.extend({
init: function(holder, options) {
var self = this;
if (!holder) {
throw "构造 numbox 时缺少容器元素";
}
self.holder = holder;
//避免重复初始化开始
if (self.holder.__numbox_inited) return;
self.holder.__numbox_inited = true;
//避免重复初始化结束
options = options || {};
options.step = parseInt(options.step || 1);
self.options = options;
self.holder = holder;
self.input = $.qsa('.' + inputClassName, self.holder)[0];
self.plus = $.qsa('.' + plusClassName, self.holder)[0];
self.minus = $.qsa('.' + minusClassName, self.holder)[0];
......
examples/hello-mui/js/mui.min.js
View file @ ee023d26
This source diff could not be displayed because it is too large. You can view the blob instead.
examples/hello-mui/js/mui.view.js
View file @ ee023d26
......@@ -604,10 +604,10 @@
if (!id) {
id = ++$.uuid;
$.data[id] = viewApi = new View(self, options);
self.setAttribute('data-view', id);
} else {
viewApi = $.data[id];
}
return viewApi;
}
})(mui, window);
\ No newline at end of file
js/mui.fixed.fastclick.js
View file @ ee023d26
......@@ -40,6 +40,7 @@
clickEvent.initMouseEvent('click', true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
clickEvent.forwardedTouchEvent = true;
targetElement.dispatchEvent(clickEvent);
event.detail && event.detail.gesture.preventDefault();
}
};
window.addEventListener('tap', dispatchEvent);
......
js/mui.number.js
View file @ ee023d26
......@@ -18,10 +18,17 @@
var Numbox = $.Numbox = $.Class.extend({
init: function(holder, options) {
var self = this;
if (!holder) {
throw "构造 numbox 时缺少容器元素";
}
self.holder = holder;
//避免重复初始化开始
if (self.holder.__numbox_inited) return;
self.holder.__numbox_inited = true;
//避免重复初始化结束
options = options || {};
options.step = parseInt(options.step || 1);
self.options = options;
self.holder = holder;
self.input = $.qsa('.' + inputClassName, self.holder)[0];
self.plus = $.qsa('.' + plusClassName, self.holder)[0];
self.minus = $.qsa('.' + minusClassName, self.holder)[0];
......
sass/variables.scss
View file @ ee023d26
......@@ -20,7 +20,8 @@ $line-height-default: 21px !default;
$primary-color: #007aff !default;
//green theme
//$primary-color: #4cd964 !default;
$chrome-color: rgba(247,247,247,.98) !default;
//$chrome-color: rgba(247,247,247,.98) !default;
$chrome-color: rgb(247,247,247) !default;
// Action colors
$default-color: #929292 !default;
......
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