初始项目

mallplusui-web-pc/src/assets/style/common.scss

@@ -0,0 +1,72 @@
+.w {
+  width: 1220px;
+  margin: 0 auto;
+}
+
+.fl {
+  float: left;
+}
+
+.fr {
+  float: right;
+}
+
+.pr {
+  position: relative;
+}
+
+.pa {
+  position: absolute;
+}
+
+.active {
+  color: #c81623;
+}
+
+.clearfix:after {
+  content: '';
+  display: block;
+  clear: both;
+  line-height: 0;
+  visibility: hidden;
+}
+
+.clearfix {
+  *zoom: 1
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// 删除按钮
+.del-btn {
+  display: block;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  background: url(/static/images/account-icon@2x.32d87deb02b3d1c3cc5bcff0c26314ac.png) -50px -60px no-repeat;
+  background-size: 240px 107px;
+  text-indent: -9999em;
+  &:hover {
+    background-position: -75px -60px;
+  }
+}
+
+.layout-container {
+  min-height: 400px;
+  background: #E6E6E6;
+}
+
+.gray-box {
+  overflow: hidden;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #dcdcdc;
+  border-color: rgba(0, 0, 0, .14);
+  box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .1);
+}
+
+

mallplusui-web-pc/src/assets/style/index.scss

@@ -0,0 +1,3 @@
+// @import "reset";
+@import "./reset.scss";
+@import "common";

mallplusui-web-pc/src/assets/style/mixin.scss

@@ -0,0 +1,10 @@
+%block-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@mixin wh($w,$h:$w) {
+  width: $w;
+  height: $h;
+}

mallplusui-web-pc/src/assets/style/reset.scss

@@ -0,0 +1,66 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, \\5FAE\8F6F\96C5\9ED1, STHeiti, \\534E\6587\7EC6\9ED1, sans-serif;
+  color: #666;
+  font-size: 14px;
+}
+
+a {
+  font-style: normal;
+  text-decoration: none;
+  color: #5079d9;
+  cursor: pointer;
+  transition: all .15s ease-out;
+  &:hover {
+    color: #6b95ea;
+  }
+}
+
+li {
+  list-style-type: none;
+}
+
+input,
+img,
+button {
+  border: none;
+  outline: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 100%;
+  font-weight: 400;
+}
+
+i, em {
+  font-style: normal;
+}
+
+input[type=number], textarea {
+  -moz-appearance: textfield;
+}
+
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button,
+input[type="submit"],
+input[type="search"],
+input[type="reset"] {
+  -webkit-appearance: none;
+}
+::-webkit-input-placeholder { /* WebKit browsers */
+    color:    #BEBEBE;
+}
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color:    #BEBEBE;
+}
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color:    #BEBEBE;
+}
+:-ms-input-placeholder { /* Internet Explorer 10+ */
+    color:    #BEBEBE;
+}

mallplusui-web-pc/src/assets/style/theme.scss

@@ -0,0 +1,10 @@
+// 主色
+$main-col: #5079d9;
+// 头部
+$head-bgc: #1a1a1a;
+// 字体颜色
+$cc: #ccc;
+$c6: #666;
+$c9: #999;
+$c3: #333;
+$cf: #fff