|
|
|
@ -39,7 +39,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="ip"></div> |
|
|
|
<div class="guide" @click="goPage({ title: '地图导览', path: '/guide' })"></div> |
|
|
|
<div class="guide" @click="goPage({ title: '首页', path: '/index' })"></div> |
|
|
|
<img src="./hand.png" @click="goPage({ title: '首页', path: '/index' })" class="hand animate__animated animate__heartBeat animate__infinite" alt="" /> |
|
|
|
<div class="header" :style="{ backgroundImage: `url(${isH ? theme.images.billboardHeaderBgH : theme.images.billboardHeaderBgV})` }"> |
|
|
|
<div class="r1">当前位置 <img :src="theme.images.billboardLoc" alt="" /></div> |
|
|
|
<div class="r2">{{ bf }}</div> |
|
|
|
@ -378,6 +379,14 @@ watch(scrollLefts, _scrollLefts => { |
|
|
|
top: 800px; |
|
|
|
z-index: 13; |
|
|
|
} |
|
|
|
.hand { |
|
|
|
position: absolute; |
|
|
|
width: 76.5px; |
|
|
|
height: 97.215px; |
|
|
|
right: 320px; |
|
|
|
top: 949px; |
|
|
|
z-index: 14; |
|
|
|
} |
|
|
|
.header { |
|
|
|
position: fixed; |
|
|
|
width: 100vw; |
|
|
|
@ -470,6 +479,9 @@ watch(scrollLefts, _scrollLefts => { |
|
|
|
height: 139px; |
|
|
|
top: 143px; |
|
|
|
} |
|
|
|
.hand { |
|
|
|
top: 230px; |
|
|
|
} |
|
|
|
.header { |
|
|
|
height: 139px; |
|
|
|
top: 143px; |
|
|
|
|