From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001 From: mark <mark18340872469@163.com> Date: 星期二, 25 十月 2022 14:53:57 +0800 Subject: [PATCH] 设备管理 样式调整 --- src/views/personalCenter/components/Content.vue | 28 +++++++++++++++++++--------- 1 files changed, 19 insertions(+), 9 deletions(-) diff --git a/src/views/personalCenter/components/Content.vue b/src/views/personalCenter/components/Content.vue index 01865be..dd146b5 100644 --- a/src/views/personalCenter/components/Content.vue +++ b/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> \ No newline at end of file -- Gitblit v1.8.0