This commit is contained in:
@@ -38,7 +38,7 @@
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</template>
|
||||
<view v-else class="outdoor-map-bg">
|
||||
<view v-else class="outdoor-map-bg" :class="`variant-${props.outdoorVariant}`">
|
||||
<TencentMap
|
||||
class="outdoor-map"
|
||||
:active-floor="activeFloor"
|
||||
@@ -793,6 +793,33 @@ defineExpose({
|
||||
background: #f6f8f5;
|
||||
}
|
||||
|
||||
.outdoor-map-bg.variant-entrance {
|
||||
animation: outdoor-entrance-focus 0.38s ease-out both;
|
||||
}
|
||||
|
||||
.outdoor-map-bg.variant-entrance::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
background:
|
||||
radial-gradient(circle at 52% 60%, rgba(224, 225, 0, 0.16), rgba(224, 225, 0, 0) 32%),
|
||||
linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.1) 100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@keyframes outdoor-entrance-focus {
|
||||
from {
|
||||
opacity: 0.72;
|
||||
transform: scale(1.018);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.indoor-platform-fallback {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
|
||||
Reference in New Issue
Block a user