初始项目

mallplusui-web-pc/src/assets/icon/iconfont.css

@@ -0,0 +1,35 @@
+
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1507378437149'); /* IE9*/
+  src: url('iconfont.eot?t=1507378437149#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
+  url('iconfont.ttf?t=1507378437149') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('iconfont.svg?t=1507378437149#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+[class^="el-icon"], [class*=" el-icon"] {
+  font-family:"iconfont" !important;
+  
+  /* 以下内容参照第三方图标库本身的规则 */
+  font-size: 16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.el-icon-password:before { content: "\e613"; }
+
+.el-icon-info:before { content: "\e61c"; }
+
+.el-icon-youhui:before { content: "\e612"; }
+
+.el-icon-address:before { content: "\e60b"; }
+
+.el-icon-order:before { content: "\e693"; }
+
+.el-icon-out:before { content: "\e6c9"; }
+
+.el-icon-user:before { content: "\e616"; }
+
+.el-icon-shouhou:before { content: "\e779"; }
+

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