style:样式修改
Showing
2 changed files
with
15 additions
and
5 deletions
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> | 9 | <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> |
| 10 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> | 10 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> |
| 11 | </el-tabs> | 11 | </el-tabs> |
| 12 | <div v-if="titleName == 'sjmx'"> | 12 | <div v-if="titleName == 'sjmx'" class="sjmx"> |
| 13 | <div class="dialog-from"> | 13 | <div class="dialog-from"> |
| 14 | <el-row> | 14 | <el-row> |
| 15 | <el-col :span="6"> | 15 | <el-col :span="6"> |
| ... | @@ -268,10 +268,19 @@ export default { | ... | @@ -268,10 +268,19 @@ export default { |
| 268 | color: #CEF8FF; | 268 | color: #CEF8FF; |
| 269 | } | 269 | } |
| 270 | 270 | ||
| 271 | .sjmx { | ||
| 272 | /deep/.el-tabs__item { | ||
| 273 | height: 50px; | ||
| 274 | padding-top: 6px; | ||
| 275 | } | ||
| 276 | } | ||
| 277 | |||
| 271 | /deep/.el-tabs__item { | 278 | /deep/.el-tabs__item { |
| 272 | color: #CEF8FF !important; | 279 | color: #CEF8FF !important; |
| 273 | height: 50px; | 280 | |
| 274 | padding-top: 7px; | 281 | display: flex; |
| 282 | flex-direction: row; | ||
| 283 | justify-content: center; | ||
| 275 | background: url("~@/image/tabitem.png") no-repeat; | 284 | background: url("~@/image/tabitem.png") no-repeat; |
| 276 | background-size: 100% 100%; | 285 | background-size: 100% 100%; |
| 277 | border: none !important; | 286 | border: none !important; |
| ... | @@ -288,6 +297,7 @@ export default { | ... | @@ -288,6 +297,7 @@ export default { |
| 288 | } | 297 | } |
| 289 | 298 | ||
| 290 | /deep/.el-tabs__nav { | 299 | /deep/.el-tabs__nav { |
| 300 | display: flex; | ||
| 291 | border: none !important; | 301 | border: none !important; |
| 292 | } | 302 | } |
| 293 | 303 | ||
| ... | @@ -353,7 +363,7 @@ export default { | ... | @@ -353,7 +363,7 @@ export default { |
| 353 | margin: -3px 15px 15px 15px; | 363 | margin: -3px 15px 15px 15px; |
| 354 | 364 | ||
| 355 | .el-col { | 365 | .el-col { |
| 356 | line-height: 24px; | 366 | line-height: 18px; |
| 357 | display: flex; | 367 | display: flex; |
| 358 | align-items: center; | 368 | align-items: center; |
| 359 | margin-bottom: 3px; | 369 | margin-bottom: 3px; | ... | ... |
-
Please register or sign in to post a comment