Commit 678706d0 authored by wangwei's avatar wangwei

新系统课包优化

parent 10ff3be8
......@@ -4,4 +4,4 @@
hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();</script><style></style><link href=/static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.b518d4b2b1ded816def1.js></script><script type=text/javascript src=/static/js/vendor.f0bc50a715dde12aa04f.js></script><script type=text/javascript src=/static/js/app.ff5d98e75cac6dfaacf7.js></script></body></html>
\ No newline at end of file
})();</script><style></style><link href=/static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.e68aba9d8489672ea6fc.js></script><script type=text/javascript src=/static/js/vendor.f0bc50a715dde12aa04f.js></script><script type=text/javascript src=/static/js/app.ff5d98e75cac6dfaacf7.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([4],{"0dPK":function(n,t,A){var o=A("D3IE");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);A("rjj0")("0acdde6d",o,!1,{})},"3QU7":function(n,t,A){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=A("CCn6"),i=A("hUWd"),e=A.n(i),a=A("SKwj"),s=A.n(a),r=A("ohH1"),l=A.n(r),d=A("WcTT"),c=A.n(d),w=A("qmiW"),g=A.n(w),f={name:"guide",data:function(){return{iKnowUrl:e.a,goDownUrl:l.a,unit:0==this.$route.query.course_type,goUrl:s.a,starUrl:c.a,mapUrl:g.a,show:!1}},mounted:function(){this.show=!0,Object(o.h)({page_name:"map"}).then(function(n){})}},p=function(){var n=this,t=n.$createElement,A=n._self._c||t;return A("div",[n.show?A("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[n.unit?A("div",{staticClass:"Unit"},[n._v("\n Unit\n "),A("br"),n._v("\n 我家农场\n ")]):n._e(),n._v(" "),n.unit?A("img",{class:{toUntil:!0,"unit-no":!n.unit},attrs:{src:n.goUrl}}):n._e(),n._v(" "),n.unit?A("div",{class:{"until-test":!0,"unit-no":!n.unit}},[n._v("\n 点击这里可以"),A("span",{staticClass:"color-red"},[n._v("切换主题")])]):n._e(),n._v(" "),A("img",{class:{toLesson:!0,"unit-no":!n.unit},attrs:{src:n.goUrl}}),n._v(" "),A("div",{class:{"lesson-text":!0,"unit-no":!n.unit}},[n._v("点击这里可以"),A("span",{staticClass:"color-red"},[n._v("选择课程")])]),n._v(" "),A("div",{class:{"lesson-block":!0,"unit-no":!n.unit}},[A("img",{attrs:{src:n.mapUrl}})]),n._v(" "),A("img",{class:{"i-know":!0,"unit-no":!n.unit},attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})]):n._e()])};p._withStripped=!0;var h={render:p,staticRenderFns:[]},C=h;var b=!1;var v=A("VU/8")(f,C,!1,function(n){b||A("vqEA")},"data-v-61381b69",null);v.options.__file="src/components/guide/map.vue";var u=v.exports,E={name:"guide",data:function(){return{iKnowUrl:e.a,goDownUrl:l.a,goUrl:s.a,starUrl:c.a,show:!1}},mounted:function(){var n=this;Object(o.h)({page_name:"content"}).then(function(t){0==t&&(n.show=!0)})}},m=function(){var n=this,t=n.$createElement,A=n._self._c||t;return A("div",[n.show?A("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[A("div",{staticClass:"guide-content"},[A("div",{staticClass:"title"},[n._v("\n The Bear Went Over the Mountain\n ")]),n._v(" "),A("img",{staticClass:"toTitle",attrs:{src:n.goDownUrl}}),n._v(" "),n._m(0),n._v(" "),A("img",{staticClass:"toLesson",attrs:{src:n.goUrl}}),n._v(" "),n._m(1),n._v(" "),A("div",{staticClass:"lesson-block"},[n._v("\n 开始课程\n ")]),n._v(" "),A("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})])]):n._e()])};m._withStripped=!0;var B={render:m,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"title-test"},[this._v("\n 该天"),t("span",{staticClass:"color-red"},[this._v("歌曲名称")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"lesson-text"},[this._v("点击"),t("span",{staticClass:"color-red"},[this._v("开始课程")])])}]},k=B;var D=!1;var V=A("VU/8")(E,k,!1,function(n){D||A("0dPK")},"data-v-7971dcf4",null);V.options.__file="src/components/guide/content.vue";var x=V.exports,y=A("e2Pt"),_=A.n(y),F=(A("v2ns"),A("7QTg")),M=A("Au9i"),S=A("2oJL"),z=A("3xxH"),L=A.n(z),U={name:"mapDefault",components:{swiper:F.swiper,swiperSlide:F.swiperSlide,bottomTab:S.a,guidePage:u,guideContent:x},data:function(){return{shopType:this.$route.query.course_type,diaBGI:_.a,periods_id:this.$route.query.periods_id,parent_category_id:this.$route.query.parent_category_id,unitList:[],errorURL:L.a,popupVisible:!1,lessonList:[],lesson:"",noLesson:!1,thisLesson:null,swiperOption:{slidesPerView:4,pagination:{el:".swiper-pagination"}}}},mounted:function(){this.initPage()},filters:{substr10:function(n){return n.substr(0,10)}},computed:{swiper:function(){return 0==this.$route.query.course_type?this.$refs.mySwiper.swiper:""},splitContent:function(){var n=[];return this.thisLesson.content.tips.title1_content&&(n=this.thisLesson.content.tips.title1_content.split("\n")),n}},methods:{goDetail:function(){if(this.thisLesson.content.tips){var n={periods_id:this.periods_id,category_id:this.thisLesson.category_id,elementId:this.thisLesson.id,course_type:this.$route.query.course_type,parent_category_id:this.parent_category_id};this.$router.push({name:"newLesson",query:n})}else{var t={periods_id:this.periods_id,category_id:this.thisLesson.category_id,parent_category_id:this.parent_category_id,element_id:this.thisLesson.id,course_type:this.$route.query.course_type,type:"1"};this.$router.push({name:"lesson",query:t})}},changeCateGory:function(n){this.parent_category_id=n.category_id,this.$router.push({name:"map",query:{periods_id:this.periods_id,course_type:this.shopType,parent_category_id:this.parent_category_id}}),this.getLessonList()},showDia:function(n,t){var A=this;M.Indicator.open({spinnerType:"triple-bounce"}),Object(o.i)(this.periods_id,n.category_id,n.ele_list[0].id).then(function(n){n.content=JSON.parse(n.content),A.thisLesson=n,A.thisLesson.day=t,A.popupVisible=!0,M.Indicator.close()})},initPage:function(){this.getLessonList(),0==this.$route.query.course_type&&this.getUnitList()},getUnitList:function(){var n=this;this.unitList=[],Object(o.d)(this.periods_id).then(function(t){n.unitList=t,n.$nextTick(function(){var t=null;n.unitList.forEach(function(A,o){A.category_id==n.parent_category_id&&(t=o)}),n.swiper.slideTo(t,300,!1)})})},getLessonList:function(){var n=this;this.lessonList=[],Object(o.j)(this.periods_id,{category_id:this.parent_category_id}).then(function(t){t.list.length<1?n.noLesson=!0:n.noLesson=!1;for(var A=[],o=0;o<t.list.length;o++)t.list[o].title.indexOf("Day1")>-1&&A.length>0?(n.lessonList.push(A),(A=[]).push(t.list[o])):(A.push(t.list[o]),o==t.list.length-1&&n.lessonList.push(A))})}}},P=function(){var n=this,t=n.$createElement,A=n._self._c||t;return A("div",[A("div",{staticClass:"unit-block"},[0==n.$route.query.course_type?A("swiper",{ref:"mySwiper",staticClass:"banner",attrs:{options:n.swiperOption}},[n._l(n.unitList,function(t,o){return A("swiper-slide",{key:o},[A("div",{staticClass:"line"}),n._v(" "),A("div",{class:{"unit-li":!0,active:t.category_id==n.parent_category_id},on:{click:function(A){n.changeCateGory(t)}}},[A("div",[n._v("\n Unit\n ")]),n._v("\n "+n._s(t.category_name)+"\n ")])])}),n._v(" "),n._l(3-n.unitList.length>0?3-n.unitList.length:0,function(n){return A("swiper-slide",{key:10*n},[A("div",{staticClass:"unit-li"},[A("div")])])})],2):n._e()],1),n._v(" "),A("div",{staticClass:"lesson-block"},[n.noLesson?A("div",{staticClass:"noLesson"},[A("img",{attrs:{src:n.errorURL}}),n._v(" "),A("div",[n._v("\n 暂无课程\n ")])]):n._e(),n._v(" "),n._l(n.lessonList,function(t,o){return A("div",{staticClass:"card-block"},[A("img",{attrs:{src:t[0].cover+"?imageslim"}}),n._v(" "),n._l(t,function(i,e){return A("div",{staticClass:"card-li",on:{click:function(t){n.showDia(i,e+1)}}},[A("div",[A("div",{staticClass:"title"},[n._v("\n "+n._s(n._f("substr10")(i.title))+"\n ")]),n._v(" "),A("div",{staticClass:"tips"},[n._v("\n "+n._s(i.ele_list[0].title)+"\n ")])]),n._v(" "),A("div",[n._l(i.ele_list[0].star_num,function(n){return A("i",{staticClass:"map actStar"})}),n._v(" "),n._l(3-i.ele_list[0].star_num,function(n){return A("i",{staticClass:"map defultStar"})})],2),n._v(" "),A("div",[A("i",{class:{map:!0,right:o!==i.length-1,money:o===n.lessonList.length-1&&e===t.length-1}})])])}),n._v(" "),t.length<5&&0==n.$route.query.course_type?A("div",n._l(5-t.length,function(t){return A("div",{staticClass:"card-li"},[n._m(0,!0)])})):n._e()],2)}),n._v(" "),n._l(4-n.lessonList.length,function(t,o){return n.lessonList&&n.lessonList.length>0&&0==n.$route.query.course_type?A("div",{staticClass:"card-block"},[A("img",{attrs:{src:"https://cdn.singsingenglish.com/changchang/noLesson.jpg?imageslim"}}),n._v(" "),n._l(5,function(t,o){return A("div",{staticClass:"card-li"},[n._m(1,!0)])})],2):n._e()})],2),n._v(" "),n.popupVisible&&n.thisLesson?A("guide-content"):n._e(),n._v(" "),A("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[n.thisLesson?A("div",{staticClass:"popup-block"},[A("i",{staticClass:"map close",on:{click:function(t){n.popupVisible=!1}}}),n._v(" "),A("div",{staticClass:"header",style:{backgroundImage:"url("+n.diaBGI+")"}},[A("div",{staticClass:"title"},[n._v("\n "+n._s(n.thisLesson.title)+"\n ")]),n._v(" "),n.thisLesson.content.tips?A("div",{staticClass:"tips"},[n._v("\n "+n._s(n.thisLesson.content.tips.content)+"\n ")]):n._e(),n._v(" "),n.thisLesson.content.tips?n._e():A("div",{staticClass:"tips"},[n._v("\n DAY "+n._s(n.thisLesson.day)+"\n ")])]),n._v(" "),n.thisLesson.content.tips?A("div",{staticClass:"content"},[A("div",{staticClass:"tips-title"},[n._v(n._s(n.thisLesson.content.tips.title1))]),n._v(" "),A("div",{staticClass:"title-content"},[A("ul",n._l(n.splitContent,function(t){return A("li",{staticStyle:{"text-align":"center"}},[n._v(n._s(t))])}))]),n._v(" "),A("div",{staticClass:"tips-title"},[n._v(n._s(n.thisLesson.content.tips.title2))]),n._v(" "),A("div",{staticClass:"title-content"},[n._v(n._s(n.thisLesson.content.tips.title2_content))])]):n._e(),n._v(" "),n.thisLesson.content.tips?n._e():A("div",{staticClass:"content"},[A("div",{staticStyle:{color:"#cccccc",padding:"21.3333vw 0","font-size":"5.3333vw"}},[n._v("快去开始课程吧!")])]),n._v(" "),A("div",[A("i",{staticClass:"map goLesson",on:{click:function(t){n.goDetail()}}})])]):n._e()]),n._v(" "),A("bottom-tab"),n._v(" "),A("guide-page")],1)};P._withStripped=!0;var H={render:P,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"clock-block"},[t("div",{staticClass:"map clock"}),this._v(" "),t("br"),this._v("\n 课程还未开始\n ")])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"clock-block"},[t("div",{staticClass:"map clock"}),this._v(" "),t("br"),this._v("\n 课程还未开始\n ")])}]},q=H;var j=!1;var O=A("VU/8")(U,q,!1,function(n){j||A("W/iF")},"data-v-2bc4c202",null);O.options.__file="src/components/map/index.vue";t.default=O.exports},"3xxH":function(n,t,A){n.exports=A.p+"static/img/error.6b7c895.png"},Bka6:function(n,t,A){(n.exports=A("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-2bc4c202] {\n float: right;\n}\n.main-block[data-v-2bc4c202] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-2bc4c202]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-2bc4c202]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-2bc4c202]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-2bc4c202]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.map[data-v-2bc4c202] {\n background: url('/static/images/map.png') no-repeat;\n background-size: 36.26666667vw 55.2vw;\n}\n.defultStar[data-v-2bc4c202] {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 0;\n display: inline-block;\n}\n.right[data-v-2bc4c202] {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -5.33333333vw;\n display: inline-block;\n}\n.close[data-v-2bc4c202] {\n position: absolute;\n top: -2.93333333vw;\n right: -8.53333333vw;\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -10.66666667vw;\n display: inline-block;\n}\n.actStar[data-v-2bc4c202] {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -16vw;\n display: inline-block;\n}\n.clock[data-v-2bc4c202] {\n height: 7.46666667vw;\n width: 7.46666667vw;\n background-position: 0 -21.33333333vw;\n display: inline-block;\n}\n.money[data-v-2bc4c202] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -28.8vw;\n display: inline-block;\n -webkit-animation: dodge-data-v-2bc4c202 1s infinite;\n animation: dodge-data-v-2bc4c202 1s infinite;\n}\n.goLesson[data-v-2bc4c202] {\n height: 15.73333333vw;\n width: 36.26666667vw;\n background-position: 0 -39.46666667vw;\n display: inline-block;\n margin-top: 4vw;\n margin-bottom: 2.66666667vw;\n}\n.noLesson[data-v-2bc4c202] {\n margin: 5.33333333vw;\n text-align: center;\n}\n.noLesson img[data-v-2bc4c202] {\n width: 80%;\n}\n.line[data-v-2bc4c202] {\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 4vw;\n bottom: 4vw;\n}\n.unit-block[data-v-2bc4c202] {\n -webkit-box-shadow: 0vw 0.26666667vw 1.06666667vw 0vw rgba(204, 204, 204, 0.5);\n box-shadow: 0vw 0.26666667vw 1.06666667vw 0vw rgba(204, 204, 204, 0.5);\n}\n.unit-block .unit-li[data-v-2bc4c202] {\n width: 18.13333333vw;\n text-align: center;\n margin-top: 2.6666vw;\n height: 13.86666667vw;\n border-radius: 2.13333333vw 2.13333333vw 0vw 0vw;\n font-size: 3.2vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n padding-top: 3.2vw;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.unit-block .unit-li.active[data-v-2bc4c202] {\n background: #60ADF0;\n color: #ffffff;\n}\n.lesson-block[data-v-2bc4c202] {\n padding-bottom: 16vw;\n}\n.lesson-block .card-block[data-v-2bc4c202] {\n -webkit-box-shadow: 0vw 0.53333333vw 1.33333333vw 0.26666667vw rgba(153, 153, 153, 0.56);\n box-shadow: 0vw 0.53333333vw 1.33333333vw 0.26666667vw rgba(153, 153, 153, 0.56);\n margin: 5.33333333vw;\n border-radius: 2.13333333vw;\n}\n.lesson-block .card-block img[data-v-2bc4c202] {\n width: 100%;\n height: 37.33333333vw;\n border-radius: 2.13333333vw 2.13333333vw 0 0;\n}\n.lesson-block .card-block .card-li[data-v-2bc4c202] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: auto;\n padding: 2.66666667vw;\n border-bottom: 0.26666667vw solid #EEEEEE;\n}\n.lesson-block .card-block .card-li .clock-block[data-v-2bc4c202] {\n text-align: center;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n line-height: 4.53333333vw;\n}\n.lesson-block .card-block .card-li .title[data-v-2bc4c202] {\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #000000;\n line-height: 7.46666667vw;\n}\n.lesson-block .card-block .card-li .tips[data-v-2bc4c202] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n max-width: 45.33333333vw;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.popup-block[data-v-2bc4c202] {\n text-align: center;\n background: white;\n border-radius: 2.13333333vw;\n width: 73.6vw;\n}\n.popup-block .header[data-v-2bc4c202] {\n width: 73.6vw;\n height: 36.53333333vw;\n padding-top: 9.6vw;\n background-size: 100% 100%;\n position: relative;\n}\n.popup-block .header .title[data-v-2bc4c202] {\n text-align: center;\n font-size: 6.4vw;\n font-family: Helvetica-Bold;\n font-weight: bold;\n padding: 0 5.33333333vw;\n color: #ffffff;\n line-height: 6.93333333vw;\n}\n.popup-block .header .tips[data-v-2bc4c202] {\n width: 24.53333333vw;\n height: 9.6vw;\n background: rgba(0, 0, 0, 0.2);\n text-align: center;\n border-radius: 1.06666667vw;\n position: absolute;\n left: 50%;\n margin-left: -12.26666667vw;\n bottom: 5.33333333vw;\n line-height: 9.6vw;\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #ffffff;\n}\n.popup-block .content[data-v-2bc4c202] {\n padding-top: 3.73333333vw;\n}\n.popup-block .content .tips-title[data-v-2bc4c202] {\n height: 6.66666667vw;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n margin: 3.2vw auto 2.66666667vw auto;\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #91edfa;\n line-height: 6.66666667vw;\n display: block;\n border-radius: 266.66666667vw;\n padding: 0.8vw 4.8vw;\n border: 0.53333333vw solid #91EDFA;\n}\n.popup-block .content .title-content[data-v-2bc4c202] {\n word-break: break-all;\n padding: 0 4.8vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Regular;\n font-weight: 400;\n color: #666666;\n line-height: 4.53333333vw;\n}\n.popup-block .content .title-content ul[data-v-2bc4c202] {\n margin: 0;\n padding: 0;\n font-size: 3.73333333vw;\n height: 15.46666667vw;\n overflow: hidden;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 5.33333333vw;\n list-style-type: none;\n}\n.popup-block .content .title-content ul[data-v-2bc4c202]:after {\n content: '';\n display: block;\n clear: both;\n}\n.popup-block .content .title-content ul li[data-v-2bc4c202] {\n width: 50%;\n float: left;\n text-align: left;\n}\n@-webkit-keyframes dodge-data-v-2bc4c202 {\n0% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n50% {\n -webkit-transform: scale(1.1, 1.1);\n transform: scale(1.1, 1.1);\n}\n100% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n}\n@keyframes dodge-data-v-2bc4c202 {\n0% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n50% {\n -webkit-transform: scale(1.1, 1.1);\n transform: scale(1.1, 1.1);\n}\n100% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/map/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/map/index.vue","D:/myproject/new-singsingH5/src/components/map/D:/myproject/new-singsingH5/src/components/map/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.map {\n background: url('/static/images/map.png') no-repeat;\n background-size: 36.26666667vw 55.2vw;\n}\n.defultStar {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 0;\n display: inline-block;\n}\n.right {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -5.33333333vw;\n display: inline-block;\n}\n.close {\n position: absolute;\n top: -2.93333333vw;\n right: -8.53333333vw;\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -10.66666667vw;\n display: inline-block;\n}\n.actStar {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -16vw;\n display: inline-block;\n}\n.clock {\n height: 7.46666667vw;\n width: 7.46666667vw;\n background-position: 0 -21.33333333vw;\n display: inline-block;\n}\n.money {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -28.8vw;\n display: inline-block;\n animation: dodge 1s infinite;\n}\n.goLesson {\n height: 15.73333333vw;\n width: 36.26666667vw;\n background-position: 0 -39.46666667vw;\n display: inline-block;\n margin-top: 4vw;\n margin-bottom: 2.66666667vw;\n}\n.noLesson {\n margin: 5.33333333vw;\n text-align: center;\n}\n.noLesson img {\n width: 80%;\n}\n.line {\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 4vw;\n bottom: 4vw;\n}\n.unit-block {\n box-shadow: 0vw 0.26666667vw 1.06666667vw 0vw rgba(204, 204, 204, 0.5);\n}\n.unit-block .unit-li {\n width: 18.13333333vw;\n text-align: center;\n margin-top: 2.6666vw;\n height: 13.86666667vw;\n border-radius: 2.13333333vw 2.13333333vw 0vw 0vw;\n font-size: 3.2vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n padding-top: 3.2vw;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.unit-block .unit-li.active {\n background: #60ADF0;\n color: #ffffff;\n}\n.lesson-block {\n padding-bottom: 16vw;\n}\n.lesson-block .card-block {\n box-shadow: 0vw 0.53333333vw 1.33333333vw 0.26666667vw rgba(153, 153, 153, 0.56);\n margin: 5.33333333vw;\n border-radius: 2.13333333vw;\n}\n.lesson-block .card-block img {\n width: 100%;\n height: 37.33333333vw;\n border-radius: 2.13333333vw 2.13333333vw 0 0;\n}\n.lesson-block .card-block .card-li {\n display: flex;\n margin: auto;\n padding: 2.66666667vw;\n border-bottom: 0.26666667vw solid #EEEEEE;\n}\n.lesson-block .card-block .card-li .clock-block {\n text-align: center;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n line-height: 4.53333333vw;\n}\n.lesson-block .card-block .card-li .title {\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #000000;\n line-height: 7.46666667vw;\n}\n.lesson-block .card-block .card-li .tips {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n max-width: 45.33333333vw;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.popup-block {\n text-align: center;\n background: white;\n border-radius: 2.13333333vw;\n width: 73.6vw;\n}\n.popup-block .header {\n width: 73.6vw;\n height: 36.53333333vw;\n padding-top: 9.6vw;\n background-size: 100% 100%;\n position: relative;\n}\n.popup-block .header .title {\n text-align: center;\n font-size: 6.4vw;\n font-family: Helvetica-Bold;\n font-weight: bold;\n padding: 0 5.33333333vw;\n color: #ffffff;\n line-height: 6.93333333vw;\n}\n.popup-block .header .tips {\n width: 24.53333333vw;\n height: 9.6vw;\n background: rgba(0, 0, 0, 0.2);\n text-align: center;\n border-radius: 1.06666667vw;\n position: absolute;\n left: 50%;\n margin-left: -12.26666667vw;\n bottom: 5.33333333vw;\n line-height: 9.6vw;\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #ffffff;\n}\n.popup-block .content {\n padding-top: 3.73333333vw;\n}\n.popup-block .content .tips-title {\n height: 6.66666667vw;\n width: fit-content;\n margin: 3.2vw auto 2.66666667vw auto;\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #91edfa;\n line-height: 6.66666667vw;\n display: block;\n border-radius: 266.66666667vw;\n padding: 0.8vw 4.8vw;\n border: 0.53333333vw solid #91EDFA;\n}\n.popup-block .content .title-content {\n word-break: break-all;\n padding: 0 4.8vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Regular;\n font-weight: 400;\n color: #666666;\n line-height: 4.53333333vw;\n}\n.popup-block .content .title-content ul {\n margin: 0;\n padding: 0;\n font-size: 3.73333333vw;\n height: 15.46666667vw;\n overflow: hidden;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 5.33333333vw;\n list-style-type: none;\n}\n.popup-block .content .title-content ul:after {\n content: '';\n display: block;\n clear: both;\n}\n.popup-block .content .title-content ul li {\n width: 50%;\n float: left;\n text-align: left;\n}\n@keyframes dodge {\n 0% {\n transform: scale(0.9, 0.9);\n }\n 50% {\n transform: scale(1.1, 1.1);\n }\n 100% {\n transform: scale(0.9, 0.9);\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n// 精灵图\n.map{background:url('/static/images/map.png') no-repeat;background-size:136*@toVw 207*@toVw}\n.defultStar{height:20*@toVw;width:20*@toVw;background-position:0 0;;display: inline-block}\n.right{height:20*@toVw;width:20*@toVw;background-position:0 -20*@toVw;display: inline-block}\n.close{position:absolute;top:-11*@toVw;right: -32*@toVw ;height:20*@toVw;width:20*@toVw;background-position:0 -40*@toVw;display: inline-block}\n.actStar{height:20*@toVw;width:20*@toVw;background-position:0 -60*@toVw;display: inline-block}\n.clock{height:28*@toVw;width:28*@toVw;background-position:0 -80*@toVw;display: inline-block}\n.money{height:40*@toVw;width:40*@toVw;background-position:0 -108*@toVw;display: inline-block;animation: dodge 1s infinite;}\n.goLesson{height:59*@toVw;width:136*@toVw;background-position:0 -148*@toVw;display: inline-block;margin-top:15*@toVw;margin-bottom: 10*@toVw }\n// 主题列表\n.noLesson{\n margin: 20*@toVw;\n text-align: center;\n img{\n width: 80%;\n }\n}\n.line{\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 15*@toVw;\n bottom: 15*@toVw;\n}\n.unit-block{\n box-shadow:0*@toVw 1*@toVw 4*@toVw 0*@toVw rgba(204,204,204,0.5);\n .unit-li{\n width: 68 * @toVw;\n text-align: center;\n margin-top: 2.6666vw;\n height:52 * @toVw;\n border-radius:8 * @toVw 8 * @toVw 0*@toVw 0*@toVw;\n font-size:12* @toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n padding-top: 12 * @toVw;\n color:rgba(102,102,102,1);\n line-height:20* @toVw;\n &.active{\n background: #60ADF0;\n color: #ffffff;\n }\n }\n}\n// 课包样式\n.lesson-block{\n padding-bottom: 60*@toVw;\n .card-block{\n box-shadow:0* @toVw 2* @toVw 5* @toVw 1* @toVw rgba(153,153,153,0.56);\n margin: 20 * @toVw;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n height: 140 *@toVw;\n border-radius: 8*@toVw 8*@toVw 0 0 ;\n }\n .card-li{\n display: flex;\n margin: auto;\n padding: 10 * @toVw;\n border-bottom: 1 * @toVw solid #EEEEEE;\n .clock-block{\n text-align: center;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n line-height:17*@toVw;\n }\n .title{\n font-size:16*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(0,0,0,1);\n line-height:28*@toVw;\n\n }\n .tips{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n max-width: 170 * @toVw;\n\n overflow: hidden;\n white-space:nowrap;\n text-overflow:ellipsis;\n color:rgba(102,102,102,1);\n line-height:20*@toVw;\n }\n }\n }\n}\n// 弹窗样式\n.popup-block{\n text-align: center;\n background: white;\n border-radius: 8*@toVw;\n width: 276 * @toVw;\n .header{\n width: 276 * @toVw;\n height: 137 * @toVw;\n padding-top: 36 * @toVw;\n background-size: 100% 100%;\n position: relative;\n .title{\n text-align: center;\n font-size:24*@toVw;\n font-family:Helvetica-Bold;\n font-weight:bold;\n padding: 0 20*@toVw;\n color:rgba(255,255,255,1);\n line-height:26*@toVw;\n }\n .tips{\n width:92*@toVw;\n height:36*@toVw;\n background: rgba(0,0,0,0.2);\n text-align: center;\n border-radius: 4*@toVw;\n position: absolute;\n left: 50%;\n margin-left: -46*@toVw;\n bottom: 20*@toVw;\n line-height: 36 * @toVw;\n font-size:16*@toVw;\n font-family:PingFang-SC-Bold;\n font-weight:bold;\n color:rgba(255,255,255,1);\n }\n }\n .content{\n padding-top: 14*@toVw;\n .tips-title{\n height:25*@toVw;\n width: fit-content;\n margin: 12*@toVw auto 10*@toVw auto;\n font-size:16*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(145,237,250,1);\n line-height:25*@toVw;\n display: block;\n border-radius: 1000*@toVw;\n padding: 3*@toVw 18*@toVw;\n border: 2*@toVw solid #91EDFA;\n }\n .title-content {\n word-break: break-all;\n padding: 0 18*@toVw;\n font-size: 12*@toVw;\n font-family: PingFang-SC-Regular;\n font-weight: 400;\n color: #666666;\n line-height: 17*@toVw;\n ul{\n margin: 0;\n padding: 0;\n font-size:14*@toVw;\n height:58*@toVw;\n overflow: hidden;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n line-height:20*@toVw;\n list-style-type:none;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n li{\n width: 50%;\n float: left;\n text-align: left;\n }\n }\n }\n }\n}\n\n\n@keyframes dodge\n{\n 0%{\n transform:scale(0.9,0.9)\n }\n 50%{\n transform:scale(1.1,1.1)\n }\n 100%{\n transform:scale(0.9,0.9)\n }\n}\n"],sourceRoot:""}])},D3IE:function(n,t,A){(n.exports=A("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-7971dcf4] {\n float: right;\n}\n.main-block[data-v-7971dcf4] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-7971dcf4]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-7971dcf4]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-7971dcf4]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-7971dcf4]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star[data-v-7971dcf4] {\n width: 6.13333333vw;\n}\n.guide-content[data-v-7971dcf4] {\n width: 73.6vw;\n height: 124.8vw;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: -62.4vw;\n margin-left: -36.8vw;\n}\n.off[data-v-7971dcf4] {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.title[data-v-7971dcf4] {\n width: 63.2vw;\n height: 15.46666667vw;\n padding: 2.66666667vw;\n font-size: 6.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 7.73333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n text-align: center;\n top: 5.33333333vw;\n left: 2.66666667vw;\n padding-top: 2.66666667vw;\n border-radius: 2.13333333vw;\n}\n.title-test[data-v-7971dcf4] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 32vw;\n left: 29.33333333vw;\n}\n.toTitle[data-v-7971dcf4] {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide[data-v-7971dcf4] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know[data-v-7971dcf4] {\n position: absolute;\n width: 34.4vw;\n left: 50%;\n margin-left: -17.2vw;\n margin-top: -8.53333333vw;\n top: 50%;\n}\n.guide .toLesson[data-v-7971dcf4] {\n width: 12vw;\n position: absolute;\n bottom: 24vw;\n left: 24.26666667vw;\n -webkit-transform: rotate(-20deg);\n transform: rotate(-20deg);\n}\n.guide .color-red[data-v-7971dcf4] {\n color: #FF6477;\n}\n.guide .lesson-block[data-v-7971dcf4] {\n width: 134px;\n height: 57px;\n border-radius: 29px;\n border: 1px solid #ffffff;\n font-size: 20px;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 15.2vw;\n text-align: center;\n position: absolute;\n bottom: 5.33333333vw;\n left: 50%;\n margin-left: -17.86666667vw;\n}\n.guide .lesson-text[data-v-7971dcf4] {\n width: 30.4vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n bottom: 29.33333333vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/content.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/content.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC+BD;EACE,oBAAA;CD7BD;AC+BD;EACE,cAAA;EACA,gBAAA;EACA,mBAAA;EACA,UAAA;EACA,SAAA;EACA,oBAAA;EACA,qBAAA;CD7BD;AC+BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD7BD;AC+BD;EACE,cAAA;EACA,sBAAA;EACA,sBAAA;EACA,iBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EAEA,mCAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,4BAAA;CD/BD;ACiCD;EACE,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,UAAA;EACA,oBAAA;CD/BD;ACiCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CD/BD;ACiCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CD/BD;ACuBD;EAUI,mBAAA;EACA,cAAA;EACA,UAAA;EACA,qBAAA;EACA,0BAAA;EACA,SAAA;CD9BH;ACeD;EAkBI,YAAA;EACA,mBAAA;EACA,aAAA;EACA,oBAAA;EACA,kCAAA;UAAA,0BAAA;CD9BH;ACQD;EAyBI,eAAA;CD9BH;ACKD;EA4BI,aAAA;EACA,aAAA;EACA,oBAAA;EACA,0BAAA;EACA,gBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;EACA,qBAAA;EACA,UAAA;EACA,4BAAA;CD9BH;ACXD;EA4CI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;EACA,mCAAA;CD9BH",file:"content.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star {\n width: 6.13333333vw;\n}\n.guide-content {\n width: 73.6vw;\n height: 124.8vw;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: -62.4vw;\n margin-left: -36.8vw;\n}\n.off {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.title {\n width: 63.2vw;\n height: 15.46666667vw;\n padding: 2.66666667vw;\n font-size: 6.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 7.73333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n text-align: center;\n top: 5.33333333vw;\n left: 2.66666667vw;\n padding-top: 2.66666667vw;\n border-radius: 2.13333333vw;\n}\n.title-test {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 32vw;\n left: 29.33333333vw;\n}\n.toTitle {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 50%;\n margin-left: -17.2vw;\n margin-top: -8.53333333vw;\n top: 50%;\n}\n.guide .toLesson {\n width: 12vw;\n position: absolute;\n bottom: 24vw;\n left: 24.26666667vw;\n transform: rotate(-20deg);\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .lesson-block {\n width: 134px;\n height: 57px;\n border-radius: 29px;\n border: 1px solid #ffffff;\n font-size: 20px;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 15.2vw;\n text-align: center;\n position: absolute;\n bottom: 5.33333333vw;\n left: 50%;\n margin-left: -17.86666667vw;\n}\n.guide .lesson-text {\n width: 30.4vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n bottom: 29.33333333vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.star{\n width: 23*@toVw;\n}\n.guide-content{\n width: 276*@toVw;\n height: 468*@toVw;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: -234*@toVw;\n margin-left: -138*@toVw;\n}\n.off{\n position: absolute;\n top: 9*@toVw;\n z-index: 99999;\n right: 20*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n}\n.title{\n width:237*@toVw;\n height:58*@toVw;\n padding: 10*@toVw;\n font-size:24*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(255,255,255,1);\n line-height:29*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n position: absolute;\n text-align: center;\n border-radius: 8*@toVw;\n top: 20*@toVw;\n left: 10*@toVw;\n padding-top:10*@toVw ;\n border-radius:8*@toVw;\n}\n.title-test{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n line-height:26*@toVw;\n position: absolute;\n width:144*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n text-align: center;\n top: 120*@toVw;\n left: 110*@toVw;\n}\n.toTitle{\n width: 45*@toVw;\n position: absolute;\n top: 110*@toVw;\n left: 60*@toVw ;\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background:rgba(0,0,0,0.8);\n z-index: 9999;\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 50%;\n margin-left: -64.5*@toVw;\n margin-top: -32*@toVw;\n top: 50%;\n }\n .toLesson{\n width: 45*@toVw;\n position: absolute;\n bottom: 90*@toVw;\n left: 91*@toVw;\n transform: rotate(-20deg);\n }\n .color-red{\n color: #FF6477;\n }\n .lesson-block{\n width:134px;\n height:57px;\n border-radius:29px;\n border:1px solid rgba(255,255,255,1);\n font-size:20px;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(255,255,255,1);\n line-height: 57*@toVw;\n text-align: center;\n position: absolute;\n bottom: 20*@toVw;\n left: 50%;\n margin-left: -67*@toVw;\n }\n .lesson-text{\n width:114*@toVw;\n height:26*@toVw;\n line-height: 26*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n font-size: 14*@toVw;\n border-radius:8*@toVw;\n position: absolute;\n bottom: 110*@toVw;\n left: 137*@toVw;\n text-align: center;\n border:1*@toVw solid rgba(255,255,255,1)\n }\n}\n'],sourceRoot:""}])},"M5/F":function(n,t,A){(n.exports=A("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-61381b69] {\n float: right;\n}\n.main-block[data-v-61381b69] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-61381b69]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-61381b69]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-61381b69]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-61381b69]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star[data-v-61381b69] {\n width: 6.13333333vw;\n}\n.to1[data-v-61381b69] {\n width: 13.33333333vw;\n -webkit-transform: rotate(190deg);\n transform: rotate(190deg);\n position: absolute;\n left: 48vw;\n top: 13.33333333vw;\n}\n.to2[data-v-61381b69] {\n width: 13.33333333vw;\n -webkit-transform: rotate(160deg);\n transform: rotate(160deg);\n position: absolute;\n left: 58.66666667vw;\n top: 17.33333333vw;\n}\n.to3[data-v-61381b69] {\n width: 13.33333333vw;\n -webkit-transform: rotate(140deg);\n transform: rotate(140deg);\n position: absolute;\n left: 70.66666667vw;\n top: 18.66666667vw;\n}\n.text1[data-v-61381b69] {\n position: absolute;\n top: 17.33333333vw;\n left: 8vw;\n}\n.text2[data-v-61381b69] {\n position: absolute;\n top: 24vw;\n left: 21.33333333vw;\n}\n.text3[data-v-61381b69] {\n position: absolute;\n top: 32vw;\n left: 40vw;\n}\n.off[data-v-61381b69] {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.Unit[data-v-61381b69] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n border: 0.26666667vw solid #fff;\n position: absolute;\n text-align: center;\n width: 18.4vw;\n top: 1.86666667vw;\n right: 5.33333333vw;\n padding-top: 2.66666667vw;\n height: 14.66666667vw;\n border-radius: 2.13333333vw;\n}\n.until-test[data-v-61381b69] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 23.2vw;\n right: 26.66666667vw;\n}\n.toUntil[data-v-61381b69] {\n width: 12vw;\n position: absolute;\n top: 20.53333333vw;\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n right: 11.46666667vw;\n}\n.guide[data-v-61381b69] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know[data-v-61381b69] {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 109.33333333vw;\n}\n.guide .toLesson[data-v-61381b69] {\n width: 12vw;\n position: absolute;\n top: 50.66666667vw;\n left: 24.26666667vw;\n}\n.guide .toLesson.unit-no[data-v-61381b69] {\n top: 32vw;\n}\n.guide .color-red[data-v-61381b69] {\n color: #FF6477;\n}\n.guide .lesson-block[data-v-61381b69] {\n width: 89.6vw;\n position: absolute;\n top: 61.33333333vw;\n left: 5.06666667vw;\n}\n.guide .lesson-block.unit-no[data-v-61381b69] {\n top: 42.66666667vw;\n}\n.guide .lesson-block img[data-v-61381b69] {\n width: 100%;\n}\n.guide .lesson-text[data-v-61381b69] {\n width: 41.06666667vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n top: 49.86666667vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .lesson-text.unit-no[data-v-61381b69] {\n top: 29.33333333vw;\n}\n.guide .go[data-v-61381b69] {\n width: 17.86666667vw;\n position: absolute;\n bottom: 67.73333333vw;\n left: 22.13333333vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/map.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/map.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACmCD;EACE,oBAAA;CDjCD;ACmCD;EACE,qBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,mBAAA;EACA,WAAA;EACA,mBAAA;CDjCD;ACmCD;EACE,qBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;CDjCD;ACmCD;EACE,qBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;CDjCD;ACmCD;EACE,mBAAA;EACA,mBAAA;EACA,UAAA;CDjCD;ACmCD;EACE,mBAAA;EACA,UAAA;EACA,oBAAA;CDjCD;ACmCD;EACE,mBAAA;EACA,UAAA;EACA,WAAA;CDjCD;ACmCD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjCD;ACmCD;EACE,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,gCAAA;EACA,mBAAA;EACA,mBAAA;EAEA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,sBAAA;EACA,4BAAA;CDlCD;ACoCD;EACE,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,YAAA;EACA,qBAAA;CDlCD;ACoCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,qBAAA;CDlCD;ACoCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDlCD;AC0BD;EAUI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;CDjCH;ACoBD;EAmBI,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;CDpCH;AC8BG;EACE,UAAA;CD5BL;ACWD;EAyBI,eAAA;CDjCH;ACQD;EA+BI,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;CDpCH;AC8BG;EACE,mBAAA;CD5BL;ACDD;EAoCM,YAAA;CDhCL;ACJD;EA2CI,qBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,mCAAA;CDpCH;ACsBG;EACE,mBAAA;CDpBL;ACrBD;EAyDI,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,oBAAA;CDjCH",file:"map.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star {\n width: 6.13333333vw;\n}\n.to1 {\n width: 13.33333333vw;\n transform: rotate(190deg);\n position: absolute;\n left: 48vw;\n top: 13.33333333vw;\n}\n.to2 {\n width: 13.33333333vw;\n transform: rotate(160deg);\n position: absolute;\n left: 58.66666667vw;\n top: 17.33333333vw;\n}\n.to3 {\n width: 13.33333333vw;\n transform: rotate(140deg);\n position: absolute;\n left: 70.66666667vw;\n top: 18.66666667vw;\n}\n.text1 {\n position: absolute;\n top: 17.33333333vw;\n left: 8vw;\n}\n.text2 {\n position: absolute;\n top: 24vw;\n left: 21.33333333vw;\n}\n.text3 {\n position: absolute;\n top: 32vw;\n left: 40vw;\n}\n.off {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.Unit {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n border: 0.26666667vw solid #fff;\n position: absolute;\n text-align: center;\n width: 18.4vw;\n top: 1.86666667vw;\n right: 5.33333333vw;\n padding-top: 2.66666667vw;\n height: 14.66666667vw;\n border-radius: 2.13333333vw;\n}\n.until-test {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 23.2vw;\n right: 26.66666667vw;\n}\n.toUntil {\n width: 12vw;\n position: absolute;\n top: 20.53333333vw;\n transform: rotate(180deg);\n right: 11.46666667vw;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 109.33333333vw;\n}\n.guide .toLesson {\n width: 12vw;\n position: absolute;\n top: 50.66666667vw;\n left: 24.26666667vw;\n}\n.guide .toLesson.unit-no {\n top: 32vw;\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .lesson-block {\n width: 89.6vw;\n position: absolute;\n top: 61.33333333vw;\n left: 5.06666667vw;\n}\n.guide .lesson-block.unit-no {\n top: 42.66666667vw;\n}\n.guide .lesson-block img {\n width: 100%;\n}\n.guide .lesson-text {\n width: 41.06666667vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n top: 49.86666667vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .lesson-text.unit-no {\n top: 29.33333333vw;\n}\n.guide .go {\n width: 17.86666667vw;\n position: absolute;\n bottom: 67.73333333vw;\n left: 22.13333333vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.star{\n width: 23*@toVw;\n}\n.to1{\n width: 50*@toVw;\n transform: rotate(190deg);\n position: absolute;\n left: 180*@toVw;\n top: 50*@toVw;\n}\n.to2{\n width: 50*@toVw;\n transform: rotate(160deg);\n position: absolute;\n left: 220*@toVw;\n top: 65*@toVw;\n}\n.to3{\n width: 50*@toVw;\n transform: rotate(140deg);\n position: absolute;\n left: 265*@toVw;\n top: 70*@toVw;\n}\n.text1{\n position: absolute;\n top: 65*@toVw;\n left: 30*@toVw;\n}\n.text2{\n position: absolute;\n top: 90*@toVw;\n left: 80*@toVw;\n}\n.text3{\n position: absolute;\n top: 120*@toVw;\n left: 150*@toVw;\n}\n.off{\n position: absolute;\n top: 9*@toVw;\n z-index: 99999;\n right: 20*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n}\n.Unit{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n border: 1*@toVw solid #fff;\n position: absolute;\n text-align: center;\n border-radius: 8*@toVw;\n width:69*@toVw;\n top: 7*@toVw;\n right: 20*@toVw;\n padding-top:10*@toVw ;\n height:55*@toVw;\n border-radius:8*@toVw;\n}\n.until-test{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n line-height:26*@toVw;\n position: absolute;\n width:144*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n text-align: center;\n top: 87*@toVw;\n right: 100*@toVw;\n}\n.toUntil{\n width: 45*@toVw;\n position: absolute;\n top: 77*@toVw;\n transform: rotate(180deg);\n right: 43*@toVw ;\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background:rgba(0,0,0,0.8);\n z-index: 9999;\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n top: 410*@toVw;\n }\n .toLesson{\n &.unit-no{\n top: 120*@toVw;\n }\n width: 45*@toVw;\n position: absolute;\n top: 190*@toVw;\n left: 91*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .lesson-block{\n &.unit-no{\n top: 160*@toVw;\n }\n width:336*@toVw;\n position: absolute;\n top: 230*@toVw;\n left: 19*@toVw;\n img{\n width: 100%;\n }\n }\n .lesson-text{\n &.unit-no{\n top: 110*@toVw;\n }\n width:154*@toVw;\n height:26*@toVw;\n line-height: 26*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n font-size: 14*@toVw;\n border-radius:8*@toVw;\n position: absolute;\n top: 187*@toVw;\n left: 137*@toVw;\n text-align: center;\n border:1*@toVw solid rgba(255,255,255,1)\n }\n .go{\n width: 67*@toVw;\n position: absolute;\n bottom: 254*@toVw;\n left: 83*@toVw;\n }\n}\n'],sourceRoot:""}])},"W/iF":function(n,t,A){var o=A("Bka6");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);A("rjj0")("f3c11414",o,!1,{})},WcTT:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMAzIELF133JDjlmkqJvqtsBdjutFN6G0dPlQAAAZVJREFUSMeNVVeihCAMFJAiVSxz/6M+eOrqrqDkQyOMCZNG15VkAZauXQhA2tEK0wTVDJ9BKeZWtIToewHZCNfQ+6NFNsPZRRPcwueXh21Bsz0oKTysAR7gNsUhvKPHAWbTDIbxFc4RDzWCN+Sfn38+VEKvTLCeXE6QzkW8DUZdIsqk4VS7KLDLeu6tx5qITlNuJOuOFUxk1itX8kpPKr7qmUwfUMoGIg35x6dcSBNoRM6fRkMAMnGxVRFFSz4CQD+afS+k02b285jAUUNcTmwE/AN+9BDmqzsnuGpsmMP007kyZbDSDn3K9K0RZUQsdmdlo2jkwS0jpXhakAopX0ov3zq3IENptEgMlQhgKi1PKEfMHD39LQ6mCKflyrFHad0G6TnTx/Ey6+c3pkuMywvXk6lyuc+ceuR6MO1Tew0hDIDuH7huTBkVEDblkdmkUFbl+s+UJ6N+pyBT1w+8xjUxVfkKu1T29l3k2kPs1r4qJnsTBa5LHlbrrfjYmsfbUmB6ROLXrUaB6+yqF6lyd66Pt+5n8w8jhBi/H8e3ZQAAAABJRU5ErkJggg=="},e2Pt:function(n,t,A){n.exports=A.p+"static/img/diaBG.5949dd1.png"},ohH1:function(n,t){n.exports="data:image/png;base64,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"},qmiW:function(n,t,A){n.exports=A.p+"static/img/map.ed137dd.png"},vqEA:function(n,t,A){var o=A("M5/F");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);A("rjj0")("1f74c410",o,!1,{})}});
//# sourceMappingURL=4.e71f1b611188643c21c7.js.map
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,d,i,u=0,s=[];u<r.length;u++)d=r[u],t[d]&&s.push(t[d][0]),t[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(u=0;u<c.length;u++)i=o(o.s=c[u]);return i};var r={},t={18:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"8ee110205fe4dcaaac67",1:"bdc4a6dbba8505f42340",2:"216d32a1d3a5c1fbe550",3:"967082788f99565c09ce",4:"e71f1b611188643c21c7",5:"66742d2a465dd2f5ebbe",6:"99990270ac062b53228e",7:"86ac6f4fd0d3416941f1",8:"78d54c8c47ca01258701",9:"9dcb46af0c18dd459eb2",10:"7eed4a5075e7b5e67878",11:"ca4a07a64fd4e5deca27",12:"aa625006bea2a6016d9c",13:"0b75643124e3212a14e9",14:"504e6f370720910d3028",15:"2f54991e72a53597dd95"}[e]+".js";var f=setTimeout(d,12e4);function d(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=d,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="/",o.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.e68aba9d8489672ea6fc.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap c5286fac4dda9c8df3c3"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","18","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,GAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAA,SAAApB,GACA,IAAAqB,EAAAhB,EAAAL,GACA,OAAAqB,EACA,WAAAC,QAAA,SAAAC,GAA0CA,MAI1C,GAAAF,EACA,OAAAA,EAAA,GAIA,IAAAG,EAAA,IAAAF,QAAA,SAAAC,EAAAE,GACAJ,EAAAhB,EAAAL,IAAAuB,EAAAE,KAEAJ,EAAA,GAAAG,EAGA,IAAAE,EAAAC,SAAAC,qBAAA,WACAC,EAAAF,SAAAG,cAAA,UACAD,EAAAE,KAAA,kBACAF,EAAAG,QAAA,QACAH,EAAAI,OAAA,EACAJ,EAAAK,QAAA,KAEArB,EAAAsB,IACAN,EAAAO,aAAA,QAAAvB,EAAAsB,IAEAN,EAAAQ,IAAAxB,EAAAyB,EAAA,aAAAtC,EAAA,KAAwEuC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,wBAAsbtD,GAAA,MAC9f,IAAAkC,EAAAqB,WAAAC,EAAA,MAEA,SAAAA,IAEA3B,EAAA4B,QAAA5B,EAAA6B,OAAA,KACAC,aAAAzB,GACA,IAAA0B,EAAAvD,EAAAL,GACA,IAAA4D,IACAA,GACAA,EAAA,OAAAC,MAAA,iBAAA7D,EAAA,aAEAK,EAAAL,QAAA8D,GAKA,OAfAjC,EAAA4B,QAAA5B,EAAA6B,OAAAF,EAaA9B,EAAAqC,YAAAlC,GAEAL,GAIAX,EAAAmD,EAAArD,EAGAE,EAAAoD,EAAAlD,EAGAF,EAAAqD,EAAA,SAAAjD,EAAAkD,EAAAC,GACAvD,EAAAwD,EAAApD,EAAAkD,IACA5D,OAAA+D,eAAArD,EAAAkD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAvD,EAAA6D,EAAA,SAAAxD,GACA,IAAAkD,EAAAlD,KAAAyD,WACA,WAA2B,OAAAzD,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAqD,EAAAE,EAAA,IAAAA,GACAA,GAIAvD,EAAAwD,EAAA,SAAAO,EAAAC,GAAsD,OAAAtE,OAAAC,UAAAC,eAAAC,KAAAkE,EAAAC,IAGtDhE,EAAAyB,EAAA,IAGAzB,EAAAiE,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.e68aba9d8489672ea6fc.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t18: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"8ee110205fe4dcaaac67\",\"1\":\"bdc4a6dbba8505f42340\",\"2\":\"216d32a1d3a5c1fbe550\",\"3\":\"967082788f99565c09ce\",\"4\":\"e71f1b611188643c21c7\",\"5\":\"66742d2a465dd2f5ebbe\",\"6\":\"99990270ac062b53228e\",\"7\":\"86ac6f4fd0d3416941f1\",\"8\":\"78d54c8c47ca01258701\",\"9\":\"9dcb46af0c18dd459eb2\",\"10\":\"7eed4a5075e7b5e67878\",\"11\":\"ca4a07a64fd4e5deca27\",\"12\":\"aa625006bea2a6016d9c\",\"13\":\"0b75643124e3212a14e9\",\"14\":\"504e6f370720910d3028\",\"15\":\"2f54991e72a53597dd95\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap c5286fac4dda9c8df3c3"],"sourceRoot":""}
\ No newline at end of file
<template>
<div>
<div class="guide" v-if="show" @click="show=false">
<div class="Unit">
<div class="Unit" v-if="unit">
Unit
<br>
我家农场
</div>
<img class="toUntil" :src="goUrl"/>
<div class="until-test">
<img :class="{'toUntil':true,'unit-no':!unit}" :src="goUrl" v-if="unit"/>
<div :class="{'until-test':true,'unit-no':!unit}" v-if="unit">
点击这里可以<span class="color-red">切换主题</span>
</div>
<img :src="goUrl" class="toLesson"/>
<div class="lesson-text">点击这里可以<span class="color-red">选择课程</span></div>
<div class="lesson-block">
<img :src="goUrl" :class="{toLesson:true,'unit-no':!unit}"/>
<div :class="{'lesson-text':true,'unit-no':!unit}">点击这里可以<span class="color-red">选择课程</span></div>
<div :class="{'lesson-block':true,'unit-no':!unit}">
<img :src="mapUrl"/>
</div>
<img class="i-know" :src="iKnowUrl" @click="show=false"/>
<img :class="{'i-know':true,'unit-no':!unit}" :src="iKnowUrl" @click="show=false"/>
</div>
</div>
</template>
......@@ -35,6 +35,7 @@
return{
iKnowUrl:iKnowUrl,
goDownUrl:goDownUrl,
unit:this.$route.query.course_type == 0,
goUrl:goUrl,
starUrl:starUrl,
mapUrl:mapUrl,
......@@ -46,9 +47,9 @@
page_name:'map'
};
this.show=true;
getGuideApi(json).then(res=>{
if(res == 0){
this.show=true;
}
});
}
......@@ -160,6 +161,9 @@
top: 410*@toVw;
}
.toLesson{
&.unit-no{
top: 120*@toVw;
}
width: 45*@toVw;
position: absolute;
top: 190*@toVw;
......@@ -169,6 +173,9 @@
color: #FF6477;
}
.lesson-block{
&.unit-no{
top: 160*@toVw;
}
width:336*@toVw;
position: absolute;
top: 230*@toVw;
......@@ -178,6 +185,9 @@
}
}
.lesson-text{
&.unit-no{
top: 110*@toVw;
}
width:154*@toVw;
height:26*@toVw;
line-height: 26*@toVw;
......
......@@ -45,7 +45,7 @@
<i :class="{map:true,right:index !== item.length-1,money:index === lessonList.length-1 && x === data.length-1}"></i>
</div>
</div>
<div v-if="data.length < 5">
<div v-if="data.length < 5 && $route.query.course_type == 0">
<div class="card-li" v-for="a in 5-data.length">
<div class="clock-block">
<div class="map clock">
......@@ -241,18 +241,23 @@
getLessonList(){
this.lessonList=[];
getLessonListApi(this.periods_id,{category_id:this.parent_category_id}).then(res=>{
let n = this.$route.query.course_type==0 ? 5: res.list.length;
if(res.list.length<1){
this.noLesson = true
}else{
this.noLesson = false
}
for(let i = 0; i < res.list.length; i += n ){
let list = [];
for (let j = i;j < i + n && j < res.list.length; j++){
list.push(res.list[j])
for(let i = 0; i < res.list.length; i ++ ){
if(res.list[i].title.indexOf('Day1')>-1 && list.length > 0){
this.lessonList.push(list);
list = [];
list.push(res.list[i]);
}else{
list.push(res.list[i]);
if(i==res.list.length-1){
this.lessonList.push(list);
}
}
this.lessonList.push(list)
}
});
}
......
......@@ -6,7 +6,7 @@
<i :class="{lessonHeader:true, defaultFun:nowShow !== 3,fun:nowShow===3}" @click="changeTitle(3)"></i>
<i class="lessonHeader home" @click="backList"></i>
</div>
<img :src="backUrl" v-if="nowLesson.old" @click="backList" class="backImg">
<div class="header-h">
<div class="header-list active">
<i class="index-h look-h"></i>
......@@ -33,12 +33,14 @@
import {getLessonDetailApi} from "../../service/api";
import lookBlock from './look'
import videoBlock from './video'
import backUrl from '../../assets/newLesson/back.png'
import audioBlock from './audio'
export default {
name: "index",
data(){
let query = this.$route.query;
return {
backUrl:backUrl,
periods_id:query.periods_id,
category_id:query.category_id,
elementId:query.elementId,
......@@ -154,6 +156,13 @@
.newLesson{
background: #eeeeee;
}
.backImg{
position: fixed;
bottom: 40*@toVw;
right: 20*@toVw;
z-index: 99999999;
width: 60*@toVw;
}
@media screen and (orientation: landscape) {
......
......@@ -4,7 +4,6 @@
<div class="content" v-if="!contentData.old" v-html="content">
</div>
<div class="old-content" v-if="contentData.old" v-html="content">
</div>
</div>
</template>
......@@ -21,7 +20,7 @@
},
computed:{
content(){
return this.contentData.content.content.replace(/video/g,'audio')
return this.contentData.content.content
}
}
}
......@@ -47,7 +46,7 @@
}
</style>
<style>
.old-content img{
.old-content img,.old-content video{
margin-top: 50px;
max-width: 100% !important;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment