Commit 836c44a3 authored by hbcui1984's avatar hbcui1984

解决Android 4.2.x版本,开关控件在滑动过程中圆角变方角的问题

parent 337bd52e
/*! /*!
* ===================================================== * =====================================================
* Mui v0.6.0 (https://github.com/dcloudio/mui) * Mui v0.7.0 (https://github.com/dcloudio/mui)
* ===================================================== * =====================================================
*/ */
...@@ -1784,6 +1784,7 @@ select:focus { ...@@ -1784,6 +1784,7 @@ select:focus {
.mui-input-row { .mui-input-row {
overflow: hidden; overflow: hidden;
clear: left;
} }
.mui-input-row select { .mui-input-row select {
padding: 10px 15px 0 15px; padding: 10px 15px 0 15px;
...@@ -2355,11 +2356,13 @@ select:focus { ...@@ -2355,11 +2356,13 @@ select:focus {
.mui-pagination > li:first-child > a, .mui-pagination > li:first-child > a,
.mui-pagination > li:first-child > span { .mui-pagination > li:first-child > span {
margin-left: 0; margin-left: 0;
background-clip: padding-box;
border-top-left-radius: 6px; border-top-left-radius: 6px;
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
} }
.mui-pagination > li:last-child > a, .mui-pagination > li:last-child > a,
.mui-pagination > li:last-child > span { .mui-pagination > li:last-child > span {
background-clip: padding-box;
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
...@@ -2418,6 +2421,7 @@ select:focus { ...@@ -2418,6 +2421,7 @@ select:focus {
display: inline-block; display: inline-block;
padding: 5px 14px; padding: 5px 14px;
background-color: #fff; background-color: #fff;
background-clip: padding-box;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 6px; border-radius: 6px;
} }
...@@ -2503,7 +2507,7 @@ select:focus { ...@@ -2503,7 +2507,7 @@ select:focus {
font-size: 14px; font-size: 14px;
vertical-align: top; vertical-align: top;
} }
.mui-slider .mui-slider-group .mui-slider-item a { .mui-slider .mui-slider-group .mui-slider-item > a {
position: relative; position: relative;
display: block; display: block;
line-height: 0; line-height: 0;
...@@ -2589,6 +2593,7 @@ select:focus { ...@@ -2589,6 +2593,7 @@ select:focus {
width: 74px; width: 74px;
height: 30px; height: 30px;
background-color: #fff; background-color: #fff;
background-clip: padding-box;
border: 2px solid #ddd; border: 2px solid #ddd;
border-radius: 20px; border-radius: 20px;
-webkit-transition-duration: .2s; -webkit-transition-duration: .2s;
...@@ -2604,6 +2609,7 @@ select:focus { ...@@ -2604,6 +2609,7 @@ select:focus {
width: 28px; width: 28px;
height: 28px; height: 28px;
background-color: #fff; background-color: #fff;
background-clip: padding-box;
border-radius: 16px; border-radius: 16px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
box-shadow: 0 2px 5px rgba(0, 0, 0, .4); box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
...@@ -2623,7 +2629,6 @@ select:focus { ...@@ -2623,7 +2629,6 @@ select:focus {
} }
.mui-switch.mui-active { .mui-switch.mui-active {
background-color: #4cd964; background-color: #4cd964;
background-clip: padding-box;
border-color: #4cd964; border-color: #4cd964;
} }
.mui-switch.mui-active .mui-switch-handle { .mui-switch.mui-active .mui-switch-handle {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -19,12 +19,9 @@ ...@@ -19,12 +19,9 @@
display: none; display: none;
} }
.mui-bar-nav~.mui-content{ .mui-bar-nav~.mui-content{
padding: 0; padding-top: 0;
} }
</style> </style>
<script>
mui.init();
</script>
</head> </head>
<body> <body>
......
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