自然幢表单调整
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