自然幢表单调整
Showing
2 changed files
with
21 additions
and
3 deletions
1 | <template> | 1 | <template> |
2 | <div ref="lpb" class="content_box"> | 2 | <div ref="lpb" class="content_box"> |
3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> | 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="card" > |
4 | <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane> | 4 | <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane> |
5 | <el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad"></yzgy></el-tab-pane> | 5 | <el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad"></yzgy></el-tab-pane> |
6 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 6 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> |
... | @@ -51,7 +51,7 @@ export default { | ... | @@ -51,7 +51,7 @@ export default { |
51 | </script> | 51 | </script> |
52 | <style scoped lang="less"> | 52 | <style scoped lang="less"> |
53 | .content_box{ | 53 | .content_box{ |
54 | padding: 0 0 16px; | 54 | padding: 0 0 6px; |
55 | // padding: 0 20px; | 55 | // padding: 0 20px; |
56 | // .el-tabs{ | 56 | // .el-tabs{ |
57 | // width: 100%; | 57 | // width: 100%; |
... | @@ -69,5 +69,23 @@ export default { | ... | @@ -69,5 +69,23 @@ export default { |
69 | // width: 100%; | 69 | // width: 100%; |
70 | // height: 100%; | 70 | // height: 100%; |
71 | // } | 71 | // } |
72 | |||
73 | .el-tabs{ | ||
74 | height: calc(100% - 50px); | ||
75 | /deep/ .el-tabs__content{ | ||
76 | //height: 100%; | ||
77 | /deep/.el-tab-pane{ | ||
78 | height: 100%; | ||
79 | } | ||
80 | background: #eaedf5; | ||
81 | padding: 0; | ||
82 | } | ||
83 | /deep/ .el-tabs__item { | ||
84 | height: 48px; | ||
85 | } | ||
86 | /deep/ .el-tabs__header{ | ||
87 | background-color: #ffffff; | ||
88 | } | ||
89 | } | ||
72 | } | 90 | } |
73 | </style> | 91 | </style> | ... | ... |
-
Please register or sign in to post a comment