规则修改

src/components/bench-views/WorkHead.vue

@@ -19,59 +19,54 @@
<script>
	export default {
		
	}
	};
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import '../../common/stylus/mixin'
    .workHeader
      .workHeaderWrapper
        width: 100%
        height: 60px
        background: #fff
        border-bottom: 2px solid #e5e5e5
        box-sizing: border-box
        position: fixed
        top: 0
        left: 0
        right: 0
        z-index: 1000
        font-size: 16px
        line-height: 32px
        display: flex
        display: -webkit-flex
        justify-content: center
      .workHeaderMain
        width: 1100px
        padding: 0 10px
        display: flex
        display: -webkit-flex
        justify-content: space-between
        li
          display: flex
          align-items: center
	.workHeader
	  .workHeaderWrapper
	    width:100%
	    height:60px
	    background:#fff
	    border-bottom:2px solid #e5e5e5
	    box-sizing:border-box
	    position:fixed
	    top:0
	    left:0
	    right:0
	    z-index:1000
	    font-size:16px
	    line-height:32px
	    display:flex
	    display:-webkit-flex
	    justify-content:center
	  .workHeaderMain
	    width:1100px
	    padding:0 10px
	    display:flex
	    display:-webkit-flex
	    justify-content:space-between
	    li
	      display:flex
	      display:-webkit-flex
	      align-items:center
		    .kexiuLogo
		      width:60px
		      height:30px
		      bg-image('./img/home_icon_logo_orange.png')
		      background-size:contain
		      overflow:hidden
		    .loginLogo
		      overflow:hidden
		      border:1px solid #e5e5e5
		      vertical-align:middle
		      text-align:center
		      cursor:pointer
		      border-radius:4px
		      display:table-cell
		      width:42px
		      height:42px
		      img
		        max-width:40px
		        max-height:100%
		        overflow-y:hidden
		        color:transparent  
</style>
          .kexiuLogo
            width: 60px
            height: 30px
            bg-image('./img/home_icon_logo_orange.png')
            background-size: contain
            overflow: hidden
          .loginLogo
            display: flex
            align-items: center
            cursor: pointer
            border: 1px solid #e5e5e5
            width: 42px
            height: 42px
            img
              display:block
              max-width: 40px
              max-height: 100%
</style>

src/components/bench-views/WorkHome.vue

@@ -1,3 +1,3 @@
<template>
	<div>我是工作台主页</div>
</template>
  <div>我是工作台主页</div>
</template>

src/router/router.js

@@ -57,18 +57,18 @@ export const otherRouter = {
};
// 作为工作台bench子页面展示
export const appRouter ={
export const appRouter = {
  path: '/',
  name: 'appRouter',
  component: WorkMain,
  children: [
    {
      path:  "WorkHome",
      titile:  '平台主页',
      path: 'WorkHome',
      titile: '平台主页',
      component: () => import('@/components/bench-views/WorkHome.vue')
    }
  ]
}
};
// 所有上面定义的路由都要写在下面的routers里
export const routers = [