init

src/assets/css/base.less

@@ -0,0 +1,149 @@
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+button,
+textarea,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: #fff;
+  color: #495060;
+  font-size: 14px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+td,
+th,
+caption {
+  font-size: 14px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: normal;
+  font-size: 100%;
+}
+
+a {
+  color: #495060;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+img {
+  border: none;
+}
+
+ol,
+ul,
+li {
+  list-style: none;
+}
+
+input,
+textarea,
+select,
+button {
+  font: 14px Verdana, Helvetica, Arial, sans-serif;
+}
+
+html {
+  overflow-y: auto;
+}
+
+/*滚动条整体样式*/
+*::-webkit-scrollbar {
+  width: 10px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 10px;
+}
+
+*::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 5px;
+  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
+  background: #9ca6bb;
+}
+
+*::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+  background: #dcdee2;
+}
+
+.ml(@i) when(@i <= 300) {
+  .ml@{i} {
+    margin-left: @i + 0px;
+  }
+  .ml((@i + 5));
+}
+
+.ml(5);
+
+.mt(@i) when(@i <= 100) {
+  .mt@{i} {
+    margin-top: @i + 0px;
+  }
+  .mt((@i + 5));
+}
+
+.mt(5);
+
+.pa(@i) when(@i <= 100) {
+  .pa@{i} {
+    padding: @i + 0px;
+  }
+  .pa((@i + 5));
+}
+
+.pa(5);
+
+.w(@i) when(@i <= 100) {
+  .w@{i} {
+    width: @i + 0%;
+  }
+  .w((@i + 5));
+}
+
+.w(5);
+
+.h(@i) when(@i <= 100) {
+  .h@{i} {
+    height: @i + 0%;
+  }
+  .h((@i + 5));
+}
+
+.h(5);