|
|
@@ -20,6 +20,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="bottombg">
|
|
|
+ <div class="item"><div>1123</div><div>静态资源</div></div>
|
|
|
+ <div class="item"><div>113</div><div>动态资源</div></div>
|
|
|
+ <div class="item"><div>531</div><div>重点区域</div></div>
|
|
|
+ <div class="item"><div>16</div><div>实时告警</div></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@@ -112,6 +119,25 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.bottombg{
|
|
|
+ background: url("../../assets/images/底部菜单bg@2x.png");
|
|
|
+ position: absolute;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ z-index: 1;
|
|
|
+ width: 85.1rem;
|
|
|
+ height: 16.3rem;
|
|
|
+ bottom: 0;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%,-0%);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+
|
|
|
+ .item{
|
|
|
+ width: 25%;
|
|
|
+ text-align: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+}
|
|
|
.ol-zoom-in,.ol-zoom-out{
|
|
|
display: none !important;
|
|
|
|
