样式丢失

src/assets/less/serach.less

@@ -0,0 +1,115 @@
+.serch-wrap {
+	flex-direction: column;
+	.isempty{
+		text-align: center;
+		font-size:30px;
+		height:30px;
+		line-height: 30px;
+	}
+  .history-list {
+    flex-wrap: wrap;
+    .history-item {
+      height: 50px;
+      line-height: 50px;
+      padding: 0 22px;
+      color: #666;
+      font-size: 24px;
+      margin: 30px 20px 0 0;
+      background-color: #f3f3f3;
+      border-radius: 2px;
+    }
+  }
+  .search-content {
+    margin-top: 30px;
+    flex-direction: column;
+    padding: 0 30px;
+    .top-wrap {
+      justify-content: space-between;
+      text {
+        font-weight: bold;
+        color: #343434;
+        font-size: 32px;
+    	}
+			image{
+				width:40px;
+			}
+    }
+  }
+}
+.list-content{
+	margin-top: 40px;
+	.reslut-title{
+		color:#9a9a9a;
+		font-size: 26px;
+		padding: 0 0 40px 30px;
+	}
+}
+.search-top {
+  padding: 0 30px;
+  flex-direction: column;
+  width: 100%;
+  .serach-input {
+    height: 80px;
+    line-height: 80px;
+    font-size: 40px;
+    color: #333;
+    font-weight: bold;
+    border-bottom: 2px solid #e5e5e5;
+	}
+}
+
+.books-item__wrap {
+	background-color: #fff;
+	padding: 0px 24px;
+	margin-bottom: 30px;
+	flex-direction: column;
+
+	.book-info {
+		flex: 1;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: flex-start;
+		padding-left: 40px;
+
+		.name {
+			color: #333;
+			font-size: 32px;
+			lines: 1;
+			text-overflow: ellipsis;
+		}
+		
+		.status,
+		.words {
+			color: #999;
+			font-size: 26px;
+		}
+
+		.update {
+			align-items: center;
+
+			text {
+				font-size: 26px;
+				color: #ff6060;
+			}
+
+			.lastest {
+				color: #666;
+			}
+
+			image {
+				width: 30px;
+				height: 30px;
+				margin-left: 10px;
+			}
+		}
+
+		.intro {
+			font-size: 24px;
+			color: #666;
+			margin-top: 36px;
+			lines: 3;
+			text-overflow: ellipsis;
+			line-height: 36px;
+		}
+	}
+}