|
|
@@ -47,7 +47,7 @@ export default { |
|
|
|
styles() { |
|
|
|
let v = (this.value / 100).toFixed(2); |
|
|
|
return { |
|
|
|
transform: `scale(${v * 24 / 33}, ${v})`, |
|
|
|
transform: `scale(${v * 24 * 8 / 33}, ${v * 8})`, |
|
|
|
transformOrigin: "top left", |
|
|
|
}; |
|
|
|
}, |
|
|
@@ -107,7 +107,7 @@ export default { |
|
|
|
left: 0; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: #c9cce577; |
|
|
|
// background: #c9cce577; |
|
|
|
// background: url(../assets/bg.png) center/cover no-repeat; |
|
|
|
} |
|
|
|
|
|
|
@@ -121,7 +121,7 @@ export default { |
|
|
|
|
|
|
|
.center-top { |
|
|
|
height: 2168px; |
|
|
|
background: #0b58ff33; |
|
|
|
// background: #0b58ff33; |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
|
|
|
@@ -163,7 +163,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.screen-container { |
|
|
|
background: #09df2233; |
|
|
|
// background: #09df2233; |
|
|
|
display: inline-block; |
|
|
|
width: 3854px; |
|
|
|
height: 2168px; |
|
|
|