推送

src/components/map/index.vue

 <template>
   <div>
+    <div class="model-n" v-if="promp" @click="promp=false">
+      <div class="model-n-image">
+        <img :src="yinyin" alt="">
+      </div>
+    </div>
     <van-actionsheet
         v-model="actionsheetShow"
         :actions="actions"
         @select="onSelect"
       />
     <div class="unit-block">
-      <div class="course_title" @click="actionsheetShow=true">{{secActions.name}} <i class="iconfont icon-below-s"></i> </div>
+      <div class="course_title" @click="actionsheetShow=true">{{secActions.name}} <i class="iconfont icon-below-s"></i>
+        <router-link :to="{path: '/promptTime', query: { periods_id: secActions.id }}">
+          <div class="zhongbian-kuang">
+            <div class="zhongbian">
+              <img style="width: 100%; height: 100%;" :src="zhong" alt="">
+            </div>
+
+          </div>
+        </router-link>
+      </div>
       <!--竖屏 主题栏-->
       <swiper :options="swiperOption" class="banner" v-if="shopType==0&&unitList.length>0" ref="mySwiper">
         <swiper-slide v-for="(data,index) in unitList" :key="index">
@@ -184,7 +198,7 @@
 </template>
 
 <script>
-  import {getCourseListApi,getLessonDetailApi,getLessonListApi,getCourseInfoApi} from "../../service/api";
+  import {getCourseListApi,getLessonDetailApi,getLessonListApi,getCourseInfoApi, getNotifyApi} from "../../service/api";
   import star_act from '../../assets/newLesson/star_act.png'
   import star_def from '../../assets/newLesson/star_def.png'
   import diaBGI from '../../assets/newLesson/diaBG.png'
@@ -196,6 +210,9 @@
   import errorURL from '../../assets/error.png'
   import nextUnitUrl from '../../assets/newLesson/nextUnit.png'
   import btn_kechegn from '../../assets/btn_kechegn.png'
+  import zhong from '../../assets/evaluate/timer.png'
+  import yinyin from '../../assets/evaluate/yinyin.png'
+
   export default {
     name: "mapDefault",
     components:{
@@ -207,6 +224,9 @@
     data() {
       let that = this;
       return {
+        promp: false,
+        zhong: zhong,
+        yinyin: yinyin,
         actions: [
         ],
         secActions:{},
@@ -313,6 +333,15 @@
         return arr
       },
     },
+    mounted() {
+      let prompStr = localStorage.getItem('promp')
+      if(prompStr) {
+        this.promp = false
+      }else {
+        localStorage.setItem('promp', 1)
+        this.promp = true
+      }
+    },
     methods:{
       // 页面初始化
       initPage(){
@@ -750,6 +779,23 @@
 <style scoped lang="less">
   @import "../../util/public";
   // 精灵图
+  .model-n {
+    width: 100%;
+    height: 100%;
+    background: rgba(0,0,0,.5);
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 5000;
+    .model-n-image {
+      width: 100%;
+      img{
+        width: 90%;
+        margin-left: 7%;
+        margin-top: 9 * @toVw;
+      }
+    }
+  }
   #app{background: white;}
   .child-view{background: white;}
   .map{background:url('https://static-cdn.changchangenglish.com/new-sing/static/images/map.png')  no-repeat;background-size:136*@toVw 207*@toVw}
@@ -852,7 +898,29 @@
     z-index: 2;
     top: 0;
     left: 0;
-    .course_title{font-size: 20px;padding: 10*@toVw 20*@toVw;    border-bottom: 1px solid #eeeeee;}
+    .course_title{
+      font-size: 20px;padding: 10*@toVw 20*@toVw;border-bottom: 1px solid #eeeeee;
+      position: relative;
+      .zhongbian-kuang {
+        width: 70 * @toVw;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        right: 10 * @toVw;
+        .zhongbian {
+          width: 22 * @toVw;
+          height: 22 * @toVw;
+          //margin-top: 15 * @toVw;
+          //margin-left: 34 * @toVh;
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: -15 * @toVw;
+          bottom: 0;
+          margin: auto;
+        }
+      }
+    }
     .banner2{
       display: none;
     }