初始化

common/css/flex.css

@@ -0,0 +1,48 @@
+.flex-center{
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.flex-start{
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.flex-end{
+		display: flex;
+		justify-content: flex-end;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.flex-colum{
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+	.flex-colum-start{
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: flex-start;
+	}
+	.flex-colum-end{
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: flex-end;
+	}
+	.flex-between{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.flex-around{
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		flex-wrap: wrap;
+	}

common/css/theme.scss

@@ -0,0 +1,15 @@
+/* 普通字体颜色 */
+$text-color: var(--text-color);
+/* 按钮字体颜色 */
+$text-color-reverse: var(--text-color-reverse);
+/* tab字体颜色 */
+$text-color-tab: var(--text-color-tab);
+
+/* 普通背景颜色 */
+$bg-color: var(--bg-color);
+
+/* 普通阴影颜色 */
+$bg-shadow: var(--bg-shadow);
+
+/* 主题颜色 */
+$theme-color: var(--theme-color);