|
|
@@ -221,16 +221,18 @@ onBeforeUnmount(() => {
|
|
|
}
|
|
|
|
|
|
}
|
|
|
+
|
|
|
.water-work-inner {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- width: 150rem;
|
|
|
- height: 80rem;
|
|
|
- background: url("@assets/images/home/water-work.png") no-repeat;
|
|
|
- background: red;
|
|
|
- }
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ width: 150rem;
|
|
|
+ height: 80rem;
|
|
|
+ background: url("@assets/images/home/water-work.png") no-repeat;
|
|
|
+ background: red;
|
|
|
+ }
|
|
|
+
|
|
|
.screen-container {
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
@@ -239,8 +241,6 @@ onBeforeUnmount(() => {
|
|
|
padding: 0 6rem;
|
|
|
z-index: 2;
|
|
|
|
|
|
-
|
|
|
-
|
|
|
&-main {
|
|
|
position: relative;
|
|
|
height: 100%;
|
|
|
@@ -272,8 +272,8 @@ onBeforeUnmount(() => {
|
|
|
@media screen and (max-width: 1440px) {
|
|
|
.screen-view {
|
|
|
justify-content: flex-start;
|
|
|
- background: url(@/assets/images/home/home_bg.png) center top no-repeat;
|
|
|
- background-size: contain;
|
|
|
+ // background: url(@/assets/images/home/home_bg.png) center top no-repeat;
|
|
|
+ // background-size: contain;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
whh