add

src/assets/css/index.less

-/* 用来存储公用的less */
+/* 用来存储公用的less */
\ No newline at end of file
+html,
+body,
+div,
+ul,
+li,
+ol,
+dl,
+dd,
+dt,
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+fieldset,
+legend,
+img,
+button,
+a {
+  margin: 0;
+  padding: 0;
+  color: #333;
+  font-family: "微软雅黑", "宋体";
+  box-sizing: border-box;
+  font-weight: normal;
+  font-size: 12px;
+}
+
+body {
+  background: #ffffff;
+}
\ No newline at end of file

src/router/index.ts

 import Vue from 'vue'
 import Vue from 'vue'
 import VueRouter, { RouteConfig } from 'vue-router'
 import VueRouter, { RouteConfig } from 'vue-router'
 import Home from '../views/Home.vue'
 import Home from '../views/Home.vue'
+import SelectIdentity from '../views/select-identity.vue'
 
 
 Vue.use(VueRouter)
 Vue.use(VueRouter)
 
 
@@ -9,9 +10,15 @@ Vue.use(VueRouter)
     path: '/',
     path: '/',
     name: 'Home',
     name: 'Home',
     component: Home
     component: Home
+  },
+  {
+    path: '/select-identity',
+    name: 'SelectIdentity',
+    component: SelectIdentity
   }
   }
 ]
 ]
 
 
+
 const router = new VueRouter({
 const router = new VueRouter({
   mode: 'history',
   mode: 'history',
   base: process.env.BASE_URL,
   base: process.env.BASE_URL,

src/views/select-identity.vue

+<template>
+  <div class="si-box">
+    <!-- <a class="si-child" id="company-employee" href="">
+            <img src="..\resources\images\agent\company-employee.png" alt="">
+            <div class="si-child-desc">
+                <h4>我是企业员工</h4>
+                <p>可查看专项订单服务，使用职场小工具</p>
+            </div>
+    </a>-->
+    <a class="si-child" id="dispatch-employee" href>
+      <img src="../assets/images/agent/company-employee.png" alt />
+      <div class="si-child-desc">
+        <h4>我是派遣员工</h4>
+        <p>可查看编辑自己的劳务派遣员工档案信息</p>
+      </div>
+    </a>
+    <a class="si-child" id="flex-employee" href>
+      <img src="../assets/images/agent/company-employee.png" alt />
+      <div class="si-child-desc">
+        <h4>我是灵活用工员工</h4>
+        <p>可查看灵活用工人员任务信息</p>
+      </div>
+    </a>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="less">
+.si-box {
+  width: 34.3rem;
+  margin: 6rem auto 0;
+  .si-child {
+    display: block;
+    width: 100%;
+    height: 10rem;
+    margin-bottom: 2.4rem;
+    background: rgba(248, 248, 248, 1);
+    border-radius: 6px;
+    display: flex;
+  }
+}
+
+.si-child img {
+  width: 8rem;
+  height: 8rem;
+  margin-left: 1rem;
+  margin-top: 2rem;
+}
+.si-child-desc {
+  width: 25.3rem;
+  height: 100%;
+  padding-left: 1rem;
+  padding-top: 3rem;
+}
+.si-child-desc h4 {
+  color: #3d4047;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+}
+.si-child-desc p {
+  color: #95989e;
+  font-size: 1.3rem;
+  line-height: 1.8rem;
+  margin-top: 1rem;
+}
+</style>
\ No newline at end of file