login

付延余

2022-04-08 b76e7f30d9cf4258db4c2e4c77183edb10db0019

 src/pages/components/showIndexTitle.vue

@@ -1,7 +1,12 @@
<template>
    <div class="showIndexTitle-wrap">
      <h1 class="title">石家庄人社局业务运行数据分析平台</h1>
      <el-menu :default-active="$route.path" router mode="horizontal" class="el-menu-demo">
    <el-menu
      :default-active="$route.path"
      router
      mode="horizontal"
      class="el-menu-demo"
    >
        <div class="showIndex-left">
          <el-menu-item index="/index">
            <div class="showIndex-block">
@@ -33,7 +38,6 @@
              <h1>其它业务</h1>
            </div>
          </el-menu-item>

        </div>
        <div class="showIndex-right">
          <el-menu-item>
@@ -56,7 +60,7 @@
              <h1>文档中心</h1>
            </div>
          </el-menu-item>
          <el-menu-item>
        <el-menu-item index="/login">
            <div class="showIndex-block">
              <h1>退出登录</h1>
            </div>
@@ -69,12 +73,13 @@
<script>
    export default {
        name: "showIndexTitle"
    }
};
</script>

<style lang="scss">
  .showIndexTitle-wrap{
    .el-menu-item:focus, .el-menu-item:hover{
  .el-menu-item:focus,
  .el-menu-item:hover {
      background-color:transparent;
    }
    /*.el-menu-item:focus{*/
@@ -100,17 +105,17 @@
      border-bottom: 0;
    }
  }

</style>
<style lang="scss" scoped>
  .showIndexTitle-wrap{
    width: 100%;
    height: 9rem  /* 90/10 */;
    background:url("../../assets/images/jiashicang-title-bj.png") no-repeat center;
  background: url("../../assets/images/jiashicang-title-bj.png") no-repeat
    center;
    background-size: 100% 100%;
    .title{
      font-size: 3rem  /* 30/10 */;
      font-family: 'Source Han Sans CN';
    font-family: "Source Han Sans CN";
      color: #fff;
      text-align: center;
      line-height: 7rem  /* 70/10 */;
@@ -152,7 +157,6 @@
        }
      }
      .menu-active{

      }
    }
  }