|
@@ -3,10 +3,7 @@
|
|
|
<div class="header">
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-item" v-html="formattedText"></div>
|
|
|
- <div
|
|
|
- class="timeline-item timeline-item-time"
|
|
|
- v-html="formattedTime"
|
|
|
- ></div>
|
|
|
+ <div class="timeline-item timeline-item-time" v-html="formattedTime"></div>
|
|
|
</div>
|
|
|
<div class="menuClass" id="menuClass">
|
|
|
<!-- <div
|
|
@@ -73,15 +70,18 @@
|
|
|
<div class="user">
|
|
|
<span>admin</span>
|
|
|
<i style="width: 24px;height: 24px;background-image: url('/static/images/overview/icon_LogOut.png');"
|
|
|
- @click="exit"
|
|
|
-
|
|
|
- ></i>
|
|
|
+ @click="exit"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="routerContainer">
|
|
|
<router-view ref="routeViewRef"></router-view>
|
|
|
</div>
|
|
|
<sm-viewer @viewerChange="viewerChange"> </sm-viewer>
|
|
|
+
|
|
|
+ <div class="masking_left"></div>
|
|
|
+ <div class="masking_bottom"></div>
|
|
|
+ <div class="masking_right"></div>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -223,6 +223,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.user span {
|
|
|
display: inline-block;
|
|
|
width: 60px;
|
|
@@ -253,10 +254,37 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- background-image: url("/static/images/overview/title_new.png");
|
|
|
+ background-image: url("/static/images/overview/masking_top.png");
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
|
|
|
+.masking_left {
|
|
|
+ width: 415px;
|
|
|
+ height: 100%;
|
|
|
+ background: no-repeat;
|
|
|
+ background-image: url("/static/images/overview/masking_left.png");
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.masking_bottom {
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ height: 140px;
|
|
|
+ background: no-repeat;
|
|
|
+ background-image: url("/static/images/overview/masking_bottom.png");
|
|
|
+
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0.1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.masking_right {
|
|
|
+ width: 415px;
|
|
|
+ height: 100%;
|
|
|
+ background: no-repeat;
|
|
|
+ background-image: url("/static/images/overview/masking_right.png");
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
.systemTitle {
|
|
|
height: 100%;
|
|
|
width: 430;
|
|
@@ -475,5 +503,4 @@ export default {
|
|
|
background-color: transparent !important;
|
|
|
border: none !important;
|
|
|
text-align: center !important;
|
|
|
-}
|
|
|
-</style>
|
|
|
+}</style>
|