zhongshujie
7 天以前 6182cfa388f258c6e076aa46e3849ca909985d8d
src/layout/index.vue
@@ -7,13 +7,8 @@
        <p>多维度数据库</p>
      </div>
      <div class="leftMenuList">
        <div
          class="menuItem"
          :class="{ active: $route.path == item.path }"
          v-for="(item, index) in menuList"
          :key="index"
          @click="$router.push(item.path)"
        >
        <div class="menuItem" :class="{ active: $route.path == item.path }" v-for="(item, index) in menuList"
          :key="index" @click="$router.push(item.path)">
          <div>
            <i :class="item.icon"></i>
          </div>
@@ -74,25 +69,29 @@
<style lang="less" scoped>
.homeLayoutBox {
  width: 100%;
  height: 100%;
  display: flex;
  // background-image: url("@/assets/images/homeBg.png");
  // background-repeat: no-repeat;
  // background-size: 100% 95%;
  .pageContentBox {
    width: 100%;
    min-height: calc(100% - 525px);
  }
  .active{
  .active {
    background: #6F5A3A;
    color: #fff;
  }
  .leftMenu {
    width: 200px;
    height: 100%;
    background: #937950;
    display: flex;
    flex-direction: column;
    font-family: Alimama DongFangDaKai;
    .leftMenuTitle {
      width: 100%;
      height: 50px;
@@ -101,6 +100,7 @@
      color: #fff;
      font-size: 24px;
    }
    .leftMenuContent {
      font-size: 20px;
      line-height: 30px;
@@ -111,9 +111,11 @@
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
    }
    .leftMenuList > menuItem:first-child {
    .leftMenuList>menuItem:first-child {
      border-top: 1px solid #fff;
    }
    .leftMenuList {
      display: flex;
      flex-direction: column;
@@ -131,10 +133,11 @@
        color: #decaac;
        font-size: 24px;
        border-bottom: 1px solid #b9a587;
        height: 180px;
        height: 18vh;
        .menuText {
          line-height: 50px;
        }
        i {
          font-size: 34px;
        }