|
@@ -1,11 +1,9 @@
|
|
|
<template>
|
|
|
<div class="welcome">
|
|
|
<div class="mobileBg" v-if="isMobile"></div>
|
|
|
- <iframe
|
|
|
- v-else
|
|
|
- src="https://zzbbh.4dage.com/SWKK/show.html?id=WK1717474784264114176&vr=fd720_Y8cO1d7Fu&lang=zh"
|
|
|
- frameborder="0"
|
|
|
- ></iframe>
|
|
|
+
|
|
|
+ <div v-else class="pcBg"></div>
|
|
|
+
|
|
|
<div class="btn" @click.stop="$emit('close')">
|
|
|
<img src="../../assets/img/home/homeBtn.png" alt="" />
|
|
|
<p>360环顾</p>
|
|
@@ -35,11 +33,12 @@ export default {
|
|
|
background-color: black;
|
|
|
// background-image: url('../../assets/img/home/homeBac.jpg');
|
|
|
// background-size: 100% 100%;
|
|
|
- iframe {
|
|
|
+ .pcBg {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
+ background-image: url("../../assets/img/pcBg.jpg");
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
-
|
|
|
.btn {
|
|
|
position: absolute;
|
|
|
z-index: 10;
|
|
@@ -68,11 +67,11 @@ export default {
|
|
|
.mobileBg {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- background-image: url('../../assets/img/mobileBg.jpg');
|
|
|
+ background-image: url("../../assets/img/moBg.jpg");
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
|
|
|
- // 移动端
|
|
|
+ // // 移动端
|
|
|
@media screen and (max-width: 1000px) {
|
|
|
.btn {
|
|
|
bottom: 6%;
|
|
@@ -85,4 +84,4 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|