|
|
@@ -200,138 +200,4 @@ export default defineComponent({
|
|
|
.sysInfo_td {
|
|
|
border-bottom: 1px solid #e8e8e8;
|
|
|
}
|
|
|
-
|
|
|
-.waterfall-last {
|
|
|
- display: grid;
|
|
|
- grid-gap: 0.25em;
|
|
|
- grid-auto-flow: row dense;
|
|
|
- grid-auto-rows: minmax(188px, 20vmin);
|
|
|
- grid-template-columns: 1fr;
|
|
|
-
|
|
|
- .waterfall-last-item {
|
|
|
- height: 100%;
|
|
|
- background: var(--el-color-primary);
|
|
|
- color: var(--el-color-white);
|
|
|
- transition: all 0.3s ease;
|
|
|
- border-radius: 3px;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
|
|
|
- transition: all 0.3s ease;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media (min-width: 576px) {
|
|
|
- .waterfall-last {
|
|
|
- grid-template-columns: repeat(7, 1fr);
|
|
|
-
|
|
|
- .waterfall-last-item {
|
|
|
- &:nth-of-type(9n + 9) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 8) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 7) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 6) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 5) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 4) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 3) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 2) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(9n + 1) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media (min-width: 576px) and (min-width: 1024px) {
|
|
|
- .waterfall-last {
|
|
|
- grid-template-columns: repeat(14, 1fr);
|
|
|
-
|
|
|
- .waterfall-last-item {
|
|
|
- &:nth-of-type(15n + 15) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 14) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 13) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 12) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 11) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 10) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 9) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 8) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 7) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 6) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 5) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 4) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 3) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 2) {
|
|
|
- grid-column: auto / span 3;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-of-type(15n + 1) {
|
|
|
- grid-column: auto / span 2;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
</style>
|