加返回和关闭按钮

src/components/MonitorComponents/MonitorModal/monitor-modal.vue

@@ -10,7 +10,7 @@
         </p>
         <div>
           <img class="flag" src="@/assets/images/modal-title1.png"/>
-          <img @click="handleClose" class="close-btn" src="@/assets/images/close.png"/>
+          <img @click="handleClose" class="close-btn" src="@/assets/images/close-modal.png"/>
         </div>
         <img class="left" src="@/assets/images/modal-title-left.png"/>
       </div>

src/components/MonitorComponents/MonitorTitle/monitor-title.vue

@@ -5,11 +5,13 @@
         <span>{{curDate}}</span>
       </DatePicker>
     </span> -->
+    <div class="btn back" @click="toAli" />
+    <div class="btn close" @click="toAli" />
     <span v-if="!hideTime" class="moment time">
-      <span class="switch"><img src="@/assets/images/switch.png"/> 切换街道</span>
+      <!-- <span class="switch"><img src="@/assets/images/switch.png"/> 切换街道</span> -->
       {{curDate}} {{time}}
     </span>
-    <img :src="bgImg" draggable="false"/>
+    <img class="bg" :src="bgImg" draggable="false"/>
     <p :style="style"><slot /></p>
   </div>
 </template>
@@ -86,6 +88,9 @@ export default {
       this.$store.commit('SET_CURDATE', date)
       this.openDatePicker = false
     },
+    toAli() {
+      window.location = 'http://10.89.1.208/share/ypdp'
+    },
   }
 }
 </script>
@@ -100,6 +105,25 @@ export default {
   background-position center
   // font-family $font-pang
   font-weight bold
+  >.btn
+    position absolute
+    width .2rem
+    height @width
+    top .05rem
+    cursor pointer
+    z-index 999
+    background-size 100% 100%
+    transition background-image .3s ease-in-out
+    &.back
+      left .1rem
+      background-image url(../../../assets/images/back.png)
+      &:hover
+        background-image url(../../../assets/images/back-on.png)
+    &.close
+      right .1rem
+      background-image url(../../../assets/images/close.png)
+      &:hover
+        background-image url(../../../assets/images/close-on.png)
   .switch
     color #5BD5FF
     margin-right .1rem
@@ -123,7 +147,7 @@ export default {
       margin 0 auto
       text-align center
       transform translateX(25%)
-  >img
+  >.bg
     position absolute
     width 100%
     height 100%