|
|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<div class="attraction-page">
|
|
|
<div v-show="tip" class="tips">
|
|
|
+ <img src="../../../../assets/images/tip-image.png"/>
|
|
|
<span>即将跳转该景点沉浸式体验页面，为保证体验效果最佳，请调整您的手机音量。</span>
|
|
|
<button @click="show" class="but">同意并继续</button>
|
|
|
</div>
|
|
|
@@ -93,7 +94,6 @@ video {
|
|
|
width: 100%;
|
|
|
margin: auto;
|
|
|
height: 100%;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.attraction-header {
|
|
|
@@ -136,13 +136,19 @@ p {
|
|
|
}
|
|
|
.tips {
|
|
|
width: 100%;
|
|
|
- padding: 77% 6%;
|
|
|
+ padding: 27% 6%;
|
|
|
font-size: 18px;
|
|
|
line-height: 2em;
|
|
|
color: #152c61;
|
|
|
text-align: justify;
|
|
|
- background-image: url("../../../../assets/images/tip-image.png");
|
|
|
- background-size: 100% auto;
|
|
|
+ background-image: url("../../../../assets/images/background.png") ;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.tips img{
|
|
|
+ width: 50%;
|
|
|
+ margin: 0 auto 18% auto;
|
|
|
+ height: auto;
|
|
|
}
|
|
|
.tips .but{
|
|
|
background: linear-gradient(60deg, #708ad5, #1c4ce0);
|
|
|
@@ -151,9 +157,10 @@ p {
|
|
|
height: 3em;
|
|
|
border: none;
|
|
|
color: #fff;
|
|
|
- margin: 50px auto;
|
|
|
+ margin: 70px auto;
|
|
|
border-radius: 5px;
|
|
|
box-shadow: 0px 0 4px #507ee5;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
.shipin-cont{
|
|
|
padding: 0 6%;
|
limeng
