'去除火状态,删除背景颜色,初始倍率调整'
This commit is contained in:
parent
ae1ecdced1
commit
266ac9ee2e
@ -24,7 +24,7 @@ export default {
|
|||||||
@import "../../assets/styles/functions";
|
@import "../../assets/styles/functions";
|
||||||
|
|
||||||
section {
|
section {
|
||||||
background: rgba(47, 203, 255, 0.75);
|
// background: rgba(47, 203, 255, 0.75);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 1178px;
|
// height: 1178px;
|
||||||
height: 1469px;
|
height: 1469px;
|
||||||
|
@ -59,7 +59,7 @@
|
|||||||
|
|
||||||
<div
|
<div
|
||||||
class="video-bottom--wrapper"
|
class="video-bottom--wrapper"
|
||||||
v-show="1 || fireDirection === '北火'"
|
v-show="fireDirection === '北火'"
|
||||||
style=""
|
style=""
|
||||||
>
|
>
|
||||||
<video
|
<video
|
||||||
@ -77,7 +77,7 @@
|
|||||||
|
|
||||||
<div
|
<div
|
||||||
class="video-top--wrapper"
|
class="video-top--wrapper"
|
||||||
v-show="1 || fireDirection === '南火'"
|
v-show="fireDirection === '南火'"
|
||||||
style=""
|
style=""
|
||||||
>
|
>
|
||||||
<video
|
<video
|
||||||
|
@ -47,7 +47,7 @@ export default {
|
|||||||
styles() {
|
styles() {
|
||||||
let v = (this.value / 100).toFixed(2);
|
let v = (this.value / 100).toFixed(2);
|
||||||
return {
|
return {
|
||||||
transform: `scale(${v * 24 / 33}, ${v})`,
|
transform: `scale(${v * 24 * 8 / 33}, ${v * 8})`,
|
||||||
transformOrigin: "top left",
|
transformOrigin: "top left",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@ -107,7 +107,7 @@ export default {
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #c9cce577;
|
// background: #c9cce577;
|
||||||
// background: url(../assets/bg.png) center/cover no-repeat;
|
// background: url(../assets/bg.png) center/cover no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -121,7 +121,7 @@ export default {
|
|||||||
|
|
||||||
.center-top {
|
.center-top {
|
||||||
height: 2168px;
|
height: 2168px;
|
||||||
background: #0b58ff33;
|
// background: #0b58ff33;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -163,7 +163,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.screen-container {
|
.screen-container {
|
||||||
background: #09df2233;
|
// background: #09df2233;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 3854px;
|
width: 3854px;
|
||||||
height: 2168px;
|
height: 2168px;
|
||||||
|
@ -19,7 +19,7 @@ export default {
|
|||||||
// import
|
// import
|
||||||
|
|
||||||
.left-side {
|
.left-side {
|
||||||
background: rgba(243, 54, 145, 0.166);
|
// background: rgba(243, 54, 145, 0.166);
|
||||||
height: 4320px;
|
height: 4320px;
|
||||||
width: 3816px;
|
width: 3816px;
|
||||||
}
|
}
|
||||||
|
@ -26,7 +26,7 @@ export default {
|
|||||||
.main-content {
|
.main-content {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
background: #f001;
|
/* background: #f001; */
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
@ -19,7 +19,7 @@ export default {
|
|||||||
// import
|
// import
|
||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
background: rgba(30, 133, 244, 0.292);
|
// background: rgba(30, 133, 244, 0.292);
|
||||||
height: 4324px;
|
height: 4324px;
|
||||||
width: 3840px;
|
width: 3840px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user