设备管理 样式调整

mark

2022-10-25 f20a554bdb24e9dfde9dc6a69d78595944f61d15

 src/views/personalCenter/components/Content.vue

@@ -1,10 +1,12 @@
<template>
  <div class="whiteContent Content">
    <LeftMenu @mChange="mChange"> </LeftMenu>
    <div class="right-content">
      <SubAccount v-if="activeIndex == 4"></SubAccount>
      <BasicInfo v-if="activeIndex == 3" @gotolist="gotolist"></BasicInfo>
      <OrderMng v-if="activeIndex == 1"></OrderMng>
    <div class="heart">
      <LeftMenu @mChange="mChange"> </LeftMenu>
      <div class="right-content">
        <SubAccount v-if="activeIndex == 2"></SubAccount>
        <BasicInfo v-if="activeIndex == 1" @gotolist="gotolist"></BasicInfo>
        <OrderMng v-if="activeIndex == 0"></OrderMng>
      </div>
    </div>
  </div>
</template>
@@ -20,6 +22,9 @@
    window._AMapSecurityConfig = {
      securityJsCode: "768ab79bdc4075aa082bc070c53bb3c4",
    };
    if (this.$route.query && this.$route.query.id) {
      this.activeIndex = this.$route.query.id;
    }
  },
  mounted() {},
  components: {
@@ -51,9 +56,9 @@
    mChange(i) {
      this.activeIndex = i;
    },
    gotolist(){
      this.mChange(4)
    }
    gotolist() {
      this.mChange(4);
    },
  },
};
</script>
@@ -65,6 +70,11 @@
  margin: 30px auto;
  display: flex;
  justify-content: center;

  .heart {
    display: flex;
  }

  .left-menu {
    margin-right: 24px;
  }
@@ -77,7 +87,7 @@
    min-height: 856px;
    box-sizing: border-box;
    background-color: #fff;
    width: 1196px;
    width: 1036px;
  }
}
</style>