|
@@ -22,7 +22,11 @@ const {
|
|
|
src="@/assets/images/shuanggou-top-left.png"
|
|
|
alt=""
|
|
|
>
|
|
|
- <div class="cicle" />
|
|
|
+ <!-- <div class="cicle" /> -->
|
|
|
+ <HotspotComp
|
|
|
+ v-show="true"
|
|
|
+ class="hotspot-1"
|
|
|
+ />
|
|
|
</div>
|
|
|
|
|
|
<img
|
|
@@ -88,28 +92,12 @@ const {
|
|
|
>img{
|
|
|
width: 100%;
|
|
|
}
|
|
|
- >.cicle{
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- border-radius: 50px;
|
|
|
- border: 3px solid #E2DBC1;
|
|
|
- animation: fade-in-out 3s infinite;
|
|
|
+ >.hotspot-1{
|
|
|
position: absolute;
|
|
|
bottom: 32%;
|
|
|
right: 31%;
|
|
|
+ pointer-events: initial;
|
|
|
|
|
|
- @keyframes fade-in-out {
|
|
|
- 0%{
|
|
|
- opacity: 0.2;
|
|
|
- }
|
|
|
- 50%{
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
- 100%{
|
|
|
- opacity: 0.2;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|