Browse Source

TBtools-个人中心样式

panyong 4 years ago
parent
commit
dda4796714

+ 0 - 1
htmldev/TBTools/src/views/main-content.vue

@@ -36,7 +36,6 @@ export default {
     siteContentViewHeight () {
       var height = this.documentClientHeight - 50 - 30 - 2
       if (this.$route.meta.isTab) {
-        height -= 40
         return isURL(this.$route.meta.iframeUrl) ? { height: height + 'px' } : { minHeight: height + 'px' }
       }
       return { minHeight: height + 'px' }

+ 2 - 1
htmldev/TBTools/src/views/modules/mine/index.vue

@@ -26,7 +26,8 @@ export default {
   left: 0;
   top: 0;
   // 左侧导航宽度
-  padding-left: 230px;
+  padding: 20px 20px 20px 200px;
+  border-top: 15px solid #f1f4f5;
 }
 
 .mine-main {

+ 12 - 4
htmldev/TBTools/src/views/modules/mine/main-sidebar.vue

@@ -105,10 +105,18 @@ export default {
 <style lang="scss" scoped>
 .site-sidebar {
   position: absolute;
-  left: -20px;
-  top: -20px;
-  bottom: -20px;
-  width: 230px;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 180px;
   min-height: 100vh;
+
+  .site-sidebar__inner {
+    width: 200px;
+
+    .site-sidebar__menu.el-menu {
+      width: 180px;
+    }
+  }
 }
 </style>