调整项目框架

static/css/app.css

@@ -0,0 +1,78 @@
+/* 检索部分 */
+.columnFlex{
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	box-sizing: border-box;
+}
+.headerView{
+	padding: 10px 0;
+	flex-basis: 40px;
+}
+.searchBox .searchView{
+	position: relative;
+}
+.searchBox .searchInput{
+	display: flex;
+	flex-direction: row;
+}
+.searchBox .searchInput .input{
+	border-radius: 20px;
+	padding: 7px 13px 7px 13px;
+	flex: 1;
+}
+.searchBox .searchInput .filter{
+	flex-basis: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+}
+.headerViewFixed{
+	position: fixed;
+	left: 14px;
+	top: 0;
+	z-index: 100;
+	width: calc(100% - 28px);
+}
+.flexBox{
+	flex: 1;
+}
+.scrollView{
+	height: 100%;
+}
+
+
+
+/* 加载更多部分 */
+.noData{
+	margin: 50% auto;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+.noData .imgView .img{
+	width: 180px;
+	height: 138px;
+}
+.noData .text{
+	margin-top: 10px;
+}
+.loadBox{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 20px;
+}
+.loadBox .text{
+	margin-left: 8px;
+}
+.loadBox .icon{
+	animation: spin 0.6s linear infinite;
+}
+@keyframes spin {
+	to {
+		transform: rotate(360deg);
+	}
+}