新增城市联动模板

dcloudio · May 20, 2015 · c84e518 · c84e518
1 parent 2b1387f
commit c84e518
Show file tree

Hide file tree

Showing 14 changed files with 787 additions and 41 deletions.
diff --git a/dist/css/mui.css b/dist/css/mui.css
@@ -2229,13 +2229,15 @@ select:focus {
   display: inline-block;
   float: none;
   width: 100%;
+  padding-right: 58px;
 }
 
 .mui-radio.mui-left input[type="radio"], .mui-checkbox.mui-left input[type="checkbox"] {
   left: 20px;
 }
 
 .mui-radio.mui-left label, .mui-checkbox.mui-left label {
+  padding-right: 15px;
   padding-left: 58px;
 }
 

diff --git a/dist/css/mui.min.css b/dist/css/mui.min.css
diff --git a/examples/hello-mui/css/mui.css b/examples/hello-mui/css/mui.css
@@ -2229,13 +2229,15 @@ select:focus {
   display: inline-block;
   float: none;
   width: 100%;
+  padding-right: 58px;
 }
 
 .mui-radio.mui-left input[type="radio"], .mui-checkbox.mui-left input[type="checkbox"] {
   left: 20px;
 }
 
 .mui-radio.mui-left label, .mui-checkbox.mui-left label {
+  padding-right: 15px;
   padding-left: 58px;
 }
 

diff --git a/examples/hello-mui/css/mui.listpicker.css b/examples/hello-mui/css/mui.listpicker.css
@@ -0,0 +1,70 @@
+/**
+ * 选择列表插件
+ * varstion 1.0.0
+ * by Houfeng
+ * [email protected]
+ */
+
+.mui-listpicker {
+	position: relative;
+	border: solid 1px #ccc;
+	padding: 0px;
+	margin: 3px;
+	height: 200px;
+	background-color: #fff;
+	overflow: hidden;
+	border-radius: 3px;
+}
+.mui-listpicker .mui-listpicker-inner {
+	width: 100%;
+	height: 100%;
+	overflow-y: auto;
+	-webkit-overflow-scrolling: touch;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	z-index: 1;
+	border-radius: 3px;
+}
+.mui-listpicker .mui-listpicker-inner-ios {
+	width: calc(100% + 8px);
+	padding-right: 8px;
+}
+.mui-listpicker .mui-listpicker-inner::-webkit-scrollbar {
+	width: 0px;
+	height: 0px;
+	visibility: hidden;
+}
+.mui-listpicker ul {
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+	position: relative;
+}
+.mui-listpicker ul li {
+	position: relative;
+	padding: 8px;
+	text-align: center;
+	color: #555;
+}
+.mui-listpicker ul li:last-child {
+	border-bottom: none;
+}
+.mui-listpicker ul li::first-child {
+	border-top: none;
+}
+.mui-listpicker .mui-listpicker-rule {
+	position: absolute;
+	border: solid 1px #ccc;
+	border-left: none;
+	border-right: none;
+	background-color: #dfd;
+	opacity: 0.5;
+	width: 100%;
+	left: 0px;
+	top: 50%;
+	z-index: 0;
+}
+.mui-listpicker .mui-listpicker-highlight {
+	color: green;
+}
diff --git a/examples/hello-mui/css/mui.min.css b/examples/hello-mui/css/mui.min.css