| | |
| | | }, |
| | | |
| | | mounted () { |
| | | |
| | | if (this.getWidth() > 7000) { |
| | | this.scaleDomFlag = true |
| | | } else { |
| | | this.scaleDomFlag = false |
| | | } |
| | | |
| | | }, |
| | | |
| | | methods: { |
| | |
| | | display: flex; |
| | | flex-direction: row; |
| | | width: calc(100% - 20px); |
| | | height: 30px; |
| | | line-height: 30px; |
| | | margin: 0 10px; |
| | | text-align: left; |
| | | |
| | |
| | | display: inline-block; |
| | | text-align-last: justify; |
| | | margin-right: 20px; |
| | | line-height: 30px; |
| | | } |
| | | |
| | | &>div:nth-of-type(2) { |
| | | flex: 1; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | max-width: 240px; |
| | | // overflow: hidden; |
| | | // text-overflow: ellipsis; |
| | | white-space: wrap; |
| | | line-height: 30px; |
| | | } |
| | | } |
| | | } |