缓存线盘点

common/style/layout.css

@@ -39,9 +39,9 @@ uni-button:after {
 }
 .search-label{
 	width: 160rpx;
-	height: 90rpx;
+	height: 86rpx;
 	font-size: 32rpx;
-	line-height: 90rpx;
+	line-height: 86rpx;
 	color: #323232;
 	text-align: justify;
 	text-align-last: justify;
@@ -93,7 +93,7 @@ uni-button:after {
 }
 .grid-wrap{
 	width: 100%;
-	height: calc(100% - 420rpx); /** 88+ 30*4+ 86*2*/
+	height: calc(100% - 410rpx); /** 88+ 30*5+ 86*2 */
 	padding: 0 30rpx 30rpx 30rpx;
 	overflow-y: scroll;
 }
@@ -130,4 +130,81 @@ uni-button:after {
     line-height: 44rpx;
     font-size: 24rpx;
     padding: 0 10rpx;
+}
+.status-wrap {
+	width: 48%;
+	height: 86rpx;
+	padding: 0 30rpx;
+	display: flex;
+	justify-content:  flex-end;
+	align-items: center;
+	margin-top: 30rpx;
+}
+.status-item {
+	display: flex;
+	align-items: center;
+	margin-left: 20rpx;
+}
+.status-icon {
+	width: 40rpx;
+	height: 40rpx;
+	border-radius: 4rpx;
+	margin-right: 10rpx;
+}
+.status-txt {
+	font-size: 32rpx;
+	line-height: 86rpx;
+	color: #323232; 
+}
+.bg-gray {
+	background-color: #c9c9c9;
+}
+.bg-green {
+	background-color: #6CBE8B;
+}
+.bg-yellow {
+	background-color: #E9B451;
+}
+.bg-red {
+	background-color: #ff6a00;
+}
+.material-wrap {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	align-content: flex-start;
+	align-items: flex-start;
+	width: calc(100% - 60rpx);
+	height: calc(100% - 324rpx);/** 88+30*4+86 */
+	margin: 30rpx auto;
+	padding: 30rpx 30rpx 0 30rpx;
+	overflow-y: auto;
+	background-color: #fff;
+	border-radius: 12rpx;
+}
+.material-item {
+	width: 8.2%;
+	margin-right: 2%;
+	margin-bottom: 30rpx;
+	padding: 15rpx 15rpx;
+	border-radius: 12rpx;
+}
+.material-item:nth-child(10n) {
+	margin-right: 0;
+}
+.material-title {
+	font-size: 32rpx;
+	line-height: 45rpx;
+	height: 45rpx;
+	text-align: center;
+	color: #fff;
+	overflow: hidden;
+}
+.material-spec {
+	font-size: 32rpx;
+	line-height: 45rpx;
+	height: 90rpx;
+	text-align: center;
+	color: #fff;
+	overflow: hidden;
 }