init project

src/assets/style/variable.less

@@ -0,0 +1,44 @@
+@tuiColors: {
+	red: #F33;
+	pink: #FF7A9B;
+	black: #111;
+	blue: #006EFF;
+	light-blue: #00A6FF;
+	green: GREEN;
+	orange: #E7913B;
+	gray: #666;
+	light-gray: #AAA;
+	white: #FFF;
+	dark-white: #E7EAEF;
+	yellow: #FF0;
+	purple: PURPLE;
+	transparent: transparent;
+}
+
+:root {
+	--tui-font: PingFang SC, Microsoft YaHei, Arial Regular;
+
+	--tui-shadow: 3px 3px 12px var(--tui-shadow-color);
+	--tui-bezier: cubic-bezier(.19, .1, .22, 1);
+	--tui-shadow-color: rgba(0, 0, 0, .2);
+
+	each(@tuiColors, {
+		--tui-@{key}: @value;
+	});
+	--tui-border: 1px solid var(--tui-light-gray);
+	--tui-page-padding: .5rem 1rem;
+}
+
+// 字体颜色
+each(@tuiColors, {
+	.@{key} {
+		color: @value;
+	}
+});
+
+// 背景颜色
+each(@tuiColors, {
+	.bg-@{key} {
+		background: @value;
+	}
+});