feat 搭建架构骨架

src/styles/mixins.less

@@ -0,0 +1,37 @@
+// 混合宏（flex、文本省略、滚动条）
+
+.flex(@direction: row; @justify: flex-start; @align: center) {
+  display: flex;
+  flex-direction: @direction;
+  justify-content: @justify;
+  align-items: @align;
+}
+
+.ellipsis() {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.multi-ellipsis(@lines: 2) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: @lines;
+  overflow: hidden;
+}
+
+.scrollbar(@width: 6px) {
+  &::-webkit-scrollbar {
+    width: @width;
+    height: @width;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: @border-color-dark;
+    border-radius: @radius-round;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}