css

src/assets/css/login/index.less

+.user-box {
+  .head-box {
+    height: 80px;
+    background: #FFFFFF;
+    .head-wrap {
+      width: 1190px;
+      margin: 0 auto;
+
+      .logo {
+        width: 81px;
+        height: 39px;
+
+        img {
+          width: 81px;
+          height: 39px;
+        }
+      }
+
+      .text {
+        .t1 {
+          font-size: 14px;
+          color: #333333;
+          line-height: 19px;
+          margin-bottom: 4px;
+        }
+
+        .t2 {
+          font-size: 12px;
+          color: #666666;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

src/assets/css/login/index.min.css

+.user-box .head-box {
+  height: 80px;
+  background: #FFFFFF;
+}
+.user-box .head-box .head-wrap {
+  width: 1190px;
+  margin: 0 auto;
+}
+.user-box .head-box .head-wrap .logo {
+  width: 81px;
+  height: 39px;
+}
+.user-box .head-box .head-wrap .logo img {
+  width: 81px;
+  height: 39px;
+}
+.user-box .head-box .head-wrap .text .t1 {
+  font-size: 14px;
+  color: #333333;
+  line-height: 19px;
+  margin-bottom: 4px;
+}
+.user-box .head-box .head-wrap .text .t2 {
+  font-size: 12px;
+  color: #666666;
+}
+/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file

src/assets/css/login/index.min.css.map

+{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA,SACE;EACE,YAAA;EACA,mBAAA;;AAHJ,SACE,UAGE;EACE,aAAA;EACA,cAAA;;AANN,SACE,UAGE,WAIE;EACE,WAAA;EACA,YAAA;;AAVR,SACE,UAGE,WAIE,MAIE;EACE,WAAA;EACA,YAAA;;AAdV,SACE,UAGE,WAcE,MACE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;;AAvBV,SACE,UAGE,WAcE,MAQE;EACE,eAAA;EACA,cAAA","file":"index.min.css"}
\ No newline at end of file

src/assets/css/public/common.less

+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
 body,
 dl,
 dt,
@@ -9,12 +20,11 @@ pre,
 form,
 input,
 p,
-
 th,
 td {
-    font-weight: 400;
-    margin     : 0;
-    padding    : 0;
+  font-weight: 400;
+  margin: 0;
+  padding: 0;
 }
 
 h1,
@@ -23,58 +33,129 @@ h3,
 h4,
 h4,
 h5 {
-    margin : 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 body {
-    background-color: #f1f4fa;
-    color           : #333;
-    font-family     : "微软雅黑";
-    font-size       : 12px;
-    text-align      : left;
+  background-color: #f1f4fa;
+  color: #333;
+  font-family: "微软雅黑";
+  font-size: 12px;
+  text-align: left;
 }
 
 select {
-    font-size: 12px;
+  font-size: 12px;
 }
 
 table {
-    border-collapse: collapse;
+  border-collapse: collapse;
 }
 
 img {
-    border: 0 none;
+  border: 0 none;
 }
 
 em,
 strong,
 th,
 i {
-    font-style : normal;
-    font-weight: 400;
+  font-style: normal;
+  font-weight: 400;
 }
 
 ol,
 ul {
-    list-style-image   : none;
-    list-style-position: outside;
-    list-style-type    : none;
+  list-style-image: none;
+  list-style-position: outside;
+  list-style-type: none;
 }
 
 caption,
 th {
-    text-align: left;
+  text-align: left;
+}
+
+a {
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+img {
+  border: none;
+}
+
+em {
+  font-style: normal;
+}
+
+.clr {
+  zoom: 1;
+}
+
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+
+.fl {
+  float: left;
+  _display: inline;
 }
+
+.fr {
+  float: right;
+  _display: inline;
+}
+
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+
+.va-t {
+  vertical-align: top;
+}
+
+.va-m {
+  vertical-align: middle;
+}
+
+.va-b {
+  vertical-align: bottom;
+}
+
 /**element-ui 样式重写**/
-.el-message--info{
-    min-width:auto!important;
-    border:0px!important;
-    background: rgba(0,0,0,0.4)!important;
-    .el-icon-info{
-        display: none;
-    }
-    .el-message__content{
-        color:#fff!important;
-    }
+.el-message--info {
+  min-width: auto !important;
+  border: 0px !important;
+  background: rgba(0, 0, 0, 0.4) !important;
+
+  .el-icon-info {
+    display: none;
+  }
+
+  .el-message__content {
+    color: #fff !important;
+  }
 }
\ No newline at end of file

src/assets/css/public/common.min.css

-body,dl,dt,dd,ul,ol,li,pre,form,input,p,th,td{font-weight:400;margin:0;padding:0}h1,h2,h3,h4,h4,h5{margin:0;padding:0}body{background-color:#f1f4fa;color:#333;font-family:"微软雅黑";font-size:12px;text-align:left}select{font-size:12px}table{border-collapse:collapse}img{border:0 none}em,strong,th,i{font-style:normal;font-weight:400}ol,ul{list-style-image:none;list-style-position:outside;list-style-type:none}caption,th{text-align:left}.el-message--info{min-width:auto!important;border:0px!important;background:rgba(0,0,0,0.4) !important}.el-message--info .el-icon-info{display:none}.el-message--info .el-message__content{color:#fff !important}
\ No newline at end of file
+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+input,
+p,
+th,
+td {
+  font-weight: 400;
+  margin: 0;
+  padding: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h4,
+h5 {
+  margin: 0;
+  padding: 0;
+}
+body {
+  background-color: #f1f4fa;
+  color: #333;
+  font-family: "微软雅黑";
+  font-size: 12px;
+  text-align: left;
+}
+select {
+  font-size: 12px;
+}
+table {
+  border-collapse: collapse;
+}
+img {
+  border: 0 none;
+}
+em,
+strong,
+th,
+i {
+  font-style: normal;
+  font-weight: 400;
+}
+ol,
+ul {
+  list-style-image: none;
+  list-style-position: outside;
+  list-style-type: none;
+}
+caption,
+th {
+  text-align: left;
+}
+a {
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+img {
+  border: none;
+}
+em {
+  font-style: normal;
+}
+.clr {
+  zoom: 1;
+}
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+.fl {
+  float: left;
+  _display: inline;
+}
+.fr {
+  float: right;
+  _display: inline;
+}
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-b {
+  vertical-align: bottom;
+}
+/**element-ui 样式重写**/
+.el-message--info {
+  min-width: auto !important;
+  border: 0px !important;
+  background: rgba(0, 0, 0, 0.4) !important;
+}
+.el-message--info .el-icon-info {
+  display: none;
+}
+.el-message--info .el-message__content {
+  color: #fff !important;
+}
+/*# sourceMappingURL=common.min.css.map */
\ No newline at end of file

src/assets/css/public/common.min.css.map

+{"version":3,"sources":["common.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,gBAAA;EACA,SAAA;EACA,UAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;EACE,SAAA;EACA,UAAA;;AAGF;EACE,yBAAA;EACA,WAAA;EACA,aAAa,MAAb;EACA,eAAA;EACA,gBAAA;;AAGF;EACE,eAAA;;AAGF;EACE,yBAAA;;AAGF;EACE,cAAA;;AAGF;AACA;AACA;AACA;EACE,kBAAA;EACA,gBAAA;;AAGF;AACA;EACE,sBAAA;EACA,4BAAA;EACA,qBAAA;;AAGF;AACA;EACE,gBAAA;;AAGF;EACE,qBAAA;EACA,2BAAA;;AAGF;EACE,YAAA;;AAGF;EACE,kBAAA;;AAGF;EACE,OAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;;AAIF;EACE,0BAAA;EACA,sBAAA;EACA,8BAAA;;AAHF,iBAKE;EACE,aAAA;;AANJ,iBASE;EACE,WAAA","file":"common.min.css"}
\ No newline at end of file

src/router/index.js

 import Vue from 'vue'
 import VueRouter from 'vue-router'
-Vue.use(VueRouter)
+
+Vue.use(VueRouter);
+
 const routes = [
   //首页
   {
@@ -12,13 +14,22 @@ const routes = [
     },
     component: () => import('../views/Index/index.vue')
   },
+  {
+    path: '/login',
+    name: 'Login',
+    meta: {
+      title: '猎芯网 - 云芯系统登录',
+      back: true
+    },
+    component: () => import('../views/User/login.vue')
+  },
   /**错误页面重定向到首页**/
   {
     path: '*',
     redirect: '/',
   }
-  
-  
+
+
 ]
 
 const router = new VueRouter({

src/views/User/login.vue

+<template>
+    <div class="user-box">
+        <div class="head-box">
+            <div class="head-wrap">
+                <a href="" class="logo">
+                    <img src="../../assets/images/logo.png" alt=""/>
+                </a>
+                <div class="text">
+                    <p class="t1">云芯商家</p>
+                    <p class="t2">连接终端需求</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+  import Vue from 'vue';
+
+  export default {
+    name: "index",
+    data() {
+      return {};
+    },
+    watch: {},
+    created() {
+
+    },
+    computed: {},
+    methods: {}
+  };
+</script>
+<style scoped>
+    @import "../../assets/css/login/index.min.css";
+</style>
\ No newline at end of file