社保卡征集收入及社保卡持卡人数页面

zhangxiaoxu123456

2022-04-13 b0e391f5488aead9e56dc725b69cd81ba36f917d

 src/pages/components/showIndexTitle.vue

@@ -33,14 +33,14 @@
            <h1>劳动关系</h1>
          </div>
        </el-menu-item>
        <el-menu-item>
        <el-menu-item index="/otherBusiness">
          <div class="showIndex-block">
            <h1>其它业务</h1>
          </div>
        </el-menu-item>
      </div>
      <div class="showIndex-right">
        <el-menu-item>
        <el-menu-item index="/businessPolicy">
          <div class="showIndex-block">
            <h1>营商政策</h1>
          </div>
@@ -91,15 +91,15 @@
  .el-menu-item.is-active {
    background: url("../../assets/images/menu-active.png") no-repeat center;
    background-size: 100% 100%;
    width: 12.8rem /* 128/10 */;
    height: 5rem;
    width: 0.5rem  /* 128/256 */;
    height: 0.1953125rem  /* 50/256 */;
  }
  .el-menu-item {
    background: url("../../assets/images/menu-normal.png") no-repeat center;
    background-size: 100% 100%;
    width: 12.8rem /* 128/10 */;
    height: 5rem;
    margin-right: 1.2rem /* 12/10 */;
    width: 0.5rem  /* 128/256 */;
    height: 0.1953125rem  /* 50/256 */;
    margin-right: 0.046875rem  /* 12/256 */;
  }
  .el-menu.el-menu--horizontal {
    border-bottom: 0;
@@ -109,22 +109,23 @@
<style lang="scss" scoped>
.showIndexTitle-wrap {
  width: 100%;
  height: 9rem /* 90/10 */;
  height: 0.3515625rem  /* 90/256 */;
  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-size: 0.1171875rem  /* 30/256 */;
    //font-family: "Source Han Sans CN";
    color: #fff;
    text-align: center;
    line-height: 7rem /* 70/10 */;
    line-height: 0.2734375rem  /* 70/256 */;
  }
  .showIndex-left {
    position: absolute;
    left: 1rem /* 10/10 */;
    top: -5rem /* 10/10 */;
    left: 0.0390625rem  /* 10/256 */;
    top: -0.1953125rem  /* -50/256 */;
    display: flex;
    z-index: 9;
    .showIndex-block {
      /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
      /*background-size: 100% 100%;*/
@@ -132,17 +133,18 @@
      /*height: 5rem;*/
      h1 {
        color: #fff;
        font-size: 2.4rem;
        font-size: 0.09375rem  /* 24/256 */;
        text-align: center;
        line-height: 5rem;
        line-height: 0.1953125rem  /* 50/256 */;
      }
    }
  }
  .showIndex-right {
    position: absolute;
    right: 1rem /* 10/10 */;
    top: -5rem /* 10/10 */;
    right: 0.0390625rem  /* 10/256 */;
    top: -0.1953125rem  /* -50/256 */;
    display: flex;
    z-index: 9;
    .showIndex-block {
      /*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
      /*background-size: 100% 100%;*/
@@ -151,9 +153,9 @@
      /*cursor: pointer;*/
      h1 {
        color: #fff;
        font-size: 2.4rem;
        font-size: 0.09375rem  /* 24/256 */;
        text-align: center;
        line-height: 5rem;
        line-height: 0.1953125rem  /* 50/256 */;
      }
    }
    .menu-active {