7.07a2384af4113c3e9c43.js 16.2 KB
webpackJsonp([7],{LM1A:function(n,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=a("Jmy5"),s=a("CCn6"),o={data:function(){return{periods_id:this.$route.query.periods_id,parent_category_id:this.$route.query.parent_category_id,imgUrl:i.c,lessonList:[],courseList:[],showLesson:!1,thisLesson:null}},computed:{titleName:function(){var n=this;return this.courseList.find(function(t){return t.id===Number(n.parent_category_id)})}},components:{bottomTab:a("2oJL").a},mounted:function(){this.initPage()},methods:{initPage:function(){var n=this;Object(s.f)(this.periods_id,{category_id:Number(this.parent_category_id)}).then(function(t){n.lessonList=t.list,n.$nextTick(function(){document.getElementById("nowLesson").scrollIntoView({behavior:"smooth",start:"center"})})}),Object(s.b)(this.periods_id).then(function(t){n.courseList=t})},showDia:function(n){this.thisLesson=n,this.showLesson=!0},showCourseList:function(){},goToLesson:function(n){var t={periods_id:this.thisLesson.periods_id,category_id:this.thisLesson.category_id,parent_category_id:this.parent_category_id,type:n};this.$router.push({name:"lesson",query:t})}}},A=function(){var n=this,t=n.$createElement,a=n._self._c||t;return a("div",[a("div",{staticClass:"map"},[a("img",{staticClass:"background",attrs:{src:n.imgUrl.background}}),n._v(" "),a("img",{staticClass:"go",attrs:{src:n.imgUrl.go}}),n._v(" "),n.courseList.length>0?a("div",{staticClass:"title",on:{click:n.showCourseList}},[n._v("\n      "+n._s(n.titleName.category_name)+"\n      "),a("i",{staticClass:"iconfont icon-xiala"})]):n._e(),n._v(" "),n._l(n.lessonList,function(t,i){return a("div",{class:"island-block land"+(i+1),attrs:{id:i===n.lessonList.length-1?"nowLesson":""}},[a("div",{class:{today:i===n.lessonList.length-1},on:{click:function(a){n.showDia(t)}}},[i!==n.lessonList.length-1?a("img",{staticClass:"land",attrs:{src:n.imgUrl.isLandAct}}):n._e(),n._v(" "),i===n.lessonList.length-1?a("img",{staticClass:"land",attrs:{src:n.imgUrl.islandNow}}):n._e(),n._v(" "),a("img",{staticClass:"day",attrs:{src:n.imgUrl.day[i]}}),n._v(" "),a("div",{staticClass:"star-block"},[t.watch_list.find(function(n){return 2===n.page_id})?n._e():a("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),t.watch_list.find(function(n){return 2===n.page_id})?a("img",{attrs:{src:n.imgUrl.starSelect}}):n._e(),n._v(" "),t.watch_list.find(function(n){return 3===n.page_id})?n._e():a("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),t.watch_list.find(function(n){return 3===n.page_id})?a("img",{attrs:{src:n.imgUrl.starSelect}}):n._e(),n._v(" "),t.watch_list.find(function(n){return 4===n.page_id})?n._e():a("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),t.watch_list.find(function(n){return 4===n.page_id})?a("img",{attrs:{src:n.imgUrl.starSelect}}):n._e()])])])}),n._v(" "),n._l(10-n.lessonList.length,function(t){return a("div",{class:"island-block land"+(10-t+1)},[a("img",{staticClass:"land",attrs:{src:n.imgUrl.islandDefault}}),n._v(" "),a("img",{staticClass:"day",attrs:{src:n.imgUrl.day[10-t]}}),n._v(" "),a("div",{staticClass:"star-block"},[a("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),a("img",{attrs:{src:n.imgUrl.starDefault}}),n._v(" "),a("img",{attrs:{src:n.imgUrl.starDefault}})])])})],2),n._v(" "),a("img",{staticClass:"box-img",attrs:{src:n.imgUrl.box}}),n._v(" "),a("bottom-tab"),n._v(" "),a("mt-popup",{model:{value:n.showLesson,callback:function(t){n.showLesson=t},expression:"showLesson"}},[a("div",{staticClass:"lesson-block"},[a("img",{staticClass:"lesson-bg",attrs:{src:n.imgUrl.lessonBg}}),n._v(" "),a("img",{staticClass:"close",attrs:{src:n.imgUrl.close},on:{click:function(t){n.showLesson=!1}}}),n._v(" "),n.thisLesson?a("div",{staticClass:"list-block"},[a("div",{staticClass:"img-block"},[a("img",{staticClass:"look list",attrs:{src:n.imgUrl.look},on:{click:function(t){n.goToLesson("look1")}}})]),n._v(" "),n.thisLesson?a("div",{staticClass:"img-block"},[a("img",{staticClass:"play list",attrs:{src:n.imgUrl.play},on:{click:function(t){n.goToLesson("play1")}}}),n._v(" "),n.thisLesson.watch_list.find(function(n){return 2===n.page_id})?n._e():a("div",{staticClass:"disable-block"},[a("img",{attrs:{src:n.imgUrl.clock}})])]):n._e(),n._v(" "),a("div",{staticClass:"img-block"},[a("img",{staticClass:"show list",attrs:{src:n.imgUrl.show},on:{click:function(t){n.goToLesson("show1")}}}),n._v(" "),n.thisLesson.watch_list.find(function(n){return 3===n.page_id})?n._e():a("div",{staticClass:"disable-block"},[a("img",{attrs:{src:n.imgUrl.clock}})])]),n._v(" "),a("div",{staticClass:"img-block"},[a("img",{staticClass:"jiayou list",attrs:{src:n.imgUrl.jiayou},on:{click:function(t){n.goToLesson("refueling1")}}}),n._v(" "),n.thisLesson.watch_list.find(function(n){return 4===n.page_id})?n._e():a("div",{staticClass:"disable-block"},[a("img",{attrs:{src:n.imgUrl.clock}})])])]):n._e()])])],1)};A._withStripped=!0;var l={render:A,staticRenderFns:[]},e=l;var r=!1;var d=a("VU/8")(o,e,!1,function(n){r||a("QSSP")},"data-v-6587b508",null);d.options.__file="src/components/map.vue";t.default=d.exports},QSSP:function(n,t,a){var i=a("vavF");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);a("rjj0")("0b60c92a",i,!1,{})},vavF:function(n,t,a){(n.exports=a("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-6587b508] {\n  float: right;\n}\n.main-block[data-v-6587b508] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-6587b508]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-6587b508]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-6587b508]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-6587b508]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.box-img[data-v-6587b508] {\n  position: fixed;\n  left: 3.73333333vw;\n  bottom: 16vw;\n  width: 18.66666667vw;\n}\n.lesson-block[data-v-6587b508] {\n  position: relative;\n  background: rgba(0, 0, 0, 0.5);\n  width: 82.13333333vw;\n  height: 97.06666667vw;\n}\n.lesson-block .lesson-bg[data-v-6587b508] {\n  width: 82.13333333vw;\n  height: 97.06666667vw;\n  position: relative;\n}\n.lesson-block .close[data-v-6587b508] {\n  top: 2.66666667vw;\n  position: absolute;\n  right: 2.66666667vw;\n  width: 4.26666667vw;\n}\n.lesson-block .list-block[data-v-6587b508] {\n  width: 73.6vw;\n  height: 70.4vw;\n  border-radius: 8px;\n  position: absolute;\n  top: 20.26666667vw;\n  background: white;\n  left: 50%;\n  margin-left: -38.93333333vw;\n  padding: 2.13333333vw;\n}\n.lesson-block .list-block .img-block[data-v-6587b508] {\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n}\n.lesson-block .list-block .img-block .disable-block[data-v-6587b508] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 7px;\n  border-radius: 8px;\n  text-align: center;\n  background-color: rgba(0, 0, 0, 0.3);\n}\n.lesson-block .list-block .img-block .disable-block img[data-v-6587b508] {\n  width: 6.66666667vw;\n  margin-top: 4vw;\n}\n.lesson-block .list-block .img-block .list[data-v-6587b508] {\n  width: 100%;\n  margin-bottom: 0.8vw;\n}\n.title[data-v-6587b508] {\n  position: absolute;\n  width: 80px;\n  background: #654B17;\n  font-size: 13px;\n  font-family: MicrosoftYaHei;\n  font-weight: 400;\n  color: #ffffff;\n  left: 50%;\n  margin-left: -45px;\n  top: 30.93333333vw;\n  text-align: center;\n  padding: 3px 0 3px 10px ;\n  border-radius: 5px;\n}\n.map[data-v-6587b508] {\n  position: relative;\n}\n.map .background[data-v-6587b508] {\n  width: 100vw;\n}\n.map .go[data-v-6587b508] {\n  position: absolute;\n  top: 41.06666667vw;\n  left: 8.26666667vw;\n  width: 52vw;\n}\n.map .island-block[data-v-6587b508] {\n  position: absolute;\n  width: 28vw;\n}\n.map .island-block .land[data-v-6587b508] {\n  width: 100%;\n}\n.map .island-block .day[data-v-6587b508] {\n  position: absolute;\n  width: 12vw;\n  bottom: 3.73333333vw;\n  left: 20.26666667vw;\n}\n.map .island-block .star-block[data-v-6587b508] {\n  position: absolute;\n  left: 5.86666667vw;\n  bottom: -0.8vw;\n}\n.map .island-block .star-block img[data-v-6587b508] {\n  width: 5.33333333vw;\n}\n.map .island-block .today[data-v-6587b508] {\n  -webkit-animation: dodge-data-v-6587b508 1.5s infinite;\n          animation: dodge-data-v-6587b508 1.5s infinite;\n}\n.map .island-block.land1[data-v-6587b508] {\n  top: 57.33333333vw;\n  right: 12.8vw;\n}\n.map .island-block.land2[data-v-6587b508] {\n  top: 91.46666667vw;\n  left: 10.4vw;\n}\n.map .island-block.land3[data-v-6587b508] {\n  top: 133.33333333vw;\n  left: 28vw;\n}\n.map .island-block.land4[data-v-6587b508] {\n  top: 160.53333333vw;\n  right: 8.53333333vw;\n}\n.map .island-block.land5[data-v-6587b508] {\n  top: 189.33333333vw;\n  left: 9.33333333vw;\n}\n.map .island-block.land6[data-v-6587b508] {\n  top: 225.6vw;\n  right: 4.8vw;\n}\n.map .island-block.land7[data-v-6587b508] {\n  top: 247.73333333vw;\n  left: 6.4vw;\n}\n.map .island-block.land8[data-v-6587b508] {\n  top: 283.73333333vw;\n  right: 40.26666667vw;\n}\n.map .island-block.land9[data-v-6587b508] {\n  top: 329.86666667vw;\n  right: 8.53333333vw;\n}\n.map .island-block.land10[data-v-6587b508] {\n  top: 361.6vw;\n  left: 24.8vw;\n}\n@-webkit-keyframes dodge-data-v-6587b508 {\n0% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n50% {\n    -webkit-transform: scale(1.05, 1.05);\n            transform: scale(1.05, 1.05);\n}\n100% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n}\n@keyframes dodge-data-v-6587b508 {\n0% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n50% {\n    -webkit-transform: scale(1.05, 1.05);\n            transform: scale(1.05, 1.05);\n}\n100% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/map.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,aAAa;EACb,iBAAiB;CAClB;AACD;EACE,gBAAgB;EAChB,mBAAmB;EACnB,aAAa;EACb,qBAAqB;CACtB;AACD;EACE,mBAAmB;EACnB,+BAA+B;EAC/B,qBAAqB;EACrB,sBAAsB;CACvB;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,mBAAmB;CACpB;AACD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;CACrB;AACD;EACE,cAAc;EACd,eAAe;EACf,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,UAAU;EACV,4BAA4B;EAC5B,sBAAsB;CACvB;AACD;EACE,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,mBAAmB;EACnB,mBAAmB;EACnB,qCAAqC;CACtC;AACD;EACE,oBAAoB;EACpB,gBAAgB;CACjB;AACD;EACE,YAAY;EACZ,qBAAqB;CACtB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,oBAAoB;EACpB,gBAAgB;EAChB,4BAA4B;EAC5B,iBAAiB;EACjB,eAAe;EACf,UAAU;EACV,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,yBAAyB;EACzB,mBAAmB;CACpB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,aAAa;CACd;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;CACb;AACD;EACE,mBAAmB;EACnB,YAAY;CACb;AACD;EACE,YAAY;CACb;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,qBAAqB;EACrB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;CAChB;AACD;EACE,oBAAoB;CACrB;AACD;EACE,uDAAuD;UAC/C,+CAA+C;CACxD;AACD;EACE,mBAAmB;EACnB,cAAc;CACf;AACD;EACE,mBAAmB;EACnB,aAAa;CACd;AACD;EACE,oBAAoB;EACpB,WAAW;CACZ;AACD;EACE,oBAAoB;EACpB,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,mBAAmB;CACpB;AACD;EACE,aAAa;EACb,aAAa;CACd;AACD;EACE,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,qBAAqB;CACtB;AACD;EACE,oBAAoB;EACpB,oBAAoB;CACrB;AACD;EACE,aAAa;EACb,aAAa;CACd;AACD;AACA;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;AACD;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;AACD;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;CACA;AACD;AACA;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;AACD;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;AACD;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;CACA",file:"map.vue",sourcesContent:["\n.fl-r[data-v-6587b508] {\n  float: right;\n}\n.main-block[data-v-6587b508] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-6587b508]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-6587b508]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-6587b508]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-6587b508]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.box-img[data-v-6587b508] {\n  position: fixed;\n  left: 3.73333333vw;\n  bottom: 16vw;\n  width: 18.66666667vw;\n}\n.lesson-block[data-v-6587b508] {\n  position: relative;\n  background: rgba(0, 0, 0, 0.5);\n  width: 82.13333333vw;\n  height: 97.06666667vw;\n}\n.lesson-block .lesson-bg[data-v-6587b508] {\n  width: 82.13333333vw;\n  height: 97.06666667vw;\n  position: relative;\n}\n.lesson-block .close[data-v-6587b508] {\n  top: 2.66666667vw;\n  position: absolute;\n  right: 2.66666667vw;\n  width: 4.26666667vw;\n}\n.lesson-block .list-block[data-v-6587b508] {\n  width: 73.6vw;\n  height: 70.4vw;\n  border-radius: 8px;\n  position: absolute;\n  top: 20.26666667vw;\n  background: white;\n  left: 50%;\n  margin-left: -38.93333333vw;\n  padding: 2.13333333vw;\n}\n.lesson-block .list-block .img-block[data-v-6587b508] {\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n}\n.lesson-block .list-block .img-block .disable-block[data-v-6587b508] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 7px;\n  border-radius: 8px;\n  text-align: center;\n  background-color: rgba(0, 0, 0, 0.3);\n}\n.lesson-block .list-block .img-block .disable-block img[data-v-6587b508] {\n  width: 6.66666667vw;\n  margin-top: 4vw;\n}\n.lesson-block .list-block .img-block .list[data-v-6587b508] {\n  width: 100%;\n  margin-bottom: 0.8vw;\n}\n.title[data-v-6587b508] {\n  position: absolute;\n  width: 80px;\n  background: #654B17;\n  font-size: 13px;\n  font-family: MicrosoftYaHei;\n  font-weight: 400;\n  color: #ffffff;\n  left: 50%;\n  margin-left: -45px;\n  top: 30.93333333vw;\n  text-align: center;\n  padding: 3px 0 3px 10px ;\n  border-radius: 5px;\n}\n.map[data-v-6587b508] {\n  position: relative;\n}\n.map .background[data-v-6587b508] {\n  width: 100vw;\n}\n.map .go[data-v-6587b508] {\n  position: absolute;\n  top: 41.06666667vw;\n  left: 8.26666667vw;\n  width: 52vw;\n}\n.map .island-block[data-v-6587b508] {\n  position: absolute;\n  width: 28vw;\n}\n.map .island-block .land[data-v-6587b508] {\n  width: 100%;\n}\n.map .island-block .day[data-v-6587b508] {\n  position: absolute;\n  width: 12vw;\n  bottom: 3.73333333vw;\n  left: 20.26666667vw;\n}\n.map .island-block .star-block[data-v-6587b508] {\n  position: absolute;\n  left: 5.86666667vw;\n  bottom: -0.8vw;\n}\n.map .island-block .star-block img[data-v-6587b508] {\n  width: 5.33333333vw;\n}\n.map .island-block .today[data-v-6587b508] {\n  -webkit-animation: dodge-data-v-6587b508 1.5s infinite;\n          animation: dodge-data-v-6587b508 1.5s infinite;\n}\n.map .island-block.land1[data-v-6587b508] {\n  top: 57.33333333vw;\n  right: 12.8vw;\n}\n.map .island-block.land2[data-v-6587b508] {\n  top: 91.46666667vw;\n  left: 10.4vw;\n}\n.map .island-block.land3[data-v-6587b508] {\n  top: 133.33333333vw;\n  left: 28vw;\n}\n.map .island-block.land4[data-v-6587b508] {\n  top: 160.53333333vw;\n  right: 8.53333333vw;\n}\n.map .island-block.land5[data-v-6587b508] {\n  top: 189.33333333vw;\n  left: 9.33333333vw;\n}\n.map .island-block.land6[data-v-6587b508] {\n  top: 225.6vw;\n  right: 4.8vw;\n}\n.map .island-block.land7[data-v-6587b508] {\n  top: 247.73333333vw;\n  left: 6.4vw;\n}\n.map .island-block.land8[data-v-6587b508] {\n  top: 283.73333333vw;\n  right: 40.26666667vw;\n}\n.map .island-block.land9[data-v-6587b508] {\n  top: 329.86666667vw;\n  right: 8.53333333vw;\n}\n.map .island-block.land10[data-v-6587b508] {\n  top: 361.6vw;\n  left: 24.8vw;\n}\n@-webkit-keyframes dodge-data-v-6587b508 {\n0% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n50% {\n    -webkit-transform: scale(1.05, 1.05);\n            transform: scale(1.05, 1.05);\n}\n100% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n}\n@keyframes dodge-data-v-6587b508 {\n0% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n50% {\n    -webkit-transform: scale(1.05, 1.05);\n            transform: scale(1.05, 1.05);\n}\n100% {\n    -webkit-transform: scale(0.95, 0.95);\n            transform: scale(0.95, 0.95);\n}\n}\n"],sourceRoot:""}])}});