|
|
@@ -5,6 +5,7 @@
|
|
|
<div class="fusion-bg" v-show="state.activeIndex === '5'">
|
|
|
<img src="@/assets/images/昆山水文站.jpg" alt="昆山水文站" />
|
|
|
</div>
|
|
|
+ <div class="vignette-overlay"></div>
|
|
|
<div class="large-screen-wrap" id="large-screen">
|
|
|
<m-header title="昆山水务水文系统" sub-text="Hydrological Visualization System">
|
|
|
<!--左侧 天气 -->
|
|
|
@@ -298,6 +299,22 @@ function handleMapPlayComplete() {
|
|
|
<style lang="scss">
|
|
|
@use "~@/assets/style/home.scss";
|
|
|
|
|
|
+.vignette-overlay {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ pointer-events: none;
|
|
|
+ background: radial-gradient(
|
|
|
+ ellipse 70% 70% at center,
|
|
|
+ rgba(0, 20, 40, 0) 40%,
|
|
|
+ rgba(0, 20, 40, 1.0) 100%
|
|
|
+ );
|
|
|
+ box-shadow: inset 0 0 100px rgba(0, 191, 255, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
.m-header-weather,
|
|
|
.m-header-date {
|
|
|
span {
|
WQQ