样式

common/style/layout.css

@@ -1,10 +1,10 @@
 page {
-    background-color: #F5F5F5 !important;
+    background-color: #f6f6f6 !important;
     min-height: 100% !important;
     height: 100% !important;
 }
 uni-page-body {
-	background-color: #F5F5F5 !important;
+	background-color: #f6f6f6 !important;
 	min-height: 100% !important;
 	height: 100% !important;
 }
@@ -42,27 +42,83 @@ uni-page-body {
 	color: #ff6a00;
 	border: 1rpx solid #ff6a00;
 }
-
-
-/* .open_icon::before {
-	content: '\ec0c'
-} */
+.icon_back {
+	font-size: 52rpx;
+	line-height: 52rpx;
+	color: #fff;
+}
+.icon_home {
+	font-size: 52rpx;
+	line-height: 52rpx;
+	color: #fff;
+}
 
 /** 内容 */
+.container {
+	width: 100%;
+	height: 100%;
+}
 .content {
 	width: 100%;
 	height: 100%;
-	padding: 0 24rpx;
+	padding: 92rpx 15rpx 82rpx 14rpx;
 }
-.container {
+.wrapper {
 	width: 100%;
-	height: calc(100% - 110rpx);
+	height: auto;
+	background-color: #fff;
+	border-radius: 24rpx;
+	padding: 14rpx;
+	margin-bottom: 20rpx;
+}
+.filter_item {
+	display: flex;
+	width: 100%;
+	margin-bottom: 10rpx;
+}
+.filter_item:last-child {
+	margin-bottom: 0;
+}
+.filter_label_wraper {
+	flex: none;
+	width: 140rpx;
+	text-align:justify;
+	text-align-last: justify;
+	text-justify: inter-ideograph;/*兼容ie*/
+}
+.filter_label {
+	display: block;
+	width: 140rpx;
+	line-height: 80rpx;
+	font-size: 28rpx;
+	color: #323232;
+	text-align:justify;
+	text-align-last: justify;
+	text-justify: inter-ideograph;/*兼容ie*/
+}
+.filter_input_wraper {
+	flex: 1;
+	height: 80rpx;
+	padding: 5rpx 0;
+	margin-left: 30rpx;
+}
+.filter_input {
+	width: 100%;
+	height: 70rpx;
+	line-height: 70rpx;
+	border-bottom: 1px solid #dcdfe6;
+	padding: 0 15rpx;
+	font-size: 28rpx;
+	color: #606266;
+	border-radius: 4rpx;
 }
 .grid-wraper {
 	width: 100%;
+}
+.slide_new {
+	width: 100%;
 	height: 100%;
-	padding-top: 15rpx;
-	overflow-y: scroll;
+	overflow-y: auto;
 }
 .slide_new table {
 	table-layout: fixed;
@@ -104,43 +160,37 @@ uni-page-body {
 	background: #fff;
 }
 
-/** 按钮 **/
-.btn {
-	font-size: 28rpx;
-	line-height: 60rpx;
-	color: #fff;
-	text-align: center;
-	padding: 0 2rpx;
-	background-color: #e74f1a;
-	border-radius: 5px;
-	cursor: pointer;
-}
-.btn&:disabled {
-	background-color: #c9c9c9 !important
-}  
-.btn-disabled {
-	background-color: #c9c9c9 !important
-}
 /** 提交栏 **/
 .submit-bar {
 	display: flex;
-	justify-content: space-between;
+	flex-wrap: wrap;
+	justify-content: flex-end;
 	align-items: center;
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	width: 100%;
+	z-index: 100;
 	background-color: #fff;
-	box-shadow: 0 0 20px 0 rgba(160,160,160,0.9);
+	padding-top: 15rpx;
+	box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7);
 }
 .submit-button {
-	flex: 1;
-	font-size: 28rpx;
-	line-height: 80rpx;
-	color: #fff;
+	font-size: 30rpx;
+	line-height: 52rpx;
+	color: #ff6a00;
 	text-align: center;
-	margin: 15rpx;
-	background-color: $red;
+	letter-spacing: 1rpx;
+	padding: 0 22rpx;
+	background-color: #fff;
+	border: 1px solid #ff6a00;
+	margin: 0 20rpx 15rpx 0;
+	border-radius: 30rpx;
+}
+.btn-disabled {
+	background-color: #c9c9c9;
+	border: 1px solid #c9c9c9;
+	color: #fff;
 }
   
 /** 弹窗 */

common/style/reset.css

@@ -24,6 +24,9 @@ input[type="button"], input[type="submit"], input[type="search"], input[type="re
 .hide {
 	display: none;
 }
+.vhide {
+	visibility:hidden;
+}
 .show {
 	display: block;
 }