diff --git a/dev/index.html b/dev/index.html index 0a489b685a0c2e6959e382084d8bd5ba411b6681..0453a2fa9ebb2a4f5f791d3da90a7a05ba84e0c3 100644 --- a/dev/index.html +++ b/dev/index.html @@ -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.60010e00096e42368f28.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.6e6fb139de6938e3cb68.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.3ff533f3daf61febde4b.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.6e6fb139de6938e3cb68.js></script></body></html> \ No newline at end of file diff --git a/dev/static/js/2.646302a489fbe4165d52.js b/dev/static/js/2.646302a489fbe4165d52.js new file mode 100644 index 0000000000000000000000000000000000000000..c7bccd51616680559f57ba8714d12d31c78b4b14 --- /dev/null +++ b/dev/static/js/2.646302a489fbe4165d52.js @@ -0,0 +1,2 @@ +webpackJsonp([2],{"+xa/":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-6acc4334] {\n float: right;\n}\n.main-block[data-v-6acc4334] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-6acc4334]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-6acc4334]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-6acc4334]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-6acc4334]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.look-content .content[data-v-6acc4334] {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 2.66666667vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/look.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/look.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;ACoBD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CDnBH",file:"look.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.look-content .content {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 2.66666667vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.look-content{\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 10*@toVw;\n }\n}\n'],sourceRoot:""}])},"4t0V":function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var A=o("CCn6"),e=o("hUWd"),i=o.n(e),a=o("SKwj"),r=o.n(a),s=o("ohH1"),l=o.n(s),d=o("WcTT"),c=o.n(d),g={name:"guide",data:function(){return{iKnowUrl:i.a,goDownUrl:l.a,goUrl:r.a,starUrl:c.a,show:!1}},mounted:function(){var n=this;Object(A.h)({page_name:"look"}).then(function(t){0==t&&(n.show=!0)})}},w=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.show?o("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[n._m(0),n._v(" "),o("img",{staticClass:"toUntil",attrs:{src:n.goDownUrl}}),n._v(" "),n._m(1),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})]):n._e()])};w._withStripped=!0;var b={render:w,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"radius-block"},[t("div",{staticClass:"radius"}),this._v(" "),t("div",{staticClass:"radius"}),this._v(" "),t("div",{staticClass:"radius"})])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"until-test"},[this._v("\n 点击"),t("span",{staticClass:"color-red"},[this._v("切æ¢è¯¾ç¨‹æ¨¡å—")])])}]},h=b;var p=!1;var v=o("VU/8")(g,h,!1,function(n){p||o("WFoo")},"data-v-44076ee2",null);v.options.__file="src/components/guide/look.vue";var u={name:"look",props:["contentData"],components:{guideBlock:v.exports},computed:{content:function(){var n=null;return n=this.$store.state.isMobile?this.contentData.content.content.replace(/\.mp3/g,".mp3?avvod/m3u8/ab/64k"):this.contentData.content.content,n.replace(/video/g,"audio")},nohidden:function(){return(this.$store.state.isMobile?this.contentData.content.content.replace(/\.mp3/g,".mp3?avvod/m3u8/ab/64k"):this.contentData.content.content).replace(/hidden="true"/g,"")}}},C=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"look-content"},[o("guide-block"),n._v(" "),n.contentData.old?n._e():o("div",{staticClass:"content",domProps:{innerHTML:n._s(n.content)}}),n._v(" "),n.contentData.old?o("div",{staticClass:"old-content",domProps:{innerHTML:n._s(n.nohidden)}}):n._e()],1)};C._withStripped=!0;var f={render:C,staticRenderFns:[]},m=f;var E=!1;var k=o("VU/8")(u,m,!1,function(n){E||(o("wpI3"),o("Xctm"))},"data-v-6acc4334",null);k.options.__file="src/components/newLesson/look.vue";var B=k.exports,D=o("O8Ir"),x=o.n(D),y=o("A4/g"),V=o.n(y),F={name:"guide",data:function(){return{iKnowUrl:i.a,goDownUrl:l.a,goUrl:r.a,starUrl:c.a,show:!1}},mounted:function(){var n=this;Object(A.h)({page_name:"video"}).then(function(t){0==t&&(n.show=!0)})}},j=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.show?o("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[o("img",{staticClass:"toVideo",attrs:{src:n.goUrl}}),n._v(" "),n._m(0),n._v(" "),o("div",{staticClass:"video-block"}),n._v(" "),n._m(1),n._v(" "),o("img",{staticClass:"toUntil",attrs:{src:n.goDownUrl}}),n._v(" "),n._m(2),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})]):n._e()])};j._withStripped=!0;var S={render:j,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"video-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:"change-block"},[t("div",[this._v("视频教å¦")]),this._v(" "),t("div",[this._v("音频教å¦")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"until-test"},[this._v("\n 点击"),t("span",{staticClass:"color-red"},[this._v("音画切æ¢")])])}]},z=S;var P=!1;var H=o("VU/8")(F,z,!1,function(n){P||o("AHTB")},"data-v-4b9d59c8",null);H.options.__file="src/components/guide/video.vue";var I={name:"play",components:{guideBlock:H.exports},data:function(){return{ageShow:!1,showObj:{video:[],change:!1},imgURL:{luolacoming:x.a,luolalaila:V.a}}},props:["contentData","nowShow"],mounted:function(){this.changeAge(this.contentData.age)},methods:{changeAudio:function(){this.contentData.type="audio"},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={video:this.contentData.content.video2,change:this.contentData.content.change2}:this.showObj={video:this.contentData.content.video,change:this.contentData.content.change}}},watch:{contentData:{handler:function(){this.changeAge(this.contentData.age)},deep:!0}}},M=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"video-page"},[o("div",{staticClass:"content"},[o("div",{staticClass:"header"},[3===n.nowShow?o("img",{staticClass:"text",attrs:{src:n.imgURL.luolacoming}}):n._e(),n._v(" "),2===n.nowShow?o("img",{staticClass:"text",attrs:{src:n.imgURL.luolalaila}}):n._e()]),n._v(" "),n._l(n.showObj.video,function(n){return o("div",{staticClass:"video-block"},[o("video",{attrs:{src:n.url,controls:"",poster:n.url+"?vframe/jpg/offset/3"}})])}),n._v(" "),o("div",{staticClass:"btn-block"},[n.contentData.content.age?o("div",{staticClass:"age-block",on:{click:function(t){n.ageShow=!n.ageShow}}},[1===n.contentData.age?o("div",[n._v("0-3å²"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e(),n._v(" "),2===n.contentData.age?o("div",[n._v("4-6å²"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e()]):n._e(),n._v(" "),n.contentData.content.age?o("div",{directives:[{name:"show",rawName:"v-show",value:n.ageShow,expression:"ageShow"}],staticClass:"age-change-block"},[o("div",{on:{click:function(t){n.contentData.age=1,n.ageShow=!1}}},[n._v("0-3å²"),1===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()]),n._v(" "),o("div",{on:{click:function(t){n.contentData.age=2,n.ageShow=!1}}},[n._v("4-6å²"),2===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block"},[o("div",{staticClass:"active"},[n._v("视频教å¦")]),n._v(" "),o("div",{on:{click:function(t){n.changeAudio()}}},[n._v("音频教å¦")])]):n._e()])],2),n._v(" "),o("guide-block")],1)};M._withStripped=!0;var q={render:M,staticRenderFns:[]},U=q;var T=!1;var O=o("VU/8")(I,U,!1,function(n){T||o("uLGf")},"data-v-d14e4a78",null);O.options.__file="src/components/newLesson/video.vue";var L=O.exports,N=o("cku8"),Q=o.n(N),Y=o("Au9i"),R=o("G8nj"),W=o.n(R),J=o("XDzh"),_=o.n(J),G=o("Jyj/"),X=o.n(G),Z=o("xAcr"),K=o.n(Z),$=o("M58m"),nn=o.n($),tn=o("EsZv"),on=o.n(tn),An={name:"guide",data:function(){return{iKnowUrl:W.a,goDownUrl:l.a,playUrl:_.a,nextUrl:X.a,backUrl:K.a,listUrl:nn.a,refUrl:on.a,goUrl:r.a,show:!1}},mounted:function(){var n=this;Object(A.h)({page_name:"audio"}).then(function(t){0==t&&(n.show=!0)})}},en=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.show?o("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[o("div",{staticClass:"title"},[n._v("\n 点击放大图片\n ")]),n._v(" "),o("div",{staticClass:"btn-block"},[o("img",{attrs:{src:n.listUrl}}),n._v(" "),o("img",{attrs:{src:n.backUrl}}),n._v(" "),o("img",{staticClass:"play-btn",attrs:{src:n.playUrl}}),n._v(" "),o("img",{attrs:{src:n.nextUrl}}),n._v(" "),o("img",{attrs:{src:n.refUrl}})]),n._v(" "),o("img",{staticClass:"toLesson",attrs:{src:n.goDownUrl}}),n._v(" "),o("div",{staticClass:"lesson-text"},[n._v("音频功能æ ")]),n._v(" "),o("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl}})]):n._e()])};en._withStripped=!0;var an={render:en,staticRenderFns:[]},rn=an;var sn=!1;var ln=o("VU/8")(An,rn,!1,function(n){sn||o("yvem")},"data-v-0761bba3",null);ln.options.__file="src/components/guide/audio.vue";var dn={name:"fun",props:["contentData"],components:{guideBlock:ln.exports},data:function(){return{popupVisible:!1,index:0,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,showObj:{audio:null,change:!1},playFlag:!1,offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.changeAge(this.contentData.age)},methods:{onPlay:function(){this.$refs.audio.play()},lastOne:function(){this.index>0?(this.index--,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.index=this.showObj.audio.length-1,this.keepPlay()):Object(Y.Toast)("å·²ç»æ˜¯ç¬¬ä¸€é¦–")},changeIndex:function(n){this.index=n,this.popupVisible=!1,this.keepPlay()},keepPlay:function(){var n=this;this.playFlag?this.$nextTick(function(){n.onPlay()}):this.$nextTick(function(){n.onStop()})},nextOne:function(){this.index<this.showObj.audio.length-1?(this.index++,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.index=0,this.keepPlay()):Object(Y.Toast)("å·²ç»æ˜¯æœ€åŽä¸€é¦–")},canPlay:function(){var n=this,t=this.$refs.audio;this.offset=Math.ceil(0|parseInt(t.duration)),this.$nextTick(function(){n.getDuration()})},playing:function(){var n=this;this.canPlay();var t=this.$refs.audio;this.playFlag=!0,this.timer=setInterval(function(){var o=null;o=parseInt(t.currentTime/60)<10?"0"+parseInt(t.currentTime/60):parseInt(t.currentTime/60);var A=parseInt(t.currentTime%60);A<10&&(A="0"+A),n.startTime=o+":"+A,n.range=parseInt(t.currentTime),n.range===n.offset&&0!==n.offset&&(n.range=0,n.startTime="00:00",n.onOver(),clearInterval(n.timer))},1e3)},stopTime:function(){clearInterval(this.timer)},getDuration:function(){var n=null;if(0===this.offset)this.overTime="æ£åœ¨åŠ è½½ä¸...";else{n=parseInt(this.offset/60)<10?"0"+parseInt(this.offset/60):parseInt(this.offset/60);var t=parseInt(this.offset%60);t<10&&(t="0"+t),this.overTime=n+":"+t}},onStop:function(){this.$refs.audio.pause(),this.playFlag=!1},onOver:function(){var n=this;switch(this.playType){case 0:this.index<this.showObj.audio.length-1?this.index++:this.index=0,this.$nextTick(function(){n.onPlay()});break;case 1:this.range=0;break;case 2:this.index<this.showObj.audio.length-1?(this.index++,this.$nextTick(function(){n.onPlay()})):(this.index=0,this.$nextTick(function(){n.onStop()}))}},changeType:function(){this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType)},changeAge:function(n){this.contentData.content.age&&2===n?this.showObj={audio:this.contentData.content.audio2,change:this.contentData.content.change2}:this.showObj={audio:this.contentData.content.audio,change:this.contentData.content.change},this.playFlag=!1,this.startTime="00:00",this.overTime="00:00"}},watch:{contentData:{handler:function(){this.changeAge(this.contentData.age)},deep:!0},range:function(n,t){var o=this,A=this.$refs.audio;Math.abs(n-t)>2&&(this.timer=setInterval(function(){var n=null;n=parseInt(A.currentTime/60)<10?"0"+parseInt(A.currentTime/60):parseInt(A.currentTime/60);var t=parseInt(A.currentTime%60);t<10&&(t="0"+t),o.startTime=n+":"+t,o.range=parseInt(A.currentTime),o.range==o.offset&&0!==o.offset&&(o.range=0,o.startTime="00:00",o.onOver(),clearInterval(o.timer))},1e3),A.currentTime=n)}}},cn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.showObj.audio?o("div",{staticClass:"content"},[o("audio",{ref:"audio",attrs:{src:n.showObj.audio[n.index].url+(n.$store.state.isMobile?"?avvod/m3u8/ab/64k":"")},on:{canplay:n.canPlay,play:function(t){n.playing()}}}),n._v(" "),o("div",{staticClass:"image-block",on:{click:function(t){n.imgPop=!0}}},[o("img",{attrs:{src:n.showObj.audio[n.index].image}})]),n._v(" "),o("div",{staticClass:"title-block"},[o("div",{staticClass:"title"},[n._v("\n "+n._s(n.showObj.audio[n.index].title)+"\n ")]),n._v(" "),o("div",{staticClass:"tips"},[n._v("\n "+n._s(n.showObj.audio[n.index].tips)+"\n ")])]),n._v(" "),o("div",{staticClass:"range-block"},[o("div",{staticClass:"time-block"},[o("div",{staticClass:"left-time"},[n._v(n._s(n.startTime))]),n._v(" "),o("div",{staticClass:"right-time"},[n._v(n._s(n.overTime))])]),n._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:n.range,expression:"range"}],style:{backgroundSize:(n.offset?n.range/n.offset*100:0)+"% 100%"},attrs:{type:"range",min:"0",max:n.offset},domProps:{value:n.range},on:{__r:function(t){n.range=t.target.value}}})]),n._v(" "),o("div",{staticClass:"btn-group"},[o("i",{staticClass:"playImage list",on:{click:function(t){n.popupVisible=!n.popupVisible}}}),n._v(" "),o("i",{staticClass:"playImage last",on:{click:function(t){n.lastOne()}}}),n._v(" "),n.playFlag?n._e():o("i",{staticClass:"playImage play",on:{click:n.onPlay}}),n._v(" "),n.playFlag?o("i",{staticClass:"playImage stop",on:{click:n.onStop}}):n._e(),n._v(" "),o("i",{staticClass:"playImage next",on:{click:function(t){n.nextOne()}}}),n._v(" "),o("i",{class:{playImage:!0,replay:1===n.playType,replayAll:0===n.playType,listPlay:2==n.playType},on:{click:function(t){n.changeType()}}})]),n._v(" "),o("div",{staticClass:"btn-block"},[n.contentData.content.age?o("div",{staticClass:"age-block",on:{click:function(t){n.ageShow=!n.ageShow}}},[1===n.contentData.age?o("div",[n._v("0-3å²"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e(),n._v(" "),2===n.contentData.age?o("div",[n._v("4-6å²"),o("i",{staticClass:"playImage _154722344142123489"})]):n._e()]):n._e(),n._v(" "),n.contentData.content.age?o("div",{directives:[{name:"show",rawName:"v-show",value:n.ageShow,expression:"ageShow"}],staticClass:"age-change-block"},[o("div",{on:{click:function(t){n.contentData.age=1}}},[n._v("0-3å²"),1===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()]),n._v(" "),o("div",{on:{click:function(t){n.contentData.age=2}}},[n._v("4-6å²"),2===n.contentData.age?o("i",{staticClass:"playImage _282918034425091245"}):n._e()])]):n._e(),n._v(" "),n.showObj.change?o("div",{staticClass:"change-block"},[o("div",{on:{click:function(t){n.contentData.type="video"}}},[n._v("视频教å¦")]),n._v(" "),o("div",{staticClass:"active"},[n._v("音频教å¦")])]):n._e()])]):n._e(),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},attrs:{position:"bottom"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[n.showObj.audio?o("div",{staticClass:"list-popup"},[n._l(this.showObj.audio,function(t,A){return o("div",{class:{"list-block":!0,active:A===n.index},on:{click:function(t){n.changeIndex(A)}}},[n._v("\n "+n._s(t.title)+"\n "),o("i",{class:{playImage:!0,zDefaultIcon:A!==n.index,zIcon:A===n.index}})])}),n._v(" "),o("div",{staticClass:"close-btn",on:{click:function(t){n.popupVisible=!1}}},[n._v("\n å…³é—\n ")])],2):n._e()]),n._v(" "),o("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.imgPop,callback:function(t){n.imgPop=t},expression:"imgPop"}},[n.showObj.audio?o("div",{staticClass:"imgPop-block"},[o("img",{attrs:{src:n.showObj.audio[n.index].image}})]):n._e()]),n._v(" "),o("guide-block")],1)};cn._withStripped=!0;var gn={render:cn,staticRenderFns:[]},wn=gn;var bn=!1;var hn=o("VU/8")(dn,wn,!1,function(n){bn||o("Oq7G")},"data-v-531d3c9f",null);hn.options.__file="src/components/newLesson/audio.vue";var pn={name:"index",data:function(){var n=this.$route.query;return{backUrl:Q.a,periods_id:n.periods_id,category_id:n.category_id,elementId:n.elementId,lesson:null,nowShow:0,nowLesson:{type:"",content:null,age:1}}},components:{lookBlock:B,videoBlock:L,audioBlock:hn.exports},mounted:function(){this.initPage()},methods:{backList:function(){var n={periods_id:this.$route.query.periods_id,course_type:this.$route.query.course_type,parent_category_id:this.$route.query.parent_category_id,back_id:this.category_id};this.$router.push({name:"map",query:n})},changeTitle:function(n){switch(this.nowShow=n,n){case 1:this.nowLesson={type:"text",content:this.lesson.content.look,age:this.nowLesson.age};break;case 2:this.lesson.content.play.type?this.nowLesson={type:"audio",content:this.lesson.content.play,age:this.nowLesson.age}:this.nowLesson={type:"video",content:this.lesson.content.play,age:this.nowLesson.age};break;case 3:this.lesson.content.fun.type?this.nowLesson={type:"audio",content:this.lesson.content.fun,age:this.nowLesson.age}:this.nowLesson={type:"video",content:this.lesson.content.fun,age:this.nowLesson.age}}},initPage:function(){this.lesson=JSON.parse(localStorage.getItem("lessonDetail")),this.nowShow=1,document.title=""+this.lesson.domTitle,this.nowLesson={type:"text",content:this.lesson.content.look,age:this.nowLesson.age},this.lesson.content.play.video.length<1&&this.lesson.content.play.audio.length<1&&(this.nowLesson.old=!0)}}},vn=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"newLesson"},[n.nowLesson.old?n._e():o("div",{staticClass:"header"},[o("i",{class:{lessonHeader:!0,defaultLook:1!==n.nowShow,look:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultPlay:2!==n.nowShow,play:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{lessonHeader:!0,defaultFun:3!==n.nowShow,fun:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}}),n._v(" "),o("i",{staticClass:"lessonHeader home",on:{click:n.backList}})]),n._v(" "),o("div",{staticClass:"header-h"},[o("i",{class:{headerHP:!0,defaultLook:1!==n.nowShow,lookHP:1===n.nowShow},on:{click:function(t){n.changeTitle(1)}}}),n._v(" "),o("i",{class:{headerHP:!0,defaultPlay:2!==n.nowShow,playHP:2===n.nowShow},on:{click:function(t){n.changeTitle(2)}}}),n._v(" "),o("i",{class:{headerHP:!0,defaultFun:3!==n.nowShow,funHP:3===n.nowShow},on:{click:function(t){n.changeTitle(3)}}}),n._v(" "),o("i",{staticClass:"lessonHeader home",on:{click:n.backList}})]),n._v(" "),n.nowLesson.old?o("img",{staticClass:"backImg",attrs:{src:n.backUrl},on:{click:n.backList}}):n._e(),n._v(" "),n._m(0),n._v(" "),o("div",{staticClass:"index-content-block"},["text"===n.nowLesson.type?o("look-block",{attrs:{contentData:n.nowLesson}}):n._e(),n._v(" "),"video"===n.nowLesson.type?o("video-block",{attrs:{contentData:n.nowLesson,nowShow:n.nowShow}}):n._e(),n._v(" "),"audio"===n.nowLesson.type?o("audio-block",{attrs:{contentData:n.nowLesson}}):n._e()],1)])};vn._withStripped=!0;var un={render:vn,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"header-h"},[t("div",{staticClass:"header-list active"},[t("i",{staticClass:"index-h look-h"})]),this._v(" "),t("div",{staticClass:"header-list"},[t("i",{staticClass:"index-h play-h"})]),this._v(" "),t("div",{staticClass:"header-list"},[t("i",{staticClass:"index-h fun-h"})]),this._v(" "),t("div",{staticClass:"header-list"},[t("i",{staticClass:"index-h home-h"})])])}]},Cn=un;var fn=!1;var mn=o("VU/8")(pn,Cn,!1,function(n){fn||o("PZSc")},"data-v-17c3eb9b",null);mn.options.__file="src/components/newLesson/index.vue";t.default=mn.exports},"A4/g":function(n,t,o){n.exports=o.p+"static/img/luolalaila.1ba248b.png"},AHTB:function(n,t,o){var A=o("FHMa");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("5b5ea576",A,!1,{})},EsZv:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAmy4FDt8eN/PDjexTZPut0kN0eiMosmgAAADySURBVCjPlVJZssMgDAs7BgIk0f3PWjftpCxp3zz/eJE8Y8teln+Z3VJy+isaDE6j446jRWYsVuPZ+UONuOTuutozPDgm2+POI6YrU3uG6Rg2onYFx4V2EIIZ5pIe4ZMlZDkOtba1AjGvRU3R7jeLJ3j9U1Xlsb1DYdyMl2oQiFgwJVi5mfGSPTJBPIOZIeO77Ng9D7TcMM42FVaBItI8hRTu0sT88Sb5WqixjVyj5DyCNtg/t8tYR0JA1G3mt/FWXY8m+G4P/pj+froC4noZSUAZvlIXIJfVWet2hhHUfN6Ky8jd6rGFyqp7CvKHaHp8kgezoAyFs+5UjgAAAABJRU5ErkJggg=="},FHMa:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-4b9d59c8] {\n float: right;\n}\n.main-block[data-v-4b9d59c8] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-4b9d59c8]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-4b9d59c8]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.off[data-v-4b9d59c8] {\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.guide[data-v-4b9d59c8] {\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 .toVideo[data-v-4b9d59c8] {\n -webkit-transform: rotate(-30deg);\n transform: rotate(-30deg);\n width: 13.33333333vw;\n position: absolute;\n top: 26.66666667vw;\n left: 13.33333333vw;\n}\n.guide .video-block[data-v-4b9d59c8] {\n width: 85.33333333vw;\n height: 49.33333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n top: 41.06666667vw;\n left: 7.2vw;\n}\n.guide .change-block[data-v-4b9d59c8] {\n position: absolute;\n top: 94.93333333vw;\n left: 30.66666667vw;\n width: 38.66666667vw;\n height: 7.46666667vw;\n border-radius: 3.73333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide .change-block div[data-v-4b9d59c8] {\n width: 49%;\n float: left;\n border-radius: 26.66666667vw;\n line-height: 7.46666667vw;\n text-align: center;\n}\n.guide .change-block div[data-v-4b9d59c8]:first-child {\n border: 0.26666667vw solid #ffffff;\n}\n.guide .video-test[data-v-4b9d59c8] {\n width: 39.46666667vw;\n position: absolute;\n left: 26.4vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n.guide .i-know[data-v-4b9d59c8] {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 114.66666667vw;\n}\n.guide .color-red[data-v-4b9d59c8] {\n color: #FF6477;\n}\n.guide .toUntil[data-v-4b9d59c8] {\n width: 13.33333333vw;\n position: absolute;\n left: 40vw;\n top: 104vw;\n}\n.guide .until-test[data-v-4b9d59c8] {\n width: 28.8vw;\n position: absolute;\n left: 55.73333333vw;\n top: 106.66666667vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #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/video.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/video.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;AC8BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD5BD;AC8BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CD5BD;ACoBD;EAUI,kCAAA;UAAA,0BAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;CD3BH;ACaD;EAiBI,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;CD3BH;ACID;EA0BI,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD3BH;ACTD;EAsCM,WAAA;EACA,YAAA;EACA,6BAAA;EACA,0BAAA;EACA,mBAAA;CD1BL;AC2BK;EACE,mCAAA;CDzBP;ACnBD;EAiDI,qBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH;AClCD;EAgEI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;CD3BH;ACxCD;EAsEI,eAAA;CD3BH;AC3CD;EAyEI,qBAAA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CD3BH;ACjDD;EA+EI,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH",file:"video.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.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.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 .toVideo {\n transform: rotate(-30deg);\n width: 13.33333333vw;\n position: absolute;\n top: 26.66666667vw;\n left: 13.33333333vw;\n}\n.guide .video-block {\n width: 85.33333333vw;\n height: 49.33333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n top: 41.06666667vw;\n left: 7.2vw;\n}\n.guide .change-block {\n position: absolute;\n top: 94.93333333vw;\n left: 30.66666667vw;\n width: 38.66666667vw;\n height: 7.46666667vw;\n border-radius: 3.73333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.guide .change-block div {\n width: 49%;\n float: left;\n border-radius: 26.66666667vw;\n line-height: 7.46666667vw;\n text-align: center;\n}\n.guide .change-block div:first-child {\n border: 0.26666667vw solid #ffffff;\n}\n.guide .video-test {\n width: 39.46666667vw;\n position: absolute;\n left: 26.4vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #ffffff;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 114.66666667vw;\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .toUntil {\n width: 13.33333333vw;\n position: absolute;\n left: 40vw;\n top: 104vw;\n}\n.guide .until-test {\n width: 28.8vw;\n position: absolute;\n left: 55.73333333vw;\n top: 106.66666667vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #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@import "../../util/public";\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.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 .toVideo{\n transform: rotate(-30deg);\n width: 50*@toVw;\n position: absolute;\n top: 100*@toVw;\n left: 50*@toVw;\n }\n .video-block{\n width:320*@toVw;\n height:185*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n position: absolute;\n top: 154*@toVw;\n left: 27*@toVw;\n }\n .change-block{\n position: absolute;\n top: 356*@toVw;\n left: 115*@toVw;\n width:145*@toVw;\n height:28*@toVw;\n border-radius:14*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n div{\n width: 49%;\n float: left;\n border-radius: 100*@toVw;\n line-height: 28*@toVw;\n text-align: center;\n &:first-child{\n border:1*@toVw solid rgba(255,255,255,1);\n }\n }\n }\n .video-test{\n width:148*@toVw;\n position: absolute;\n left: 99*@toVw;\n top: 80*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n top: 430*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .toUntil{\n width: 50*@toVw;\n position: absolute;\n left: 150*@toVw;\n top: 390*@toVw;\n }\n .until-test{\n width:108*@toVw;\n position: absolute;\n left: 209*@toVw;\n top: 400*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n}\n'],sourceRoot:""}])},G8nj:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAACGCAMAAADHJ7eIAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMABYlLEwve+unyWnnRAhw9m8UnqmkxuK30xekAABIiSURBVHja7FzrmpyqEm0QVEAUBeX93/RUKV6wFZxJ8u0znZD8yEymlVXXVVUwr9f7Gil7/Y2LT97ovxE4sb4e/0qVd+IvVTn/p/J/Kv+n8r9A5cM/lf9T+SeucSR/pcqHWphB/0pg14RzxljbtsMwjh2uYlvzl904DrDgJ1o2Lz4vQojW/5mM29L7WrFvqJzwdiykosZOfVOWtRCiqvz1qmDB/4u6rsuyaZq+76dpstYYQ6lSyjmJQkIBBelskvlzKrfC+74gX/FyzdtC2aaudmAi4JpXCate/mxLhIUyuJPP/Jz54yibRTKrYM6SYb9sNaRoKl8d7D2pctBz50xf4y5hj01vDVVBX8O+q32hgbdo6YsbgPlLKZ1zSlFKjbF2mvq+aVBUm3zuZVOJTTK72dB5B+PQMk6+BJ2p+mjvoPLyqi7nbJSoZ9yAqHvquoFFL7qS1vq9oJbtR+avt6/IHCfWKIGyOUrmUjBvogE9NJOFXbWMfM/e9dgbcrbtQdKprBbMjVVFq6+B/uLSr8hwdXgHBlCUTLCbYDZqlQ0GGZBJkIWY98f1Q3vvwd7tYu+aRB/SrKCNmGVaTihR8p+EYR0LOvZswtmAodZMEGURPVhkx/Q37H1/5EhR04i5GLl+/RFF/w6xBGHwAWLQHHerhnb8kb0btPc4h5MOnKCqJ9X9qG4cGRYjrXrJntq7irI8yKJq1PDzqJzWvJuxN+6J1pkzhxSuixJlxl8/dfFiAsX1HXnoKuvHnPCl+7mwEQ3pALr4WtecqMpPP79QI7Lx1dTGhZk6r2LXOHFVZT9ivtCayjdHDbbNGyM8kPRCeMtfH7G4EhFyburz6tmhaps+Zp5EIFod0ej2vDYVE+PLD2rEQLyqqD5F8ePfQ1FeuY/qqBkvimedt55/EnB03SeIOvFIPj8ppcvqgQ2Dh3+YwsGIe9/wvF18locvKn/g5dLX7acBf7HSm5xwrLcfh1trc91Ri2TzeZaO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"},"Jyj/":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMA7WWo+BTVMZkIuyCOdm9BTOL+xlsbVUw/AAAAs0lEQVQoz5WSSxKEIAxEWw0qIqJg7n/ViQKjUrgwqxSvK3Q+0BopDIroycbEcT88kWee1JG0zFmVgruOm/VEdkuqjEbsjR+1oEEl1YVggvwjCEl1Q4Almg4EM11uIsLQM8enhWh5IOjZJ7WoopuMgDX3LKrTzYVu4TY/6zqCtLF8RmVB92bj3fx7y5Z8qA5Kxru56nj3hjtVW4qsktrqKuUAgqkfQDiaOz1SeTb6X0IVI/kBKjMLKuoAnDQAAAAASUVORK5CYII="},M58m:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYBAMAAAAbsoCxAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACHRSTlMAxuOqblIYPdzfuK0AAABBSURBVBjTY2BABazGZgzFxlAQwMDS0cYQ0QEFDhhcJTWGICUocGCgImAVFGMoFIQCQs5AU0xFgOZBAs5ADTpUAACEHS/VIfLFrAAAAABJRU5ErkJggg=="},O8Ir:function(n,t,o){n.exports=o.p+"static/img/luoLacoming.565b7f9.png"},Oq7G:function(n,t,o){var A=o("v+hz");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("91d88164",A,!1,{})},PYhZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-17c3eb9b] {\n float: right;\n}\n.main-block[data-v-17c3eb9b] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-17c3eb9b]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-17c3eb9b]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.lessonHeader[data-v-17c3eb9b] {\n background: url('/static/images/lessonHeader.png') no-repeat;\n background-size: 27.2vw 89.06666667vw;\n display: inline-block;\n}\n.header-h[data-v-17c3eb9b] {\n display: none;\n}\n.home[data-v-17c3eb9b] {\n height: 12.26666667vw;\n width: 12.26666667vw;\n background-position: 0 0;\n}\n.play[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -12.26666667vw;\n}\n.look[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -25.06666667vw;\n}\n.fun[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -37.86666667vw;\n}\n.defaultFun[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -50.66666667vw;\n}\n.defaultLook[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -63.46666667vw;\n}\n.defaultPlay[data-v-17c3eb9b] {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -76.26666667vw;\n}\n.header[data-v-17c3eb9b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 1.33333333vw 0;\n z-index: 2;\n background: #ffffff;\n -webkit-box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n}\n.newLesson[data-v-17c3eb9b] {\n background: #eeeeee;\n}\n.backImg[data-v-17c3eb9b] {\n position: fixed;\n bottom: 10.66666667vw;\n right: 5.33333333vw;\n z-index: 99999999;\n width: 16vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/index.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/index.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;ACmHD;EAAc,6DAAA;EAA6D,sCAAA;EAAoC,sBAAA;CD9G9G;AC+GD;EAAU,cAAA;CD5GT;AC6GD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,yBAAA;CDxGpC;ACyGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpGrC;ACqGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhGrC;ACiGD;EAAK,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD5FpC;AC6FD;EAAY,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDxF3C;ACyFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpF5C;ACqFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhF5C;ACiFC;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;EACA,oBAAA;EACA,kEAAA;UAAA,0DAAA;CD/EH;ACiFC;EACE,oBAAA;CD/EH;ACiFC;EACE,gBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;CD/EH",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.lessonHeader {\n background: url('/static/images/lessonHeader.png') no-repeat;\n background-size: 27.2vw 89.06666667vw;\n display: inline-block;\n}\n.header-h {\n display: none;\n}\n.home {\n height: 12.26666667vw;\n width: 12.26666667vw;\n background-position: 0 0;\n}\n.play {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -12.26666667vw;\n}\n.look {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -25.06666667vw;\n}\n.fun {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -37.86666667vw;\n}\n.defaultFun {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -50.66666667vw;\n}\n.defaultLook {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -63.46666667vw;\n}\n.defaultPlay {\n height: 12.8vw;\n width: 27.2vw;\n background-position: 0 -76.26666667vw;\n}\n.header {\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 1.33333333vw 0;\n z-index: 2;\n background: #ffffff;\n box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\n}\n.newLesson {\n background: #eeeeee;\n}\n.backImg {\n position: fixed;\n bottom: 10.66666667vw;\n right: 5.33333333vw;\n z-index: 99999999;\n width: 16vw;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.lessonHeader{background:url('/static/images/lessonHeader.png') no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}\n.header-h{display: none}\n.home{height:46*@toVw;width:46*@toVw;background-position:0 0;}\n.play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}\n.look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}\n.fun{height:48*@toVw;width:102*@toVw;background-position:0 -142*@toVw;}\n.defaultFun{height:48*@toVw;width:102*@toVw;background-position:0 -190*@toVw;}\n.defaultLook{height:48*@toVw;width:102*@toVw;background-position:0 -238*@toVw;}\n.defaultPlay{height:48*@toVw;width:102*@toVw;background-position:0 -286*@toVw;}\n .header{\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 5*@toVw 0;\n z-index: 2;\n background:rgba(255,255,255,1);\n box-shadow:0*@toVw 2*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.1);\n }\n .newLesson{\n background: #eeeeee;\n }\n .backImg{\n position: fixed;\n bottom: 40*@toVw;\n right: 20*@toVw;\n z-index: 99999999;\n width: 60*@toVw;\n }\n\n@media screen and (orientation: landscape) {\n\n}\n\n"],sourceRoot:""}])},PZSc:function(n,t,o){var A=o("PYhZ");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("3e1bc0fc",A,!1,{})},WFoo:function(n,t,o){var A=o("yq5q");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("13b6f9ed",A,!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=="},XDzh:function(n,t){n.exports="data:image/png;base64,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"},Xctm:function(n,t,o){var A=o("wulZ");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("2bb33e50",A,!1,{})},cku8:function(n,t,o){n.exports=o.p+"static/img/back.c3a0824.png"},nEfO:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-0761bba3] {\n float: right;\n}\n.main-block[data-v-0761bba3] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-0761bba3]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-0761bba3]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-0761bba3]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-0761bba3]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star[data-v-0761bba3] {\n width: 6.13333333vw;\n}\n.title[data-v-0761bba3] {\n width: 50.66666667vw;\n height: 49.86666667vw;\n border-radius: 1.06666667vw;\n border: 0.26666667vw solid #ffffff;\n line-height: 49.86666667vw;\n text-align: center;\n position: absolute;\n top: 28.53333333vw;\n left: 24.8vw;\n}\n.btn-block[data-v-0761bba3] {\n width: 66.93333333vw;\n height: 15.2vw;\n border-radius: 7.73333333vw;\n border: 0.26666667vw solid #ffffff;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 114.66666667vw;\n left: 16vw;\n}\n.btn-block img[data-v-0761bba3] {\n width: 4.26666667vw;\n vertical-align: middle;\n}\n.btn-block .play-btn[data-v-0761bba3] {\n width: 10.66666667vw;\n}\n.toTitle[data-v-0761bba3] {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide[data-v-0761bba3] {\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-0761bba3] {\n position: absolute;\n width: 34.4vw;\n left: 32vw;\n top: 85.33333333vw;\n}\n.guide .toLesson[data-v-0761bba3] {\n width: 12vw;\n position: absolute;\n top: 133.33333333vw;\n left: 26.66666667vw;\n -webkit-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n.guide .color-red[data-v-0761bba3] {\n color: #FF6477;\n}\n.guide .lesson-text[data-v-0761bba3] {\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 top: 138.66666667vw;\n left: 40vw;\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/audio.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/audio.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;ACoCD;EACE,oBAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,eAAA;EACA,4BAAA;EACA,mCAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;CDlCD;AC0BD;EAUI,oBAAA;EACA,uBAAA;CDjCH;ACsBD;EAcI,qBAAA;CDjCH;ACoCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;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,WAAA;EACA,mBAAA;CDjCH;ACoBD;EAgBI,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,iCAAA;UAAA,yBAAA;CDjCH;ACaD;EAuBI,eAAA;CDjCH;ACUD;EA0BI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;EACA,mBAAA;EACA,mCAAA;CDjCH",file:"audio.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.title {\n width: 50.66666667vw;\n height: 49.86666667vw;\n border-radius: 1.06666667vw;\n border: 0.26666667vw solid #ffffff;\n line-height: 49.86666667vw;\n text-align: center;\n position: absolute;\n top: 28.53333333vw;\n left: 24.8vw;\n}\n.btn-block {\n width: 66.93333333vw;\n height: 15.2vw;\n border-radius: 7.73333333vw;\n border: 0.26666667vw solid #ffffff;\n display: flex;\n position: absolute;\n top: 114.66666667vw;\n left: 16vw;\n}\n.btn-block img {\n width: 4.26666667vw;\n vertical-align: middle;\n}\n.btn-block .play-btn {\n width: 10.66666667vw;\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: 32vw;\n top: 85.33333333vw;\n}\n.guide .toLesson {\n width: 12vw;\n position: absolute;\n top: 133.33333333vw;\n left: 26.66666667vw;\n transform: rotate(30deg);\n}\n.guide .color-red {\n color: #FF6477;\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 top: 138.66666667vw;\n left: 40vw;\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\n\n\n\n\n@import "../../util/public";\n.star{\n width: 23*@toVw;\n}\n.title{\n width:190*@toVw;\n height:187*@toVw;\n border-radius:4*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n line-height: 187*@toVw;\n text-align: center;\n position: absolute;\n top: 107*@toVw;\n left: 93*@toVw;\n}\n.btn-block{\n width:251*@toVw;\n height:57*@toVw;\n border-radius:29*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n display: flex;\n position: absolute;\n top: 430*@toVw;\n left: 60*@toVw;\n img{\n width: 16*@toVw;\n vertical-align: middle;\n }\n .play-btn{\n width: 40*@toVw;\n }\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: 120*@toVw;\n top: 320*@toVw;\n }\n .toLesson{\n width: 45*@toVw;\n position: absolute;\n top: 500*@toVw;\n left: 100*@toVw;\n transform: rotate(30deg);\n }\n .color-red{\n color: #FF6477;\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 top: 520*@toVw;\n left: 150*@toVw;\n text-align: center;\n border:1*@toVw solid rgba(255,255,255,1)\n }\n}\n'],sourceRoot:""}])},ohH1:function(n,t){n.exports="data:image/png;base64,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"},sHWr:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-d14e4a78] {\n float: right;\n}\n.main-block[data-v-d14e4a78] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-d14e4a78]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-d14e4a78]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage[data-v-d14e4a78] {\n background: url('/static/images/playImage.png') no-repeat;\n background-size: 10.66666667vw 50.4vw;\n display: inline-block;\n}\n._282918034425091245[data-v-d14e4a78] {\n height: 1.73333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489[data-v-d14e4a78] {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n}\n.video-page .content[data-v-d14e4a78] {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 2.13333333vw;\n padding: 2.66666667vw;\n}\n.video-page .content .header[data-v-d14e4a78] {\n padding-top: 2.13333333vw;\n}\n.video-page .content .header .text[data-v-d14e4a78] {\n width: 100% ;\n}\n.video-page .content .video-block[data-v-d14e4a78] {\n margin-bottom: 4.26666667vw;\n border: 0.26666667vw solid #666;\n border-radius: 3.2vw;\n padding: 2.13333333vw;\n}\n.video-page .content .video-block video[data-v-d14e4a78] {\n width: 100%;\n margin: 0;\n display: block;\n padding: 0;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block[data-v-d14e4a78] {\n position: relative;\n text-align: center;\n}\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n border: 0.26666667vw solid #666;\n position: absolute;\n padding: 0 3.46666667vw;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\n position: absolute;\n top: 9.86666667vw;\n left: 0;\n width: 17.6vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #666666;\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block[data-v-d14e4a78]:after {\n content: '';\n display: block;\n clear: both;\n}\n.video-page .content .btn-block .change-block div[data-v-d14e4a78] {\n float: left;\n width: 50%;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #cccccc;\n}\n.video-page .content .btn-block .change-block div.active[data-v-d14e4a78] {\n background: #40A9FF;\n color: white;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/video.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/video.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;ACgED;EAAW,0DAAA;EAA0D,sCAAA;EAAmC,sBAAA;CD3DvG;AC4DD;EAAqB,qBAAA;EAAiB,aAAA;EAAc,yBAAA;CDvDnD;ACwDD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;CDnDjD;ACoDD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,sBAAA;CDnDH;ACsCD;EAeM,0BAAA;CDlDL;ACmCD;EAiBQ,aAAA;CDjDP;ACgCD;EAqBM,4BAAA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;CDlDL;AC0BD;EA0BQ,YAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,+BAAA;EACA,4BAAA;CDjDP;ACkBD;EAmCM,mBAAA;EACA,mBAAA;CDlDL;ACcD;EAsCQ,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACED;EAkDQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACkDO;EACE,4BAAA;EACA,iBAAA;CDhDT;ACiDS;EACE,uCAAA;CD/CX;ACjBD;EAqEQ,8BAAA;EACA,cAAA;EACA,mCAAA;CDjDP;ACkDO;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDhDT;AC3BD;EA8EU,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhDT;ACiDS;EACE,oBAAA;EACA,aAAA;CD/CX",file:"video.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.playImage {\n background: url('/static/images/playImage.png') no-repeat;\n background-size: 10.66666667vw 50.4vw;\n display: inline-block;\n}\n._282918034425091245 {\n height: 1.73333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489 {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n}\n.video-page .content {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 2.13333333vw;\n padding: 2.66666667vw;\n}\n.video-page .content .header {\n padding-top: 2.13333333vw;\n}\n.video-page .content .header .text {\n width: 100% ;\n}\n.video-page .content .video-block {\n margin-bottom: 4.26666667vw;\n border: 0.26666667vw solid #666;\n border-radius: 3.2vw;\n padding: 2.13333333vw;\n}\n.video-page .content .video-block video {\n width: 100%;\n margin: 0;\n display: block;\n padding: 0;\n background: rgba(0, 0, 0, 0.4);\n border-radius: 2.13333333vw;\n}\n.video-page .content .btn-block {\n position: relative;\n text-align: center;\n}\n.video-page .content .btn-block .age-block {\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n border: 0.26666667vw solid #666;\n position: absolute;\n padding: 0 3.46666667vw;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.video-page .content .btn-block .age-change-block {\n position: absolute;\n top: 9.86666667vw;\n left: 0;\n width: 17.6vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #666666;\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.video-page .content .btn-block .age-change-block > div {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.video-page .content .btn-block .age-change-block > div:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.video-page .content .btn-block .change-block {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 0.26666667vw solid #40A9FF;\n}\n.video-page .content .btn-block .change-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.video-page .content .btn-block .change-block div {\n float: left;\n width: 50%;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #cccccc;\n}\n.video-page .content .btn-block .change-block div.active {\n background: #40A9FF;\n color: white;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\n._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\n.video-page{\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8*@toVw;\n padding: 10*@toVw;\n .header{\n padding-top: 8*@toVw;\n .text{\n width:100% ;\n }\n }\n .video-block{\n margin-bottom: 16*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 12*@toVw;\n padding: 8*@toVw;\n video{\n width: 100%;\n margin: 0;\n display: block;\n padding: 0;\n background:rgba(0,0,0,0.4);\n border-radius:8*@toVw;\n }\n }\n .btn-block{\n position: relative;\n text-align: center;\n .age-block{\n height: 28*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n position: absolute;\n padding: 0 13*@toVw;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: absolute;\n top: 37*@toVw;\n left: 0;\n width: 66*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block{\n border-radius: 1000*@toVw;\n width: 144*@toVw;\n border:1*@toVw solid #40A9FF;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n div{\n float: left;\n width: 50%;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n height: 28*@toVw;\n line-height: 28*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(204,204,204,1);\n &.active{\n background: #40A9FF;\n color: white;\n }\n }\n }\n }\n }\n}\n"],sourceRoot:""}])},uLGf:function(n,t,o){var A=o("sHWr");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("16a703ac",A,!1,{})},"v+hz":function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-531d3c9f] {\n float: right;\n}\n.main-block[data-v-531d3c9f] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-531d3c9f]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.playImage[data-v-531d3c9f] {\n background: url('/static/images/playImage.png') no-repeat;\n background-size: 10.66666667vw 60vw;\n display: inline-block;\n}\n._282918034425091245[data-v-531d3c9f] {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489[data-v-531d3c9f] {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n}\n.next[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -3.46666667vw;\n}\n.replay[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -7.73333333vw;\n}\n.replayAll[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -12vw;\n}\n.list[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -16.26666667vw;\n}\n.last[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -20.53333333vw;\n}\n.listPlay[data-v-531d3c9f] {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -24.8vw;\n}\n.zDefaultIcon[data-v-531d3c9f] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -29.06666667vw;\n float: right;\n}\n.zIcon[data-v-531d3c9f] {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -33.86666667vw;\n float: right;\n}\n.play[data-v-531d3c9f] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -38.66666667vw;\n}\n.stop[data-v-531d3c9f] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -49.33333333vw;\n}\n.content[data-v-531d3c9f] {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n text-align: center;\n padding: 2.66666667vw;\n}\n.content .image-block[data-v-531d3c9f] {\n width: 50.13333333vw;\n height: 50.13333333vw;\n margin-top: 5.33333333vw;\n -webkit-box-shadow: 0 0 8vw 1.33333333vw #ddd;\n box-shadow: 0 0 8vw 1.33333333vw #ddd;\n overflow: hidden;\n border-radius: 2.13333333vw;\n}\n.content .image-block img[data-v-531d3c9f] {\n width: 100%;\n}\n.content .title-block[data-v-531d3c9f] {\n margin-top: 6.4vw;\n}\n.content .title-block .title[data-v-531d3c9f] {\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.content .title-block .tips[data-v-531d3c9f] {\n font-size: 3.73333333vw;\n margin-top: 1.6vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.content .range-block[data-v-531d3c9f] {\n width: 63.2vw;\n margin-top: 4.26666667vw;\n}\n.content .range-block .time-block[data-v-531d3c9f] {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n text-align: left;\n}\n.content .range-block .time-block[data-v-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n.content .range-block .time-block .left-time[data-v-531d3c9f] {\n float: left;\n}\n.content .range-block .time-block .right-time[data-v-531d3c9f] {\n float: right;\n}\n.content .range-block input[type=range][data-v-531d3c9f] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n background-size: 75% 100%;\n /*设置左å³å®½åº¦æ¯”例*/\n width: 100%;\n border-radius: 2.66666667vw;\n /*è¿™ä¸ªå±žæ€§è®¾ç½®ä½¿å¡«å……è¿›åº¦æ¡æ—¶çš„图形为圆角*/\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {\n height: 1.06666667vw;\n border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range][data-v-531d3c9f]:focus {\n outline: none;\n}\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%;\n /*外观设置为圆形*/\n height: 4.26666667vw;\n width: 4.26666667vw;\n margin-top: -1.6vw;\n /*使滑å—超出轨é“部分的åç§»é‡ç›¸ç‰*/\n background: #49E2A5;\n}\n.content .btn-group[data-v-531d3c9f] {\n margin-top: 5.33333333vw;\n width: 53.33333333vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.list-popup[data-v-531d3c9f] {\n width: 100vw;\n max-height: 92vw;\n overflow: auto;\n border-radius: 8px 8px 0 0;\n background: white;\n padding-top: 5.33333333vw;\n}\n.list-popup .list-block[data-v-531d3c9f] {\n display: block;\n width: auto;\n margin: 0 5.33333333vw;\n padding: 3.2vw 9.6vw;\n border-bottom: 1px solid #dddddd;\n}\n.list-popup .list-block.active[data-v-531d3c9f] {\n color: #49E2A5;\n}\n.list-popup .close-btn[data-v-531d3c9f] {\n text-align: center;\n padding: 5.33333333vw;\n}\n.imgPop-block[data-v-531d3c9f] {\n max-height: 133.33333333vw;\n overflow: auto;\n}\n.imgPop-block img[data-v-531d3c9f] {\n max-width: 80vw;\n}\n.btn-block[data-v-531d3c9f] {\n position: relative;\n margin-top: 7.46666667vw;\n text-align: center;\n}\n.btn-block .age-block[data-v-531d3c9f] {\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n border: 0.26666667vw solid #666;\n position: absolute;\n padding: 0 3.46666667vw;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.btn-block .age-change-block[data-v-531d3c9f] {\n position: absolute;\n top: 9.86666667vw;\n left: 0;\n width: 17.6vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #666666;\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.btn-block .age-change-block > div[data-v-531d3c9f] {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block[data-v-531d3c9f] {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 1px solid #40A9FF;\n}\n.btn-block .change-block[data-v-531d3c9f]:after {\n content: '';\n display: block;\n clear: both;\n}\n.btn-block .change-block div[data-v-531d3c9f] {\n float: left;\n width: 50%;\n border-radius: 26.66666667vw;\n font-size: 12px;\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #cccccc;\n}\n.btn-block .change-block div.active[data-v-531d3c9f] {\n background: #40A9FF;\n color: white;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/audio.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/audio.vue"],names:[],mappings:"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",file:"audio.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.playImage {\n background: url('/static/images/playImage.png') no-repeat;\n background-size: 10.66666667vw 60vw;\n display: inline-block;\n}\n._282918034425091245 {\n height: 2.13333333vw;\n width: 2.4vw;\n background-position: 0 0;\n}\n._154722344142123489 {\n height: 1.33333333vw;\n width: 2.4vw;\n background-position: 0 -2.13333333vw;\n}\n.next {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -3.46666667vw;\n}\n.replay {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -7.73333333vw;\n}\n.replayAll {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -12vw;\n}\n.list {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -16.26666667vw;\n}\n.last {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -20.53333333vw;\n}\n.listPlay {\n height: 4.26666667vw;\n width: 4.26666667vw;\n background-position: 0 -24.8vw;\n}\n.zDefaultIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -29.06666667vw;\n float: right;\n}\n.zIcon {\n height: 4.8vw;\n width: 4.8vw;\n background-position: 0 -33.86666667vw;\n float: right;\n}\n.play {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -38.66666667vw;\n}\n.stop {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -49.33333333vw;\n}\n.content {\n background: white;\n width: 84vw;\n position: absolute;\n top: 21.33333333vw;\n left: 5.33333333vw;\n right: 5.33333333vw;\n bottom: 5.33333333vw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n text-align: center;\n padding: 2.66666667vw;\n}\n.content .image-block {\n width: 50.13333333vw;\n height: 50.13333333vw;\n margin-top: 5.33333333vw;\n box-shadow: 0 0 8vw 1.33333333vw #ddd;\n overflow: hidden;\n border-radius: 2.13333333vw;\n}\n.content .image-block img {\n width: 100%;\n}\n.content .title-block {\n margin-top: 6.4vw;\n}\n.content .title-block .title {\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.content .title-block .tips {\n font-size: 3.73333333vw;\n margin-top: 1.6vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n}\n.content .range-block {\n width: 63.2vw;\n margin-top: 4.26666667vw;\n}\n.content .range-block .time-block {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n text-align: left;\n}\n.content .range-block .time-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.content .range-block .time-block .left-time {\n float: left;\n}\n.content .range-block .time-block .right-time {\n float: right;\n}\n.content .range-block input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\n background-size: 75% 100%;\n /*设置左å³å®½åº¦æ¯”例*/\n width: 100%;\n border-radius: 2.66666667vw;\n /*è¿™ä¸ªå±žæ€§è®¾ç½®ä½¿å¡«å……è¿›åº¦æ¡æ—¶çš„图形为圆角*/\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n}\n.content .range-block input[type=range]::-webkit-slider-runnable-track {\n height: 1.06666667vw;\n border-radius: 0.53333333vw;\n}\n.content .range-block input[type=range]:focus {\n outline: none;\n}\n.content .range-block input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%;\n /*外观设置为圆形*/\n height: 4.26666667vw;\n width: 4.26666667vw;\n margin-top: -1.6vw;\n /*使滑å—超出轨é“部分的åç§»é‡ç›¸ç‰*/\n background: #49E2A5;\n}\n.content .btn-group {\n margin-top: 5.33333333vw;\n width: 53.33333333vw;\n display: flex;\n}\n.list-popup {\n width: 100vw;\n max-height: 92vw;\n overflow: auto;\n border-radius: 8px 8px 0 0;\n background: white;\n padding-top: 5.33333333vw;\n}\n.list-popup .list-block {\n display: block;\n width: auto;\n margin: 0 5.33333333vw;\n padding: 3.2vw 9.6vw;\n border-bottom: 1px solid #dddddd;\n}\n.list-popup .list-block.active {\n color: #49E2A5;\n}\n.list-popup .close-btn {\n text-align: center;\n padding: 5.33333333vw;\n}\n.imgPop-block {\n max-height: 133.33333333vw;\n overflow: auto;\n}\n.imgPop-block img {\n max-width: 80vw;\n}\n.btn-block {\n position: relative;\n margin-top: 7.46666667vw;\n text-align: center;\n}\n.btn-block .age-block {\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n border: 0.26666667vw solid #666;\n position: absolute;\n padding: 0 3.46666667vw;\n border-radius: 26.66666667vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.btn-block .age-change-block {\n position: absolute;\n top: 9.86666667vw;\n left: 0;\n width: 17.6vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #666666;\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n}\n.btn-block .age-change-block > div {\n padding: 1.6vw 2.93333333vw;\n text-align: left;\n}\n.btn-block .age-change-block > div:first-child {\n border-bottom: 0.26666667vw solid #eee;\n}\n.btn-block .change-block {\n border-radius: 266.66666667vw;\n width: 38.4vw;\n border: 1px solid #40A9FF;\n}\n.btn-block .change-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.btn-block .change-block div {\n float: left;\n width: 50%;\n border-radius: 26.66666667vw;\n font-size: 12px;\n height: 7.46666667vw;\n line-height: 7.46666667vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #cccccc;\n}\n.btn-block .change-block div.active {\n background: #40A9FF;\n color: white;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 0;}\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n.play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n.stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n.content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n text-align: center;\n padding: 10*@toVw;\n .image-block{\n width: 188*@toVw;\n height: 188*@toVw;\n margin-top: 20*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: 237 * @toVw;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n background-size: 75% 100%;/*设置左å³å®½åº¦æ¯”例*/\n width: 100%;\n border-radius: 10*@toVw; /*è¿™ä¸ªå±žæ€§è®¾ç½®ä½¿å¡«å……è¿›åº¦æ¡æ—¶çš„图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑å—超出轨é“部分的åç§»é‡ç›¸ç‰*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 20*@toVw;\n width: 200*@toVw;\n display: flex;\n }\n}\n.list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8px 8px 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1px solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n}\n.imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n}\n.btn-block{\n position: relative;\n margin-top: 28*@toVw;\n text-align: center;\n .age-block{\n height: 28*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n position: absolute;\n padding: 0 13*@toVw;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: absolute;\n top: 37*@toVw;\n left: 0;\n width: 66*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block{\n border-radius: 1000*@toVw;\n width: 144*@toVw;\n border:1px solid #40A9FF;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n div{\n float: left;\n width: 50%;\n border-radius: 100*@toVw;\n font-size:12px;\n height: 28*@toVw;\n line-height: 28*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(204,204,204,1);\n &.active{\n background: #40A9FF;\n color: white;\n }\n }\n }\n}\n"],sourceRoot:""}])},wpI3:function(n,t,o){var A=o("+xa/");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("27e1adf9",A,!1,{})},wulZ:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.old-content img,.old-content video{\n margin-top: 50px;\n max-width: 100% !important;\n}\n.old-content h3{\n font-family: hanti\n}\n.look-content .preview img,.look-content .preview audio,.look-content .preview video{\n max-width: 100%;\n}\n.audio-box {\n position: relative;\n width: 100%;\n height: 70px;\n padding: 8px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background: #FFFFFF;\n border: 1px solid #F1F1F1;\n -webkit-box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n}\n#preview{\n margin-left: auto;\n margin-right:auto;\n /*padding:14px;*/\n width:375px;\n height:667px;\n overflow-y: auto;\n overflow-x: hidden;\n border: 1px solid #ccc;\n margin-top: 20px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.look-content img,video{\n max-width: 100%;\n}\n@font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)\n}\n/* @media screen and (min-width: 1025px){\n #preview{\n width:700px;\n }\n }*/\n#preview *{font-family:sans-serif;font-size:16px;\n}\n.look-content .content img{\n max-width: 100% !important;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/src/components/newLesson/look.vue"],names:[],mappings:";AA+DA;EACA,iBAAA;EACA,2BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,+BAAA;UAAA,uBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,oBAAA;EACA,0BAAA;EACA,sDAAA;UAAA,8CAAA;CACA;AACA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,+BAAA;UAAA,uBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA,WAAA,kBAAA,+DAAA;CAAA;AACA;;;;IAIA;AACA,WAAA,uBAAA,eAAA;CAAA;AACA;EACA,2BAAA;CACA",file:"look.vue",sourcesContent:['<template>\n <div class="look-content">\n <guide-block/>\n <div class="content" v-if="!contentData.old" v-html="content">\n </div>\n <div class="old-content" v-if="contentData.old" v-html="nohidden">\n </div>\n </div>\n</template>\n\n<script>\n import guideBlock from \'../guide/look\'\n export default {\n name: "look",\n props:[\n \'contentData\'\n ],\n components:{\n guideBlock\n },\n computed:{\n content(){\n let content = null;\n if(this.$store.state.isMobile){\n content = this.contentData.content.content.replace(/\\.mp3/g,\'.mp3?avvod/m3u8/ab/64k\');\n }else{\n content = this.contentData.content.content\n }\n return content.replace(/video/g,\'audio\')\n },\n nohidden(){\n let content = null;\n if(this.$store.state.isMobile){\n content = this.contentData.content.content.replace(/\\.mp3/g,\'.mp3?avvod/m3u8/ab/64k\');\n }else{\n content = this.contentData.content.content\n }\n return content.replace(/hidden="true"/g,\'\')\n }\n }\n }\n<\/script>\n\n<style scoped lang="less">\n @import "../../util/public";\n .look-content{\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 10*@toVw;\n }\n }\n</style>\n<style>\n .old-content img,.old-content video{\n margin-top: 50px;\n max-width: 100% !important;\n }\n .old-content h3{\n font-family: hanti\n }\n .look-content .preview img,.look-content .preview audio,.look-content .preview video{\n max-width: 100%;\n }\n .audio-box {\n position: relative;\n width: 100%;\n height: 70px;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n background: #FFFFFF;\n border: 1px solid #F1F1F1;\n box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n }\n #preview{\n margin-left: auto;\n margin-right:auto;\n /*padding:14px;*/\n width:375px;\n height:667px;\n overflow-y: auto;\n overflow-x: hidden;\n border: 1px solid #ccc;\n margin-top: 20px;\n box-sizing: border-box;\n }\n .look-content img,video{\n max-width: 100%;\n }\n @font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)}\n /* @media screen and (min-width: 1025px){\n #preview{\n width:700px;\n }\n }*/\n #preview *{font-family:sans-serif;font-size:16px;}\n .look-content .content img{\n max-width: 100% !important;\n }\n</style>\n'],sourceRoot:""}])},xAcr:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAEe1lBx7VMZn4u0qOdm/i/sY/pVurqkni7pgAAAC1SURBVCjPlZLbEoMgDESDohgUBFqb///TRihi2hlmyhPL4bJsAiDHVCdKS2BmSmXmcBbEIdGYz1qicL/L0u4yWgc6DmqE9UMZRnoJwxOWCxUNjPi9yGYuxNqe5gxZRHeuVOQRfdlCNBtoSNmqwYTt85+M1uHSMK31cUZ6C3uC38HIs2X4G3Uu7Njomu99WQQVgwzqHm/aZbz3oqgXiaKIUo4oSykaIMoGyG6w+OMg4ncIqjXbG3bcC6MGyt7WAAAAAElFTkSuQmCC"},yq5q:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-44076ee2] {\n float: right;\n}\n.main-block[data-v-44076ee2] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-44076ee2]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-44076ee2]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-44076ee2]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-44076ee2]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.off[data-v-44076ee2] {\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.guide[data-v-44076ee2] {\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 .radius-block[data-v-44076ee2] {\n padding: 2.66666667vw;\n}\n.guide .radius-block[data-v-44076ee2]:after {\n content: '';\n display: block;\n clear: both;\n}\n.guide .radius-block .radius[data-v-44076ee2] {\n margin-right: 1.33333333vw;\n float: left;\n width: 25.6vw;\n height: 10.66666667vw;\n border-radius: 5.33333333vw;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .i-know[data-v-44076ee2] {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n bottom: 42.66666667vw;\n}\n.guide .color-red[data-v-44076ee2] {\n color: #FF6477;\n}\n.guide .toUntil[data-v-44076ee2] {\n width: 13.33333333vw;\n position: absolute;\n left: 13.33333333vw;\n top: 16vw;\n -webkit-transform: rotate(20deg);\n transform: rotate(20deg);\n}\n.guide .until-test[data-v-44076ee2] {\n width: 42.13333333vw;\n position: absolute;\n left: 29.06666667vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #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/look.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/look.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;AC0BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDxBD;AC0BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDxBD;ACgBD;EAUI,sBAAA;CDvBH;ACwBG;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDtBL;ACQD;EAiBM,2BAAA;EACA,YAAA;EACA,cAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;CDtBL;ACAD;EA0BI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;CDvBH;ACND;EAgCI,eAAA;CDvBH;ACTD;EAmCI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,UAAA;EACA,iCAAA;UAAA,yBAAA;CDvBH;AChBD;EA0CI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CDvBH",file:"look.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.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.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 .radius-block {\n padding: 2.66666667vw;\n}\n.guide .radius-block:after {\n content: '';\n display: block;\n clear: both;\n}\n.guide .radius-block .radius {\n margin-right: 1.33333333vw;\n float: left;\n width: 25.6vw;\n height: 10.66666667vw;\n border-radius: 5.33333333vw;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n bottom: 42.66666667vw;\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .toUntil {\n width: 13.33333333vw;\n position: absolute;\n left: 13.33333333vw;\n top: 16vw;\n transform: rotate(20deg);\n}\n.guide .until-test {\n width: 42.13333333vw;\n position: absolute;\n left: 29.06666667vw;\n top: 21.33333333vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n line-height: 6.93333333vw;\n text-align: center;\n color: #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@import \"../../util/public\";\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.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 .radius-block{\n padding: 10*@toVw;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .radius{\n margin-right: 5*@toVw;\n float: left;\n width:96*@toVw;\n height:40*@toVw;\n border-radius:20*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n }\n }\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n bottom: 160*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .toUntil{\n width: 50*@toVw;\n position: absolute;\n left: 50*@toVw;\n top: 60*@toVw;\n transform: rotate(20deg);\n }\n .until-test{\n width:158*@toVw;\n position: absolute;\n left: 109*@toVw;\n top: 80*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n}\n"],sourceRoot:""}])},yvem:function(n,t,o){var A=o("nEfO");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);o("rjj0")("0d1e6738",A,!1,{})}}); +//# sourceMappingURL=2.646302a489fbe4165d52.js.map \ No newline at end of file diff --git a/dev/static/js/2.646302a489fbe4165d52.js.map b/dev/static/js/2.646302a489fbe4165d52.js.map new file mode 100644 index 0000000000000000000000000000000000000000..5d1a0dc82d2e05efd9ccc036791444ba0c8bae61 --- /dev/null +++ b/dev/static/js/2.646302a489fbe4165d52.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./src/components/newLesson/look.vue?164e","webpack:///src/components/guide/look.vue","webpack:///./src/components/guide/look.vue?bd84","webpack:///./src/components/guide/look.vue","webpack:///src/components/newLesson/look.vue","webpack:///./src/components/newLesson/look.vue?35f2","webpack:///./src/components/newLesson/look.vue","webpack:///src/components/guide/video.vue","webpack:///./src/components/guide/video.vue?4d82","webpack:///./src/components/guide/video.vue","webpack:///src/components/newLesson/video.vue","webpack:///./src/components/newLesson/video.vue?8d86","webpack:///./src/components/newLesson/video.vue","webpack:///src/components/guide/audio.vue","webpack:///./src/components/guide/audio.vue?5b7e","webpack:///./src/components/guide/audio.vue","webpack:///src/components/newLesson/audio.vue","webpack:///./src/components/newLesson/audio.vue?9489","webpack:///./src/components/newLesson/audio.vue","webpack:///src/components/newLesson/index.vue","webpack:///./src/components/newLesson/index.vue?255c","webpack:///./src/components/newLesson/index.vue","webpack:///./src/assets/newLesson/luolalaila.png","webpack:///./src/components/guide/video.vue?7b52","webpack:///./src/assets/guide/ref.png","webpack:///./src/components/guide/video.vue?8fae","webpack:///./src/assets/guide/lesson.png","webpack:///./src/assets/guide/next.png","webpack:///./src/assets/guide/list.png","webpack:///./src/assets/newLesson/luoLacoming.png","webpack:///./src/components/newLesson/audio.vue?4300","webpack:///./src/components/newLesson/index.vue?b7e1","webpack:///./src/components/newLesson/index.vue?1055","webpack:///./src/components/guide/look.vue?00c3","webpack:///./src/assets/guide/star.png","webpack:///./src/assets/guide/play.png","webpack:///./src/components/newLesson/look.vue?c76e","webpack:///./src/assets/newLesson/back.png","webpack:///./src/components/guide/audio.vue?6641","webpack:///./src/assets/guide/go-down.png","webpack:///./src/components/newLesson/video.vue?69c5","webpack:///./src/components/newLesson/video.vue?129a","webpack:///./src/components/newLesson/audio.vue?6d24","webpack:///./src/components/newLesson/look.vue?1a7e","webpack:///./src/components/newLesson/look.vue?4916","webpack:///./src/assets/guide/back.png","webpack:///./src/components/guide/look.vue?213b","webpack:///./src/components/guide/audio.vue?4d93"],"names":["module","exports","__webpack_require__","push","i","version","sources","names","mappings","file","sourcesContent","sourceRoot","look","name","data","iKnowUrl","iKnow_default","a","goDownUrl","go_down_default","goUrl","go_default","starUrl","star_default","show","mounted","_this","this","Object","api","page_name","then","res","render","_vm","_h","$createElement","_c","_self","staticClass","on","click","$event","_m","_v","attrs","src","_e","_withStripped","esExports","staticRenderFns","guide_look","disposed","Component","normalizeComponent","ssrContext","options","__file","newLesson_look","props","components","guideBlock","computed","content","$store","state","isMobile","contentData","replace","nohidden","look_render","old","domProps","innerHTML","_s","look_esExports","components_newLesson_look","look_disposed","look_Component","look_normalizeComponent","src_components_newLesson_look","video","video_render","video_esExports","guide_video","video_disposed","video_Component","video_normalizeComponent","newLesson_video","ageShow","showObj","change","imgURL","luolacoming","luoLacoming_default","luolalaila","luolalaila_default","changeAge","age","methods","changeAudio","type","value","video2","change2","watch","handler","deep","newLesson_video_render","nowShow","_l","url","controls","poster","directives","rawName","expression","newLesson_video_esExports","components_newLesson_video","newLesson_video_disposed","newLesson_video_Component","newLesson_video_normalizeComponent","src_components_newLesson_video","audio","lesson_default","playUrl","play_default","nextUrl","next_default","backUrl","guide_back_default","listUrl","list_default","refUrl","ref_default","audio_render","audio_esExports","guide_audio","audio_disposed","audio_Component","audio_normalizeComponent","newLesson_audio","popupVisible","index","imgPop","startTime","overTime","range","playFlag","offset","timer","playType","Number","localStorage","getItem","onPlay","$refs","play","lastOne","keepPlay","length","mint_ui_common","changeIndex","$nextTick","onStop","nextOne","canPlay","_this2","Math","ceil","parseInt","duration","getDuration","playing","_this3","setInterval","min","currentTime","sec","onOver","clearInterval","stopTime","pause","_this4","changeType","window","setItem","audio2","value2","_this5","abs","newLesson_audio_render","ref","canplay","image","title","tips","style","backgroundSize","max","__r","target","class","playImage","replay","replayAll","listPlay","staticStyle","background","position","model","callback","$$v","list-block","active","zDefaultIcon","zIcon","newLesson_audio_esExports","components_newLesson_audio","newLesson_audio_disposed","newLesson_audio_Component","newLesson_audio_normalizeComponent","newLesson","query","$route","back_default","periods_id","category_id","elementId","lesson","nowLesson","lookBlock","videoBlock","audioBlock","initPage","backList","course_type","parent_category_id","back_id","$router","changeTitle","fun","JSON","parse","document","domTitle","newLesson_render","lessonHeader","defaultLook","defaultPlay","defaultFun","headerHP","lookHP","playHP","funHP","newLesson_esExports","components_newLesson","newLesson_disposed","newLesson_Component","newLesson_normalizeComponent","__webpack_exports__","p","locals"],"mappings":"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","file":"static/js/2.646302a489fbe4165d52.js","sourcesContent":["exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-6acc4334] {\\n float: right;\\n}\\n.main-block[data-v-6acc4334] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-6acc4334]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-6acc4334]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-6acc4334]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-6acc4334]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.look-content .content[data-v-6acc4334] {\\n background: white;\\n width: 84vw;\\n position: absolute;\\n top: 21.33333333vw;\\n left: 5.33333333vw;\\n right: 5.33333333vw;\\n bottom: 5.33333333vw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8px;\\n padding: 2.66666667vw;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less\",\"D:/myproject/new-singsingH5/src/components/newLesson/look.vue\",\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/look.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;ACoBD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CDnBH\",\"file\":\"look.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.look-content .content {\\n background: white;\\n width: 84vw;\\n position: absolute;\\n top: 21.33333333vw;\\n left: 5.33333333vw;\\n right: 5.33333333vw;\\n bottom: 5.33333333vw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8px;\\n padding: 2.66666667vw;\\n}\\n\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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.look-content{\\n .content{\\n background: white;\\n width: 315*@toVw;\\n position: absolute;\\n top: 80*@toVw;\\n left: 20*@toVw;\\n right: 20*@toVw;\\n bottom: 20*@toVw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8px;\\n padding: 10*@toVw;\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/look.vue\n// module id = +xa/\n// module chunks = 2","<template>\n <div>\n <div class=\"guide\" v-if=\"show\" @click=\"show=false\">\n <div class=\"radius-block\">\n <div class=\"radius\"></div>\n <div class=\"radius\"></div>\n <div class=\"radius\"></div>\n </div>\n <img class=\"toUntil\" :src=\"goDownUrl\"/>\n <div class=\"until-test\">\n 点击<span class=\"color-red\">切æ¢è¯¾ç¨‹æ¨¡å—</span>\n </div>\n <img class=\"i-know\" :src=\"iKnowUrl\" @click=\"show=false\"/>\n </div>\n </div>\n</template>\n\n<script>\n\n import {getGuideApi,setGuideApi} from \"../../service/api\";\n import iKnowUrl from '../../assets/guide/iKnow.png'\n import goUrl from '../../assets/guide/go.png'\n import goDownUrl from '../../assets/guide/go-down.png'\n import starUrl from '../../assets/guide/star.png'\n\n export default {\n name: \"guide\",\n data(){\n return{\n iKnowUrl:iKnowUrl,\n goDownUrl:goDownUrl,\n goUrl:goUrl,\n starUrl:starUrl,\n show:false\n }\n },\n mounted(){\n let json = {\n page_name:'look'\n };\n getGuideApi(json).then(res=>{\n if(res == 0){\n this.show=true;\n }\n });\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n @import \"../../util/public\";\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 .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 .radius-block{\n padding: 10*@toVw;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .radius{\n margin-right: 5*@toVw;\n float: left;\n width:96*@toVw;\n height:40*@toVw;\n border-radius:20*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n }\n }\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n bottom: 160*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .toUntil{\n width: 50*@toVw;\n position: absolute;\n left: 50*@toVw;\n top: 60*@toVw;\n transform: rotate(20deg);\n }\n .until-test{\n width:158*@toVw;\n position: absolute;\n left: 109*@toVw;\n top: 80*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/guide/look.vue","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", [\n _vm.show\n ? _c(\n \"div\",\n {\n staticClass: \"guide\",\n on: {\n click: function($event) {\n _vm.show = false\n }\n }\n },\n [\n _vm._m(0),\n _vm._v(\" \"),\n _c(\"img\", {\n staticClass: \"toUntil\",\n attrs: { src: _vm.goDownUrl }\n }),\n _vm._v(\" \"),\n _vm._m(1),\n _vm._v(\" \"),\n _c(\"img\", {\n staticClass: \"i-know\",\n attrs: { src: _vm.iKnowUrl },\n on: {\n click: function($event) {\n _vm.show = false\n }\n }\n })\n ]\n )\n : _vm._e()\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"radius-block\" }, [\n _c(\"div\", { staticClass: \"radius\" }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"radius\" }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"radius\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"until-test\" }, [\n _vm._v(\"\\n 点击\"),\n _c(\"span\", { staticClass: \"color-red\" }, [_vm._v(\"切æ¢è¯¾ç¨‹æ¨¡å—\")])\n ])\n }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\") .rerender(\"data-v-44076ee2\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-44076ee2\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/guide/look.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n if (disposed) return\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./look.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./look.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-44076ee2\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/guide/look.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-44076ee2\", Component.options)\n } else {\n hotAPI.reload(\"data-v-44076ee2\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/guide/look.vue\n// module id = null\n// module chunks = ","<template>\n <div class=\"look-content\">\n <guide-block/>\n <div class=\"content\" v-if=\"!contentData.old\" v-html=\"content\">\n </div>\n <div class=\"old-content\" v-if=\"contentData.old\" v-html=\"nohidden\">\n </div>\n </div>\n</template>\n\n<script>\n import guideBlock from '../guide/look'\n export default {\n name: \"look\",\n props:[\n 'contentData'\n ],\n components:{\n guideBlock\n },\n computed:{\n content(){\n let content = null;\n if(this.$store.state.isMobile){\n content = this.contentData.content.content.replace(/\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\n }else{\n content = this.contentData.content.content\n }\n return content.replace(/video/g,'audio')\n },\n nohidden(){\n let content = null;\n if(this.$store.state.isMobile){\n content = this.contentData.content.content.replace(/\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\n }else{\n content = this.contentData.content.content\n }\n return content.replace(/hidden=\"true\"/g,'')\n }\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n @import \"../../util/public\";\n .look-content{\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n padding: 10*@toVw;\n }\n }\n</style>\n<style>\n .old-content img,.old-content video{\n margin-top: 50px;\n max-width: 100% !important;\n }\n .old-content h3{\n font-family: hanti\n }\n .look-content .preview img,.look-content .preview audio,.look-content .preview video{\n max-width: 100%;\n }\n .audio-box {\n position: relative;\n width: 100%;\n height: 70px;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n background: #FFFFFF;\n border: 1px solid #F1F1F1;\n box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\n }\n #preview{\n margin-left: auto;\n margin-right:auto;\n /*padding:14px;*/\n width:375px;\n height:667px;\n overflow-y: auto;\n overflow-x: hidden;\n border: 1px solid #ccc;\n margin-top: 20px;\n box-sizing: border-box;\n }\n .look-content img,video{\n max-width: 100%;\n }\n @font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)}\n /* @media screen and (min-width: 1025px){\n #preview{\n width:700px;\n }\n }*/\n #preview *{font-family:sans-serif;font-size:16px;}\n .look-content .content img{\n max-width: 100% !important;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/look.vue","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"look-content\" },\n [\n _c(\"guide-block\"),\n _vm._v(\" \"),\n !_vm.contentData.old\n ? _c(\"div\", {\n staticClass: \"content\",\n domProps: { innerHTML: _vm._s(_vm.content) }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _vm.contentData.old\n ? _c(\"div\", {\n staticClass: \"old-content\",\n domProps: { innerHTML: _vm._s(_vm.nohidden) }\n })\n : _vm._e()\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\") .rerender(\"data-v-6acc4334\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6acc4334\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/look.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n if (disposed) return\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./look.vue\")\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./look.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./look.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./look.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-6acc4334\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/look.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-6acc4334\", Component.options)\n } else {\n hotAPI.reload(\"data-v-6acc4334\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/look.vue\n// module id = null\n// module chunks = ","<template>\n <div>\n <div class=\"guide\" v-if=\"show\" @click=\"show=false\">\n <img class=\"toVideo\" :src=\"goUrl\"/>\n <div class=\"video-test\">\n 点击<span class=\"color-red\">查看视频课程</span>\n </div>\n <div class=\"video-block\">\n\n </div>\n <div class=\"change-block\">\n <div>视频教å¦</div>\n <div>音频教å¦</div>\n </div>\n <img class=\"toUntil\" :src=\"goDownUrl\"/>\n <div class=\"until-test\">\n 点击<span class=\"color-red\">音画切æ¢</span>\n </div>\n <img class=\"i-know\" :src=\"iKnowUrl\" @click=\"show=false\"/>\n </div>\n </div>\n</template>\n<script>\n import {getGuideApi} from \"../../service/api\";\n import iKnowUrl from '../../assets/guide/iKnow.png'\n import goUrl from '../../assets/guide/go.png'\n import goDownUrl from '../../assets/guide/go-down.png'\n import starUrl from '../../assets/guide/star.png'\n\n export default {\n name: \"guide\",\n data(){\n return{\n iKnowUrl:iKnowUrl,\n goDownUrl:goDownUrl,\n goUrl:goUrl,\n starUrl:starUrl,\n show:false\n }\n },\n mounted(){\n let json = {\n page_name:'video'\n };\n getGuideApi(json).then(res=>{\n if(res == 0){\n this.show=true;\n }\n });\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n @import \"../../util/public\";\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 .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 .toVideo{\n transform: rotate(-30deg);\n width: 50*@toVw;\n position: absolute;\n top: 100*@toVw;\n left: 50*@toVw;\n }\n .video-block{\n width:320*@toVw;\n height:185*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n position: absolute;\n top: 154*@toVw;\n left: 27*@toVw;\n }\n .change-block{\n position: absolute;\n top: 356*@toVw;\n left: 115*@toVw;\n width:145*@toVw;\n height:28*@toVw;\n border-radius:14*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n div{\n width: 49%;\n float: left;\n border-radius: 100*@toVw;\n line-height: 28*@toVw;\n text-align: center;\n &:first-child{\n border:1*@toVw solid rgba(255,255,255,1);\n }\n }\n }\n .video-test{\n width:148*@toVw;\n position: absolute;\n left: 99*@toVw;\n top: 80*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n top: 430*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .toUntil{\n width: 50*@toVw;\n position: absolute;\n left: 150*@toVw;\n top: 390*@toVw;\n }\n .until-test{\n width:108*@toVw;\n position: absolute;\n left: 209*@toVw;\n top: 400*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n line-height: 26*@toVw;\n text-align: center;\n color:rgba(255,255,255,1);\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/guide/video.vue","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", [\n _vm.show\n ? _c(\n \"div\",\n {\n staticClass: \"guide\",\n on: {\n click: function($event) {\n _vm.show = false\n }\n }\n },\n [\n _c(\"img\", { staticClass: \"toVideo\", attrs: { src: _vm.goUrl } }),\n _vm._v(\" \"),\n _vm._m(0),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"video-block\" }),\n _vm._v(\" \"),\n _vm._m(1),\n _vm._v(\" \"),\n _c(\"img\", {\n staticClass: \"toUntil\",\n attrs: { src: _vm.goDownUrl }\n }),\n _vm._v(\" \"),\n _vm._m(2),\n _vm._v(\" \"),\n _c(\"img\", {\n staticClass: \"i-know\",\n attrs: { src: _vm.iKnowUrl },\n on: {\n click: function($event) {\n _vm.show = false\n }\n }\n })\n ]\n )\n : _vm._e()\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"video-test\" }, [\n _vm._v(\"\\n 点击\"),\n _c(\"span\", { staticClass: \"color-red\" }, [_vm._v(\"查看视频课程\")])\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"change-block\" }, [\n _c(\"div\", [_vm._v(\"视频教å¦\")]),\n _vm._v(\" \"),\n _c(\"div\", [_vm._v(\"音频教å¦\")])\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"until-test\" }, [\n _vm._v(\"\\n 点击\"),\n _c(\"span\", { staticClass: \"color-red\" }, [_vm._v(\"音画切æ¢\")])\n ])\n }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\") .rerender(\"data-v-4b9d59c8\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-4b9d59c8\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/guide/video.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n if (disposed) return\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./video.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./video.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-4b9d59c8\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/guide/video.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-4b9d59c8\", Component.options)\n } else {\n hotAPI.reload(\"data-v-4b9d59c8\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/guide/video.vue\n// module id = null\n// module chunks = ","<template>\n <div class=\"video-page\">\n <div class=\"content\">\n <div class=\"header\">\n <img :src=\"imgURL.luolacoming\" class=\"text\" v-if=\"nowShow === 3\">\n <img :src=\"imgURL.luolalaila\" class=\"text\" v-if=\"nowShow === 2\">\n </div>\n <div class=\"video-block\" v-for=\"data in showObj.video\">\n <video :src=\"data.url\" controls :poster=\"data.url+'?vframe/jpg/offset/3'\"></video>\n </div>\n <div class=\"btn-block\">\n <div v-if=\"contentData.content.age\" class=\"age-block\" @click=\"ageShow = !ageShow\">\n <div v-if=\"contentData.age === 1\">0-3å²<i class=\"playImage _154722344142123489\"></i></div>\n <div v-if=\"contentData.age === 2\">4-6å²<i class=\"playImage _154722344142123489\"></i></div>\n </div>\n <div class=\"age-change-block\" v-show=\"ageShow\" v-if=\"contentData.content.age\">\n <div @click=\"contentData.age = 1;ageShow=false\">0-3å²<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 1\"></i></div>\n <div @click=\"contentData.age = 2;ageShow=false\">4-6å²<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 2\"></i></div>\n </div>\n <div v-if=\"showObj.change\" class=\"change-block\">\n <div class=\"active\">视频教å¦</div>\n <div @click=\"changeAudio()\">音频教å¦</div>\n </div>\n </div>\n </div>\n <guide-block/>\n </div>\n\n</template>\n\n<script>\n import luolacoming from '../../assets/newLesson/luoLacoming.png'\n import luolalaila from '../../assets/newLesson/luolalaila.png'\n import guideBlock from '../guide/video'\n export default {\n name: \"play\",\n components:{\n guideBlock\n },\n data(){\n return{\n ageShow:false,\n showObj:{\n video:[],\n change:false\n },\n imgURL:{\n luolacoming:luolacoming,\n luolalaila:luolalaila\n }\n }\n },\n props:[\n 'contentData','nowShow'\n ],\n mounted(){\n this.changeAge(this.contentData.age)\n },\n methods:{\n changeAudio(){\n this.contentData.type = 'audio'\n },\n changeAge(value){\n if(this.contentData.content.age && value === 2){\n this.showObj = {\n video:this.contentData.content.video2,\n change:this.contentData.content.change2\n }\n }else{\n this.showObj = {\n video:this.contentData.content.video,\n change:this.contentData.content.change\n }\n }\n }\n },\n watch:{\n 'contentData':{\n handler:function() { //特别注æ„,ä¸èƒ½ç”¨ç®å¤´å‡½æ•°ï¼Œç®å¤´å‡½æ•°ï¼Œthis指å‘全局\n this.changeAge(this.contentData.age)\n },\n deep: true\n },\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n @import \"../../util/public\";\n .playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\n ._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}\n ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\n .video-page{\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8*@toVw;\n padding: 10*@toVw;\n .header{\n padding-top: 8*@toVw;\n .text{\n width:100% ;\n }\n }\n .video-block{\n margin-bottom: 16*@toVw;\n border: 1*@toVw solid #666;\n border-radius: 12*@toVw;\n padding: 8*@toVw;\n video{\n width: 100%;\n margin: 0;\n display: block;\n padding: 0;\n background:rgba(0,0,0,0.4);\n border-radius:8*@toVw;\n }\n }\n .btn-block{\n position: relative;\n text-align: center;\n .age-block{\n height: 28*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n position: absolute;\n padding: 0 13*@toVw;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: absolute;\n top: 37*@toVw;\n left: 0;\n width: 66*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block{\n border-radius: 1000*@toVw;\n width: 144*@toVw;\n border:1*@toVw solid #40A9FF;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n div{\n float: left;\n width: 50%;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n height: 28*@toVw;\n line-height: 28*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(204,204,204,1);\n &.active{\n background: #40A9FF;\n color: white;\n }\n }\n }\n }\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/video.vue","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"video-page\" },\n [\n _c(\n \"div\",\n { staticClass: \"content\" },\n [\n _c(\"div\", { staticClass: \"header\" }, [\n _vm.nowShow === 3\n ? _c(\"img\", {\n staticClass: \"text\",\n attrs: { src: _vm.imgURL.luolacoming }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _vm.nowShow === 2\n ? _c(\"img\", {\n staticClass: \"text\",\n attrs: { src: _vm.imgURL.luolalaila }\n })\n : _vm._e()\n ]),\n _vm._v(\" \"),\n _vm._l(_vm.showObj.video, function(data) {\n return _c(\"div\", { staticClass: \"video-block\" }, [\n _c(\"video\", {\n attrs: {\n src: data.url,\n controls: \"\",\n poster: data.url + \"?vframe/jpg/offset/3\"\n }\n })\n ])\n }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"btn-block\" }, [\n _vm.contentData.content.age\n ? _c(\n \"div\",\n {\n staticClass: \"age-block\",\n on: {\n click: function($event) {\n _vm.ageShow = !_vm.ageShow\n }\n }\n },\n [\n _vm.contentData.age === 1\n ? _c(\"div\", [\n _vm._v(\"0-3å²\"),\n _c(\"i\", {\n staticClass: \"playImage _154722344142123489\"\n })\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm.contentData.age === 2\n ? _c(\"div\", [\n _vm._v(\"4-6å²\"),\n _c(\"i\", {\n staticClass: \"playImage _154722344142123489\"\n })\n ])\n : _vm._e()\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.contentData.content.age\n ? _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.ageShow,\n expression: \"ageShow\"\n }\n ],\n staticClass: \"age-change-block\"\n },\n [\n _c(\n \"div\",\n {\n on: {\n click: function($event) {\n _vm.contentData.age = 1\n _vm.ageShow = false\n }\n }\n },\n [\n _vm._v(\"0-3å²\"),\n _vm.contentData.age === 1\n ? _c(\"i\", {\n staticClass: \"playImage _282918034425091245\"\n })\n : _vm._e()\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n on: {\n click: function($event) {\n _vm.contentData.age = 2\n _vm.ageShow = false\n }\n }\n },\n [\n _vm._v(\"4-6å²\"),\n _vm.contentData.age === 2\n ? _c(\"i\", {\n staticClass: \"playImage _282918034425091245\"\n })\n : _vm._e()\n ]\n )\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.showObj.change\n ? _c(\"div\", { staticClass: \"change-block\" }, [\n _c(\"div\", { staticClass: \"active\" }, [_vm._v(\"视频教å¦\")]),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n on: {\n click: function($event) {\n _vm.changeAudio()\n }\n }\n },\n [_vm._v(\"音频教å¦\")]\n )\n ])\n : _vm._e()\n ])\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"guide-block\")\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\") .rerender(\"data-v-d14e4a78\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-d14e4a78\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/video.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n if (disposed) return\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./video.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./video.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./video.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-d14e4a78\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/video.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-d14e4a78\", Component.options)\n } else {\n hotAPI.reload(\"data-v-d14e4a78\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/video.vue\n// module id = null\n// module chunks = ","<template>\n <div>\n <div class=\"guide\" v-if=\"show\" @click=\"show=false\">\n <div class=\"title\">\n 点击放大图片\n </div>\n <div class=\"btn-block\">\n <img :src=\"listUrl\"/>\n <img :src=\"backUrl\"/>\n <img class=\"play-btn\" :src=\"playUrl\"/>\n <img :src=\"nextUrl\"/>\n <img :src=\"refUrl\"/>\n </div>\n <img :src=\"goDownUrl\" class=\"toLesson\"/>\n <div class=\"lesson-text\">音频功能æ </div>\n <img class=\"i-know\" :src=\"iKnowUrl\"/>\n </div>\n </div>\n</template>\n\n<script>\n import {getGuideApi,setGuideApi} from \"../../service/api\";\n import iKnowUrl from '../../assets/guide/lesson.png'\n import playUrl from '../../assets/guide/play.png'\n import nextUrl from '../../assets/guide/next.png'\n import backUrl from '../../assets/guide/back.png'\n import listUrl from '../../assets/guide/list.png'\n import refUrl from '../../assets/guide/ref.png'\n import goUrl from '../../assets/guide/go.png'\n import goDownUrl from '../../assets/guide/go-down.png'\n\n export default {\n name: \"guide\",\n data(){\n return{\n iKnowUrl:iKnowUrl,\n goDownUrl:goDownUrl,\n playUrl:playUrl,\n nextUrl:nextUrl,\n backUrl:backUrl,\n listUrl:listUrl,\n refUrl:refUrl,\n goUrl:goUrl,\n show:false\n }\n },\n mounted(){\n let json = {\n page_name:'audio'\n };\n getGuideApi(json).then(res=>{\n if(res == 0){\n this.show=true;\n }\n });\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n @import \"../../util/public\";\n .star{\n width: 23*@toVw;\n }\n .title{\n width:190*@toVw;\n height:187*@toVw;\n border-radius:4*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n line-height: 187*@toVw;\n text-align: center;\n position: absolute;\n top: 107*@toVw;\n left: 93*@toVw;\n }\n .btn-block{\n width:251*@toVw;\n height:57*@toVw;\n border-radius:29*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n display: flex;\n position: absolute;\n top: 430*@toVw;\n left: 60*@toVw;\n img{\n width: 16*@toVw;\n vertical-align: middle;\n }\n .play-btn{\n width: 40*@toVw;\n }\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: 120*@toVw;\n top: 320*@toVw;\n }\n .toLesson{\n width: 45*@toVw;\n position: absolute;\n top: 500*@toVw;\n left: 100*@toVw;\n transform: rotate(30deg);\n }\n .color-red{\n color: #FF6477;\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 top: 520*@toVw;\n left: 150*@toVw;\n text-align: center;\n border:1*@toVw solid rgba(255,255,255,1)\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/guide/audio.vue","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", [\n _vm.show\n ? _c(\n \"div\",\n {\n staticClass: \"guide\",\n on: {\n click: function($event) {\n _vm.show = false\n }\n }\n },\n [\n _c(\"div\", { staticClass: \"title\" }, [\n _vm._v(\"\\n 点击放大图片\\n \")\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"btn-block\" }, [\n _c(\"img\", { attrs: { src: _vm.listUrl } }),\n _vm._v(\" \"),\n _c(\"img\", { attrs: { src: _vm.backUrl } }),\n _vm._v(\" \"),\n _c(\"img\", {\n staticClass: \"play-btn\",\n attrs: { src: _vm.playUrl }\n }),\n _vm._v(\" \"),\n _c(\"img\", { attrs: { src: _vm.nextUrl } }),\n _vm._v(\" \"),\n _c(\"img\", { attrs: { src: _vm.refUrl } })\n ]),\n _vm._v(\" \"),\n _c(\"img\", {\n staticClass: \"toLesson\",\n attrs: { src: _vm.goDownUrl }\n }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"lesson-text\" }, [_vm._v(\"音频功能æ \")]),\n _vm._v(\" \"),\n _c(\"img\", { staticClass: \"i-know\", attrs: { src: _vm.iKnowUrl } })\n ]\n )\n : _vm._e()\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\") .rerender(\"data-v-0761bba3\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0761bba3\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/guide/audio.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n if (disposed) return\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./audio.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./audio.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-0761bba3\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/guide/audio.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-0761bba3\", Component.options)\n } else {\n hotAPI.reload(\"data-v-0761bba3\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/guide/audio.vue\n// module id = null\n// module chunks = ","<template>\n <div>\n <div class=\"content\" v-if=\"showObj.audio\">\n <audio ref=\"audio\" @canplay=\"canPlay\" @play=\"playing()\" :src=\"showObj.audio[index].url+($store.state.isMobile?'?avvod/m3u8/ab/64k':'')\"></audio>\n <div class=\"image-block\" @click=\"imgPop=true\">\n <img :src=\"showObj.audio[index].image\">\n </div>\n <div class=\"title-block\">\n <div class=\"title\">\n {{showObj.audio[index].title}}\n </div>\n <div class=\"tips\">\n {{showObj.audio[index].tips}}\n </div>\n </div>\n <div class=\"range-block\">\n <div class=\"time-block\">\n <div class=\"left-time\">{{startTime}}</div>\n <div class=\"right-time\">{{overTime}}</div>\n </div>\n <input type=\"range\" min=\"0\" :max=\"offset\" v-model=\"range\" :style=\"{backgroundSize:`${offset?range/offset*100:0}% 100%`}\"/>\n </div>\n <div class=\"btn-group\">\n <i class=\"playImage list\" @click=\"popupVisible=!popupVisible\"></i>\n <i class=\"playImage last\" @click=\"lastOne()\"></i>\n <i class=\"playImage play\" v-if=\"!playFlag\" @click=\"onPlay\"></i>\n <i class=\"playImage stop\" v-if=\"playFlag\" @click=\"onStop\"></i>\n <i class=\"playImage next\" @click=\"nextOne()\"></i>\n <i :class=\"{playImage:true,replay:playType===1,replayAll:playType===0,listPlay:playType==2}\" @click=\"changeType()\"></i>\n </div>\n <div class=\"btn-block\">\n <div v-if=\"contentData.content.age\" class=\"age-block\" @click=\"ageShow = !ageShow\">\n <div v-if=\"contentData.age === 1\">0-3å²<i class=\"playImage _154722344142123489\"></i></div>\n <div v-if=\"contentData.age === 2\">4-6å²<i class=\"playImage _154722344142123489\"></i></div>\n </div>\n <div class=\"age-change-block\" v-show=\"ageShow\" v-if=\"contentData.content.age\">\n <div @click=\"contentData.age = 1\">0-3å²<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 1\"></i></div>\n <div @click=\"contentData.age = 2\">4-6å²<i class=\"playImage _282918034425091245\" v-if=\"contentData.age === 2\"></i></div>\n </div>\n <div v-if=\"showObj.change\" class=\"change-block\">\n <div @click=\"contentData.type = 'video'\">视频教å¦</div>\n <div class=\"active\" >音频教å¦</div>\n </div>\n </div>\n </div>\n <mt-popup\n v-model=\"popupVisible\"\n position=\"bottom\" style=\"background: transparent\">\n <div class=\"list-popup\" v-if=\"showObj.audio\">\n <div :class=\"{'list-block':true,active:i=== index}\" v-for=\"(data,i) in this.showObj.audio\" @click=\"changeIndex(i)\">\n {{data.title}}\n <i :class=\"{playImage:true,zDefaultIcon:i !== index,zIcon:i === index}\"></i>\n </div>\n <div class=\"close-btn\" @click=\"popupVisible=false\">\n å…³é—\n </div>\n </div>\n </mt-popup>\n <mt-popup\n v-model=\"imgPop\"\n style=\"background: transparent\">\n <div class=\"imgPop-block\" v-if=\"showObj.audio\">\n <img :src=\"showObj.audio[index].image\"/>\n </div>\n </mt-popup>\n <guide-block/>\n </div>\n</template>\n\n<script>\n import { Toast } from 'mint-ui';\n import guideBlock from '../guide/audio'\n export default {\n name: \"fun\",\n props:[\n 'contentData'\n ],\n components:{\n guideBlock\n },\n data(){\n return{\n popupVisible:false,\n index:0,\n ageShow:false,\n imgPop:false,\n startTime:'00:00',\n overTime:'00:00',\n range:0,\n showObj:{\n audio:null,\n change:false\n },\n playFlag:false,\n offset:0,\n timer:null,\n playType:Number(localStorage.getItem('playType'))|0\n }\n },\n mounted(){\n this.changeAge(this.contentData.age)\n },\n methods:{\n // æ’æ”¾éŸ³é¢‘\n onPlay(){\n this.$refs.audio.play();\n },\n lastOne(){\n if(this.index > 0){\n this.index --;\n this.keepPlay()\n }else if(this.playType === 0 && this.showObj.audio.length > 1){\n this.index = this.showObj.audio.length-1;\n this.keepPlay()\n }else{\n Toast('å·²ç»æ˜¯ç¬¬ä¸€é¦–');\n\n }\n },\n changeIndex(i){\n this.index = i;\n this.popupVisible = false;\n this.keepPlay()\n },\n keepPlay(){\n if(this.playFlag){\n this.$nextTick(()=>{\n this.onPlay()\n })\n }else{\n this.$nextTick(()=>{\n this.onStop()\n })\n }\n },\n nextOne(){\n if(this.index < this.showObj.audio.length-1){\n this.index ++;\n this.keepPlay()\n }else if(this.playType === 0 && this.showObj.audio.length > 1){\n this.index = 0;\n this.keepPlay()\n }else{\n Toast('å·²ç»æ˜¯æœ€åŽä¸€é¦–');\n }\n },\n // 音频准备就绪\n canPlay(){\n let audio = this.$refs.audio;\n this.offset = Math.ceil(parseInt(audio.duration)|0);\n this.$nextTick(()=>{\n this.getDuration()\n })\n },\n // æ’æ”¾ä¸æ–¹æ³•\n playing(){\n this.canPlay();\n let audio = this.$refs.audio;\n this.playFlag = true;\n this.timer = setInterval(() => {\n let min = null;\n if(parseInt(audio.currentTime / 60)<10){\n min = '0' + parseInt(audio.currentTime / 60)\n }else{\n min = parseInt(audio.currentTime / 60)\n }\n let sec = parseInt(audio.currentTime % 60);\n if (sec < 10) {\n sec = \"0\" + sec;\n }\n this.startTime = min + ':' + sec; /* 00:00 */\n this.range = parseInt(audio.currentTime);\n if(this.range === this.offset && this.offset !== 0) {\n this.range=0;/*æ’æ”¾ç»“æŸåŽè¿›åº¦æ¡å½’é›¶*/\n this.startTime='00:00'; /*æ’æ”¾ç»“æŸåŽæ—¶é—´å½’é›¶*/\n this.onOver();\n clearInterval(this.timer)\n }\n }, 1000)\n },\n // æš‚åœè®¡æ—¶å™¨\n stopTime(){\n clearInterval(this.timer);\n },\n // 获å–音频总长度\n getDuration(){\n let min = null;\n if(this.offset === 0 ){\n this.overTime = 'æ£åœ¨åŠ è½½ä¸...'\n }else{\n if(parseInt(this.offset / 60)<10){\n min = '0' + parseInt(this.offset / 60)\n }else{\n min = parseInt(this.offset / 60)\n }\n let sec = parseInt(this.offset % 60);\n if (sec < 10) {\n sec = \"0\" + sec;\n }\n this.overTime = min + ':' + sec; /* 00:00 */\n }\n\n },\n // æ’æ”¾æš‚åœ\n onStop(){\n this.$refs.audio.pause();\n this.playFlag = false\n },\n // æ’æ”¾å®Œæ¯•\n onOver(){\n switch (this.playType) {\n case 0:\n if(this.index < this.showObj.audio.length-1){\n this.index++\n }else{\n this.index=0\n }\n this.$nextTick(()=>{\n this.onPlay()\n });\n break;\n case 1:\n this.range = 0;\n break;\n case 2:\n if(this.index < this.showObj.audio.length-1){\n this.index++;\n this.$nextTick(()=>{\n this.onPlay()\n });\n }else{\n this.index=0;\n this.$nextTick(()=>{\n this.onStop()\n });\n }\n }\n },\n // 改å˜å¾ªçŽ¯çŠ¶æ€\n changeType(){\n this.playType < 2 ? this.playType++ :this.playType =0;\n window.localStorage.setItem('playType',this.playType)\n },\n changeAge(value){\n if(this.contentData.content.age && value === 2){\n this.showObj = {\n audio:this.contentData.content.audio2,\n change:this.contentData.content.change2\n }\n }else{\n this.showObj = {\n audio:this.contentData.content.audio,\n change:this.contentData.content.change\n }\n }\n this.playFlag = false;\n this.startTime='00:00';\n this.overTime='00:00'\n }\n },\n watch:{\n 'contentData':{\n handler:function() { //特别注æ„,ä¸èƒ½ç”¨ç®å¤´å‡½æ•°ï¼Œç®å¤´å‡½æ•°ï¼Œthis指å‘全局\n this.changeAge(this.contentData.age)\n },\n deep: true\n },\n 'range'(value,value2){\n let audio = this.$refs.audio;\n if(Math.abs(value - value2) > 2){\n this.timer = setInterval(() => {\n let min = null;\n if(parseInt(audio.currentTime / 60)<10){\n min = '0' + parseInt(audio.currentTime / 60)\n }else{\n min = parseInt(audio.currentTime / 60)\n }\n let sec = parseInt(audio.currentTime % 60);\n if (sec < 10) {\n sec = \"0\" + sec;\n }\n this.startTime = min + ':' + sec; /* 00:00 */\n this.range = parseInt(audio.currentTime);\n if(this.range == this.offset && this.offset !== 0) {\n this.range=0;/*æ’æ”¾ç»“æŸåŽè¿›åº¦æ¡å½’é›¶*/\n this.startTime='00:00'; /*æ’æ”¾ç»“æŸåŽæ—¶é—´å½’é›¶*/\n this.onOver();\n clearInterval(this.timer)\n }\n }, 1000);\n audio.currentTime = value;\n }\n }\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n @import \"../../util/public\";\n .playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\n ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 0;}\n ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\n .next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\n .replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\n .replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\n .list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\n .last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\n .listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\n .zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\n .zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\n .play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\n .stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\n .content{\n background: white;\n width: 315*@toVw;\n position: absolute;\n top: 80*@toVw;\n left: 20*@toVw;\n right: 20*@toVw;\n bottom: 20*@toVw;\n overflow: auto;\n margin: auto;\n display: block;\n border-radius: 8px;\n text-align: center;\n padding: 10*@toVw;\n .image-block{\n width: 188*@toVw;\n height: 188*@toVw;\n margin-top: 20*@toVw;\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\n overflow: hidden;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n }\n }\n .title-block{\n margin-top: 24*@toVw;\n .title{\n font-size:16*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .tips{\n font-size:14*@toVw;\n margin-top: 6*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n }\n }\n .range-block{\n width: 237 * @toVw;\n margin-top: 16*@toVw;\n .time-block{\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n text-align: left;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n .left-time{\n float: left;\n }\n .right-time{\n float: right;\n }\n }\n input[type=range] {\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-appearance: none;\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\n background-size: 75% 100%;/*设置左å³å®½åº¦æ¯”例*/\n width: 100%;\n border-radius: 10*@toVw; /*è¿™ä¸ªå±žæ€§è®¾ç½®ä½¿å¡«å……è¿›åº¦æ¡æ—¶çš„图形为圆角*/\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 4*@toVw;\n border-radius: 2*@toVw ;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border-radius: 50%; /*外观设置为圆形*/\n height: 16*@toVw;\n width: 16*@toVw;\n margin-top: -6*@toVw; /*使滑å—超出轨é“部分的åç§»é‡ç›¸ç‰*/\n background: #49E2A5;\n }\n }\n .btn-group{\n margin-top: 20*@toVw;\n width: 200*@toVw;\n display: flex;\n }\n }\n .list-popup{\n width: 375*@toVw;\n max-height: 345*@toVw;\n overflow: auto;\n border-radius: 8px 8px 0 0;\n background: white;\n padding-top: 20*@toVw;\n .list-block{\n display: block;\n width: auto;\n margin: 0 20*@toVw;\n padding:12*@toVw 36*@toVw;\n border-bottom: 1px solid #dddddd;\n &.active{\n color: #49E2A5;\n }\n }\n .close-btn{\n text-align: center;\n padding: 20*@toVw;\n }\n }\n .imgPop-block{\n max-height: 500*@toVw;\n overflow: auto;\n img{\n max-width: 300*@toVw;\n }\n }\n .btn-block{\n position: relative;\n margin-top: 28*@toVw;\n text-align: center;\n .age-block{\n height: 28*@toVw;\n line-height: 28*@toVw;\n border: 1*@toVw solid #666;\n position: absolute;\n padding: 0 13*@toVw;\n border-radius: 100*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n }\n .age-change-block{\n position: absolute;\n top: 37*@toVw;\n left: 0;\n width: 66*@toVw;\n border-radius: 8*@toVw;\n border: 1*@toVw solid #666666;\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n &>div{\n padding: 6*@toVw 11*@toVw;\n text-align: left;\n &:first-child{\n border-bottom: 1*@toVw solid #eee;\n }\n }\n }\n .change-block{\n border-radius: 1000*@toVw;\n width: 144*@toVw;\n border:1px solid #40A9FF;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n div{\n float: left;\n width: 50%;\n border-radius: 100*@toVw;\n font-size:12px;\n height: 28*@toVw;\n line-height: 28*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(204,204,204,1);\n &.active{\n background: #40A9FF;\n color: white;\n }\n }\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/audio.vue","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n _vm.showObj.audio\n ? _c(\"div\", { staticClass: \"content\" }, [\n _c(\"audio\", {\n ref: \"audio\",\n attrs: {\n src:\n _vm.showObj.audio[_vm.index].url +\n (_vm.$store.state.isMobile ? \"?avvod/m3u8/ab/64k\" : \"\")\n },\n on: {\n canplay: _vm.canPlay,\n play: function($event) {\n _vm.playing()\n }\n }\n }),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n staticClass: \"image-block\",\n on: {\n click: function($event) {\n _vm.imgPop = true\n }\n }\n },\n [\n _c(\"img\", {\n attrs: { src: _vm.showObj.audio[_vm.index].image }\n })\n ]\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"title-block\" }, [\n _c(\"div\", { staticClass: \"title\" }, [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm.showObj.audio[_vm.index].title) +\n \"\\n \"\n )\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"tips\" }, [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm.showObj.audio[_vm.index].tips) +\n \"\\n \"\n )\n ])\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"range-block\" }, [\n _c(\"div\", { staticClass: \"time-block\" }, [\n _c(\"div\", { staticClass: \"left-time\" }, [\n _vm._v(_vm._s(_vm.startTime))\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"right-time\" }, [\n _vm._v(_vm._s(_vm.overTime))\n ])\n ]),\n _vm._v(\" \"),\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.range,\n expression: \"range\"\n }\n ],\n style: {\n backgroundSize:\n (_vm.offset ? (_vm.range / _vm.offset) * 100 : 0) + \"% 100%\"\n },\n attrs: { type: \"range\", min: \"0\", max: _vm.offset },\n domProps: { value: _vm.range },\n on: {\n __r: function($event) {\n _vm.range = $event.target.value\n }\n }\n })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"btn-group\" }, [\n _c(\"i\", {\n staticClass: \"playImage list\",\n on: {\n click: function($event) {\n _vm.popupVisible = !_vm.popupVisible\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", {\n staticClass: \"playImage last\",\n on: {\n click: function($event) {\n _vm.lastOne()\n }\n }\n }),\n _vm._v(\" \"),\n !_vm.playFlag\n ? _c(\"i\", {\n staticClass: \"playImage play\",\n on: { click: _vm.onPlay }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _vm.playFlag\n ? _c(\"i\", {\n staticClass: \"playImage stop\",\n on: { click: _vm.onStop }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _c(\"i\", {\n staticClass: \"playImage next\",\n on: {\n click: function($event) {\n _vm.nextOne()\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", {\n class: {\n playImage: true,\n replay: _vm.playType === 1,\n replayAll: _vm.playType === 0,\n listPlay: _vm.playType == 2\n },\n on: {\n click: function($event) {\n _vm.changeType()\n }\n }\n })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"btn-block\" }, [\n _vm.contentData.content.age\n ? _c(\n \"div\",\n {\n staticClass: \"age-block\",\n on: {\n click: function($event) {\n _vm.ageShow = !_vm.ageShow\n }\n }\n },\n [\n _vm.contentData.age === 1\n ? _c(\"div\", [\n _vm._v(\"0-3å²\"),\n _c(\"i\", {\n staticClass: \"playImage _154722344142123489\"\n })\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm.contentData.age === 2\n ? _c(\"div\", [\n _vm._v(\"4-6å²\"),\n _c(\"i\", {\n staticClass: \"playImage _154722344142123489\"\n })\n ])\n : _vm._e()\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.contentData.content.age\n ? _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.ageShow,\n expression: \"ageShow\"\n }\n ],\n staticClass: \"age-change-block\"\n },\n [\n _c(\n \"div\",\n {\n on: {\n click: function($event) {\n _vm.contentData.age = 1\n }\n }\n },\n [\n _vm._v(\"0-3å²\"),\n _vm.contentData.age === 1\n ? _c(\"i\", {\n staticClass: \"playImage _282918034425091245\"\n })\n : _vm._e()\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n on: {\n click: function($event) {\n _vm.contentData.age = 2\n }\n }\n },\n [\n _vm._v(\"4-6å²\"),\n _vm.contentData.age === 2\n ? _c(\"i\", {\n staticClass: \"playImage _282918034425091245\"\n })\n : _vm._e()\n ]\n )\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.showObj.change\n ? _c(\"div\", { staticClass: \"change-block\" }, [\n _c(\n \"div\",\n {\n on: {\n click: function($event) {\n _vm.contentData.type = \"video\"\n }\n }\n },\n [_vm._v(\"视频教å¦\")]\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"active\" }, [_vm._v(\"音频教å¦\")])\n ])\n : _vm._e()\n ])\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"mt-popup\",\n {\n staticStyle: { background: \"transparent\" },\n attrs: { position: \"bottom\" },\n model: {\n value: _vm.popupVisible,\n callback: function($$v) {\n _vm.popupVisible = $$v\n },\n expression: \"popupVisible\"\n }\n },\n [\n _vm.showObj.audio\n ? _c(\n \"div\",\n { staticClass: \"list-popup\" },\n [\n _vm._l(this.showObj.audio, function(data, i) {\n return _c(\n \"div\",\n {\n class: { \"list-block\": true, active: i === _vm.index },\n on: {\n click: function($event) {\n _vm.changeIndex(i)\n }\n }\n },\n [\n _vm._v(\n \"\\n \" + _vm._s(data.title) + \"\\n \"\n ),\n _c(\"i\", {\n class: {\n playImage: true,\n zDefaultIcon: i !== _vm.index,\n zIcon: i === _vm.index\n }\n })\n ]\n )\n }),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n staticClass: \"close-btn\",\n on: {\n click: function($event) {\n _vm.popupVisible = false\n }\n }\n },\n [_vm._v(\"\\n å…³é—\\n \")]\n )\n ],\n 2\n )\n : _vm._e()\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"mt-popup\",\n {\n staticStyle: { background: \"transparent\" },\n model: {\n value: _vm.imgPop,\n callback: function($$v) {\n _vm.imgPop = $$v\n },\n expression: \"imgPop\"\n }\n },\n [\n _vm.showObj.audio\n ? _c(\"div\", { staticClass: \"imgPop-block\" }, [\n _c(\"img\", {\n attrs: { src: _vm.showObj.audio[_vm.index].image }\n })\n ])\n : _vm._e()\n ]\n ),\n _vm._v(\" \"),\n _c(\"guide-block\")\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\") .rerender(\"data-v-531d3c9f\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-531d3c9f\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/audio.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n if (disposed) return\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./audio.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./audio.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./audio.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-531d3c9f\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/audio.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-531d3c9f\", Component.options)\n } else {\n hotAPI.reload(\"data-v-531d3c9f\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/audio.vue\n// module id = null\n// module chunks = ","<template>\n <div class=\"newLesson\">\n <div class=\"header\" v-if=\"!nowLesson.old\">\n <i :class=\"{lessonHeader:true, defaultLook:nowShow !== 1,look:nowShow===1}\" @click=\"changeTitle(1)\"></i>\n <i :class=\"{lessonHeader:true, defaultPlay:nowShow !== 2,play:nowShow===2}\" @click=\"changeTitle(2)\"></i>\n <i :class=\"{lessonHeader:true, defaultFun:nowShow !== 3,fun:nowShow===3}\" @click=\"changeTitle(3)\"></i>\n <i class=\"lessonHeader home\" @click=\"backList\"></i>\n </div>\n <div class=\"header-h\">\n <i :class=\"{headerHP:true, defaultLook:nowShow !== 1,lookHP:nowShow===1}\" @click=\"changeTitle(1)\"></i>\n <i :class=\"{headerHP:true, defaultPlay:nowShow !== 2,playHP:nowShow===2}\" @click=\"changeTitle(2)\"></i>\n <i :class=\"{headerHP:true, defaultFun:nowShow !== 3,funHP:nowShow===3}\" @click=\"changeTitle(3)\"></i>\n <i class=\"lessonHeader home\" @click=\"backList\"></i>\n </div>\n <img :src=\"backUrl\" v-if=\"nowLesson.old\" @click=\"backList\" class=\"backImg\">\n <div class=\"header-h\">\n <div class=\"header-list active\">\n <i class=\"index-h look-h\"></i>\n </div>\n <div class=\"header-list\">\n <i class=\"index-h play-h\"></i>\n </div>\n <div class=\"header-list\">\n <i class=\"index-h fun-h\"></i>\n </div>\n <div class=\"header-list\">\n <i class=\"index-h home-h\"></i>\n </div>\n </div>\n <div class=\"index-content-block\">\n <look-block v-if=\"nowLesson.type === 'text'\" :contentData=\"nowLesson\"/>\n <video-block v-if=\"nowLesson.type === 'video'\" :contentData=\"nowLesson\" :nowShow=\"nowShow\"/>\n <audio-block v-if=\"nowLesson.type === 'audio'\" :contentData=\"nowLesson\"/>\n </div>\n </div>\n</template>\n\n<script>\n import {getLessonDetailApi} from \"../../service/api\";\n import lookBlock from './look'\n import videoBlock from './video'\n import backUrl from '../../assets/newLesson/back.png'\n import audioBlock from './audio'\n export default {\n name: \"index\",\n data(){\n let query = this.$route.query;\n return {\n backUrl:backUrl,\n periods_id:query.periods_id,\n category_id:query.category_id,\n elementId:query.elementId,\n lesson:null,\n nowShow:0,\n nowLesson:{\n type:'',\n content:null,\n age:1,\n }\n }\n },\n components:{\n lookBlock,\n videoBlock,\n audioBlock\n },\n mounted(){\n this.initPage();\n },\n methods:{\n backList(){\n let query={\n periods_id:this.$route.query.periods_id,\n course_type:this.$route.query.course_type,\n parent_category_id:this.$route.query.parent_category_id,\n back_id:this.category_id\n };\n this.$router.push({name:'map',query:query})\n },\n changeTitle(type){\n this.nowShow = type;\n switch (type) {\n case 1:\n this.nowLesson = {\n type:'text',\n content:this.lesson.content.look,\n age:this.nowLesson.age\n };\n break;\n case 2:\n if(this.lesson.content.play.type){\n this.nowLesson = {\n type:'audio',\n content:this.lesson.content.play,\n age:this.nowLesson.age\n };\n }else{\n this.nowLesson = {\n type:'video',\n content:this.lesson.content.play,\n age:this.nowLesson.age\n };\n }\n break;\n case 3:\n if(this.lesson.content.fun.type){\n this.nowLesson = {\n type:'audio',\n content:this.lesson.content.fun,\n age:this.nowLesson.age\n };\n }else{\n this.nowLesson = {\n type:'video',\n content:this.lesson.content.fun,\n age:this.nowLesson.age\n };\n }\n break;\n }\n },\n initPage(){\n this.lesson = JSON.parse(localStorage.getItem('lessonDetail'));\n this.nowShow = 1;\n document.title =`${this.lesson.domTitle}`;\n this.nowLesson = {\n type:'text',\n content:this.lesson.content.look,\n age:this.nowLesson.age\n };\n if(this.lesson.content.play.video.length < 1 && this.lesson.content.play.audio.length < 1 ){\n this.nowLesson.old=true\n }\n }\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n@import \"../../util/public\";\n.lessonHeader{background:url('/static/images/lessonHeader.png') no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}\n.header-h{display: none}\n.home{height:46*@toVw;width:46*@toVw;background-position:0 0;}\n.play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}\n.look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}\n.fun{height:48*@toVw;width:102*@toVw;background-position:0 -142*@toVw;}\n.defaultFun{height:48*@toVw;width:102*@toVw;background-position:0 -190*@toVw;}\n.defaultLook{height:48*@toVw;width:102*@toVw;background-position:0 -238*@toVw;}\n.defaultPlay{height:48*@toVw;width:102*@toVw;background-position:0 -286*@toVw;}\n .header{\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 5*@toVw 0;\n z-index: 2;\n background:rgba(255,255,255,1);\n box-shadow:0*@toVw 2*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.1);\n }\n .newLesson{\n background: #eeeeee;\n }\n .backImg{\n position: fixed;\n bottom: 40*@toVw;\n right: 20*@toVw;\n z-index: 99999999;\n width: 60*@toVw;\n }\n\n@media screen and (orientation: landscape) {\n\n}\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/newLesson/index.vue","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"newLesson\" }, [\n !_vm.nowLesson.old\n ? _c(\"div\", { staticClass: \"header\" }, [\n _c(\"i\", {\n class: {\n lessonHeader: true,\n defaultLook: _vm.nowShow !== 1,\n look: _vm.nowShow === 1\n },\n on: {\n click: function($event) {\n _vm.changeTitle(1)\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", {\n class: {\n lessonHeader: true,\n defaultPlay: _vm.nowShow !== 2,\n play: _vm.nowShow === 2\n },\n on: {\n click: function($event) {\n _vm.changeTitle(2)\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", {\n class: {\n lessonHeader: true,\n defaultFun: _vm.nowShow !== 3,\n fun: _vm.nowShow === 3\n },\n on: {\n click: function($event) {\n _vm.changeTitle(3)\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", {\n staticClass: \"lessonHeader home\",\n on: { click: _vm.backList }\n })\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"header-h\" }, [\n _c(\"i\", {\n class: {\n headerHP: true,\n defaultLook: _vm.nowShow !== 1,\n lookHP: _vm.nowShow === 1\n },\n on: {\n click: function($event) {\n _vm.changeTitle(1)\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", {\n class: {\n headerHP: true,\n defaultPlay: _vm.nowShow !== 2,\n playHP: _vm.nowShow === 2\n },\n on: {\n click: function($event) {\n _vm.changeTitle(2)\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", {\n class: {\n headerHP: true,\n defaultFun: _vm.nowShow !== 3,\n funHP: _vm.nowShow === 3\n },\n on: {\n click: function($event) {\n _vm.changeTitle(3)\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"i\", { staticClass: \"lessonHeader home\", on: { click: _vm.backList } })\n ]),\n _vm._v(\" \"),\n _vm.nowLesson.old\n ? _c(\"img\", {\n staticClass: \"backImg\",\n attrs: { src: _vm.backUrl },\n on: { click: _vm.backList }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(0),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"index-content-block\" },\n [\n _vm.nowLesson.type === \"text\"\n ? _c(\"look-block\", { attrs: { contentData: _vm.nowLesson } })\n : _vm._e(),\n _vm._v(\" \"),\n _vm.nowLesson.type === \"video\"\n ? _c(\"video-block\", {\n attrs: { contentData: _vm.nowLesson, nowShow: _vm.nowShow }\n })\n : _vm._e(),\n _vm._v(\" \"),\n _vm.nowLesson.type === \"audio\"\n ? _c(\"audio-block\", { attrs: { contentData: _vm.nowLesson } })\n : _vm._e()\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"header-h\" }, [\n _c(\"div\", { staticClass: \"header-list active\" }, [\n _c(\"i\", { staticClass: \"index-h look-h\" })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"header-list\" }, [\n _c(\"i\", { staticClass: \"index-h play-h\" })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"header-list\" }, [\n _c(\"i\", { staticClass: \"index-h fun-h\" })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"header-list\" }, [\n _c(\"i\", { staticClass: \"index-h home-h\" })\n ])\n ])\n }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\") .rerender(\"data-v-17c3eb9b\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-17c3eb9b\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/newLesson/index.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n if (disposed) return\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-17c3eb9b\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/newLesson/index.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-17c3eb9b\", Component.options)\n } else {\n hotAPI.reload(\"data-v-17c3eb9b\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/newLesson/index.vue\n// module id = null\n// module chunks = ","module.exports = __webpack_public_path__ + \"static/img/luolalaila.1ba248b.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/newLesson/luolalaila.png\n// module id = A4/g\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"5b5ea576\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-4b9d59c8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-4b9d59c8\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/video.vue\n// module id = AHTB\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAmy4FDt8eN/PDjexTZPut0kN0eiMosmgAAADySURBVCjPlVJZssMgDAs7BgIk0f3PWjftpCxp3zz/eJE8Y8teln+Z3VJy+isaDE6j446jRWYsVuPZ+UONuOTuutozPDgm2+POI6YrU3uG6Rg2onYFx4V2EIIZ5pIe4ZMlZDkOtba1AjGvRU3R7jeLJ3j9U1Xlsb1DYdyMl2oQiFgwJVi5mfGSPTJBPIOZIeO77Ng9D7TcMM42FVaBItI8hRTu0sT88Sb5WqixjVyj5DyCNtg/t8tYR0JA1G3mt/FWXY8m+G4P/pj+froC4noZSUAZvlIXIJfVWet2hhHUfN6Ky8jd6rGFyqp7CvKHaHp8kgezoAyFs+5UjgAAAABJRU5ErkJggg==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/ref.png\n// module id = EsZv\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-4b9d59c8] {\\n float: right;\\n}\\n.main-block[data-v-4b9d59c8] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-4b9d59c8]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-4b9d59c8]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-4b9d59c8]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-4b9d59c8]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.off[data-v-4b9d59c8] {\\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.guide[data-v-4b9d59c8] {\\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 .toVideo[data-v-4b9d59c8] {\\n -webkit-transform: rotate(-30deg);\\n transform: rotate(-30deg);\\n width: 13.33333333vw;\\n position: absolute;\\n top: 26.66666667vw;\\n left: 13.33333333vw;\\n}\\n.guide .video-block[data-v-4b9d59c8] {\\n width: 85.33333333vw;\\n height: 49.33333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n position: absolute;\\n top: 41.06666667vw;\\n left: 7.2vw;\\n}\\n.guide .change-block[data-v-4b9d59c8] {\\n position: absolute;\\n top: 94.93333333vw;\\n left: 30.66666667vw;\\n width: 38.66666667vw;\\n height: 7.46666667vw;\\n border-radius: 3.73333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.2vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #ffffff;\\n}\\n.guide .change-block div[data-v-4b9d59c8] {\\n width: 49%;\\n float: left;\\n border-radius: 26.66666667vw;\\n line-height: 7.46666667vw;\\n text-align: center;\\n}\\n.guide .change-block div[data-v-4b9d59c8]:first-child {\\n border: 0.26666667vw solid #ffffff;\\n}\\n.guide .video-test[data-v-4b9d59c8] {\\n width: 39.46666667vw;\\n position: absolute;\\n left: 26.4vw;\\n top: 21.33333333vw;\\n height: 6.93333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.73333333vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n line-height: 6.93333333vw;\\n text-align: center;\\n color: #ffffff;\\n}\\n.guide .i-know[data-v-4b9d59c8] {\\n position: absolute;\\n width: 34.4vw;\\n left: 32.8vw;\\n top: 114.66666667vw;\\n}\\n.guide .color-red[data-v-4b9d59c8] {\\n color: #FF6477;\\n}\\n.guide .toUntil[data-v-4b9d59c8] {\\n width: 13.33333333vw;\\n position: absolute;\\n left: 40vw;\\n top: 104vw;\\n}\\n.guide .until-test[data-v-4b9d59c8] {\\n width: 28.8vw;\\n position: absolute;\\n left: 55.73333333vw;\\n top: 106.66666667vw;\\n height: 6.93333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.73333333vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n line-height: 6.93333333vw;\\n text-align: center;\\n color: #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/video.vue\",\"D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/video.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;AC8BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD5BD;AC8BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CD5BD;ACoBD;EAUI,kCAAA;UAAA,0BAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;CD3BH;ACaD;EAiBI,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;CD3BH;ACID;EA0BI,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD3BH;ACTD;EAsCM,WAAA;EACA,YAAA;EACA,6BAAA;EACA,0BAAA;EACA,mBAAA;CD1BL;AC2BK;EACE,mCAAA;CDzBP;ACnBD;EAiDI,qBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH;AClCD;EAgEI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;CD3BH;ACxCD;EAsEI,eAAA;CD3BH;AC3CD;EAyEI,qBAAA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CD3BH;ACjDD;EA+EI,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CD3BH\",\"file\":\"video.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.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.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 .toVideo {\\n transform: rotate(-30deg);\\n width: 13.33333333vw;\\n position: absolute;\\n top: 26.66666667vw;\\n left: 13.33333333vw;\\n}\\n.guide .video-block {\\n width: 85.33333333vw;\\n height: 49.33333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n position: absolute;\\n top: 41.06666667vw;\\n left: 7.2vw;\\n}\\n.guide .change-block {\\n position: absolute;\\n top: 94.93333333vw;\\n left: 30.66666667vw;\\n width: 38.66666667vw;\\n height: 7.46666667vw;\\n border-radius: 3.73333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.2vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #ffffff;\\n}\\n.guide .change-block div {\\n width: 49%;\\n float: left;\\n border-radius: 26.66666667vw;\\n line-height: 7.46666667vw;\\n text-align: center;\\n}\\n.guide .change-block div:first-child {\\n border: 0.26666667vw solid #ffffff;\\n}\\n.guide .video-test {\\n width: 39.46666667vw;\\n position: absolute;\\n left: 26.4vw;\\n top: 21.33333333vw;\\n height: 6.93333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.73333333vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n line-height: 6.93333333vw;\\n text-align: center;\\n color: #ffffff;\\n}\\n.guide .i-know {\\n position: absolute;\\n width: 34.4vw;\\n left: 32.8vw;\\n top: 114.66666667vw;\\n}\\n.guide .color-red {\\n color: #FF6477;\\n}\\n.guide .toUntil {\\n width: 13.33333333vw;\\n position: absolute;\\n left: 40vw;\\n top: 104vw;\\n}\\n.guide .until-test {\\n width: 28.8vw;\\n position: absolute;\\n left: 55.73333333vw;\\n top: 106.66666667vw;\\n height: 6.93333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.73333333vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n line-height: 6.93333333vw;\\n text-align: center;\\n color: #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@import \\\"../../util/public\\\";\\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.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 .toVideo{\\n transform: rotate(-30deg);\\n width: 50*@toVw;\\n position: absolute;\\n top: 100*@toVw;\\n left: 50*@toVw;\\n }\\n .video-block{\\n width:320*@toVw;\\n height:185*@toVw;\\n border-radius:8*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n position: absolute;\\n top: 154*@toVw;\\n left: 27*@toVw;\\n }\\n .change-block{\\n position: absolute;\\n top: 356*@toVw;\\n left: 115*@toVw;\\n width:145*@toVw;\\n height:28*@toVw;\\n border-radius:14*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n font-size:12*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(255,255,255,1);\\n div{\\n width: 49%;\\n float: left;\\n border-radius: 100*@toVw;\\n line-height: 28*@toVw;\\n text-align: center;\\n &:first-child{\\n border:1*@toVw solid rgba(255,255,255,1);\\n }\\n }\\n }\\n .video-test{\\n width:148*@toVw;\\n position: absolute;\\n left: 99*@toVw;\\n top: 80*@toVw;\\n height:26*@toVw;\\n border-radius:8*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n font-size:14*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n line-height: 26*@toVw;\\n text-align: center;\\n color:rgba(255,255,255,1);\\n }\\n .i-know{\\n position: absolute;\\n width: 129*@toVw;\\n left: 123*@toVw;\\n top: 430*@toVw;\\n }\\n .color-red{\\n color: #FF6477;\\n }\\n .toUntil{\\n width: 50*@toVw;\\n position: absolute;\\n left: 150*@toVw;\\n top: 390*@toVw;\\n }\\n .until-test{\\n width:108*@toVw;\\n position: absolute;\\n left: 209*@toVw;\\n top: 400*@toVw;\\n height:26*@toVw;\\n border-radius:8*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n font-size:14*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n line-height: 26*@toVw;\\n text-align: center;\\n color:rgba(255,255,255,1);\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-4b9d59c8\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/video.vue\n// module id = FHMa\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAACGCAMAAADHJ7eIAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMABYlLEwve+unyWnnRAhw9m8UnqmkxuK30xekAABIiSURBVHja7FzrmpyqEm0QVEAUBeX93/RUKV6wFZxJ8u0znZD8yEymlVXXVVUwr9f7Gil7/Y2LT97ovxE4sb4e/0qVd+IvVTn/p/J/Kv+n8r9A5cM/lf9T+SeucSR/pcqHWphB/0pg14RzxljbtsMwjh2uYlvzl904DrDgJ1o2Lz4vQojW/5mM29L7WrFvqJzwdiykosZOfVOWtRCiqvz1qmDB/4u6rsuyaZq+76dpstYYQ6lSyjmJQkIBBelskvlzKrfC+74gX/FyzdtC2aaudmAi4JpXCate/mxLhIUyuJPP/Jz54yibRTKrYM6SYb9sNaRoKl8d7D2pctBz50xf4y5hj01vDVVBX8O+q32hgbdo6YsbgPlLKZ1zSlFKjbF2mvq+aVBUm3zuZVOJTTK72dB5B+PQMk6+BJ2p+mjvoPLyqi7nbJSoZ9yAqHvquoFFL7qS1vq9oJbtR+avt6/IHCfWKIGyOUrmUjBvogE9NJOFXbWMfM/e9dgbcrbtQdKprBbMjVVFq6+B/uLSr8hwdXgHBlCUTLCbYDZqlQ0GGZBJkIWY98f1Q3vvwd7tYu+aRB/SrKCNmGVaTihR8p+EYR0LOvZswtmAodZMEGURPVhkx/Q37H1/5EhR04i5GLl+/RFF/w6xBGHwAWLQHHerhnb8kb0btPc4h5MOnKCqJ9X9qG4cGRYjrXrJntq7irI8yKJq1PDzqJzWvJuxN+6J1pkzhxSuixJlxl8/dfFiAsX1HXnoKuvHnPCl+7mwEQ3pALr4WtecqMpPP79QI7Lx1dTGhZk6r2LXOHFVZT9ivtCayjdHDbbNGyM8kPRCeMtfH7G4EhFyburz6tmhaps+Zp5EIFod0ej2vDYVE+PLD2rEQLyqqD5F8ePfQ1FeuY/qqBkvimedt55/EnB03SeIOvFIPj8ppcvqgQ2Dh3+YwsGIe9/wvF18locvKn/g5dLX7acBf7HSm5xwrLcfh1trc91Ri2TzeZaO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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/lesson.png\n// module id = G8nj\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMA7WWo+BTVMZkIuyCOdm9BTOL+xlsbVUw/AAAAs0lEQVQoz5WSSxKEIAxEWw0qIqJg7n/ViQKjUrgwqxSvK3Q+0BopDIroycbEcT88kWee1JG0zFmVgruOm/VEdkuqjEbsjR+1oEEl1YVggvwjCEl1Q4Almg4EM11uIsLQM8enhWh5IOjZJ7WoopuMgDX3LKrTzYVu4TY/6zqCtLF8RmVB92bj3fx7y5Z8qA5Kxru56nj3hjtVW4qsktrqKuUAgqkfQDiaOz1SeTb6X0IVI/kBKjMLKuoAnDQAAAAASUVORK5CYII=\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/next.png\n// module id = Jyj/\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYBAMAAAAbsoCxAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACHRSTlMAxuOqblIYPdzfuK0AAABBSURBVBjTY2BABazGZgzFxlAQwMDS0cYQ0QEFDhhcJTWGICUocGCgImAVFGMoFIQCQs5AU0xFgOZBAs5ADTpUAACEHS/VIfLFrAAAAABJRU5ErkJggg==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/list.png\n// module id = M58m\n// module chunks = 2","module.exports = __webpack_public_path__ + \"static/img/luoLacoming.565b7f9.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/newLesson/luoLacoming.png\n// module id = O8Ir\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"91d88164\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-531d3c9f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-531d3c9f\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/audio.vue\n// module id = Oq7G\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-17c3eb9b] {\\n float: right;\\n}\\n.main-block[data-v-17c3eb9b] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-17c3eb9b]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-17c3eb9b]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-17c3eb9b]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-17c3eb9b]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.lessonHeader[data-v-17c3eb9b] {\\n background: url('/static/images/lessonHeader.png') no-repeat;\\n background-size: 27.2vw 89.06666667vw;\\n display: inline-block;\\n}\\n.header-h[data-v-17c3eb9b] {\\n display: none;\\n}\\n.home[data-v-17c3eb9b] {\\n height: 12.26666667vw;\\n width: 12.26666667vw;\\n background-position: 0 0;\\n}\\n.play[data-v-17c3eb9b] {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -12.26666667vw;\\n}\\n.look[data-v-17c3eb9b] {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -25.06666667vw;\\n}\\n.fun[data-v-17c3eb9b] {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -37.86666667vw;\\n}\\n.defaultFun[data-v-17c3eb9b] {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -50.66666667vw;\\n}\\n.defaultLook[data-v-17c3eb9b] {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -63.46666667vw;\\n}\\n.defaultPlay[data-v-17c3eb9b] {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -76.26666667vw;\\n}\\n.header[data-v-17c3eb9b] {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n padding: 1.33333333vw 0;\\n z-index: 2;\\n background: #ffffff;\\n -webkit-box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\\n box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\\n}\\n.newLesson[data-v-17c3eb9b] {\\n background: #eeeeee;\\n}\\n.backImg[data-v-17c3eb9b] {\\n position: fixed;\\n bottom: 10.66666667vw;\\n right: 5.33333333vw;\\n z-index: 99999999;\\n width: 16vw;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less\",\"D:/myproject/new-singsingH5/src/components/newLesson/index.vue\",\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/index.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;ACmHD;EAAc,6DAAA;EAA6D,sCAAA;EAAoC,sBAAA;CD9G9G;AC+GD;EAAU,cAAA;CD5GT;AC6GD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,yBAAA;CDxGpC;ACyGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpGrC;ACqGD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhGrC;ACiGD;EAAK,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD5FpC;AC6FD;EAAY,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDxF3C;ACyFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDpF5C;ACqFD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDhF5C;ACiFC;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;EACA,oBAAA;EACA,kEAAA;UAAA,0DAAA;CD/EH;ACiFC;EACE,oBAAA;CD/EH;ACiFC;EACE,gBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;CD/EH\",\"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.lessonHeader {\\n background: url('/static/images/lessonHeader.png') no-repeat;\\n background-size: 27.2vw 89.06666667vw;\\n display: inline-block;\\n}\\n.header-h {\\n display: none;\\n}\\n.home {\\n height: 12.26666667vw;\\n width: 12.26666667vw;\\n background-position: 0 0;\\n}\\n.play {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -12.26666667vw;\\n}\\n.look {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -25.06666667vw;\\n}\\n.fun {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -37.86666667vw;\\n}\\n.defaultFun {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -50.66666667vw;\\n}\\n.defaultLook {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -63.46666667vw;\\n}\\n.defaultPlay {\\n height: 12.8vw;\\n width: 27.2vw;\\n background-position: 0 -76.26666667vw;\\n}\\n.header {\\n display: flex;\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n padding: 1.33333333vw 0;\\n z-index: 2;\\n background: #ffffff;\\n box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);\\n}\\n.newLesson {\\n background: #eeeeee;\\n}\\n.backImg {\\n position: fixed;\\n bottom: 10.66666667vw;\\n right: 5.33333333vw;\\n z-index: 99999999;\\n width: 16vw;\\n}\\n\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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.lessonHeader{background:url('/static/images/lessonHeader.png') no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}\\n.header-h{display: none}\\n.home{height:46*@toVw;width:46*@toVw;background-position:0 0;}\\n.play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}\\n.look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}\\n.fun{height:48*@toVw;width:102*@toVw;background-position:0 -142*@toVw;}\\n.defaultFun{height:48*@toVw;width:102*@toVw;background-position:0 -190*@toVw;}\\n.defaultLook{height:48*@toVw;width:102*@toVw;background-position:0 -238*@toVw;}\\n.defaultPlay{height:48*@toVw;width:102*@toVw;background-position:0 -286*@toVw;}\\n .header{\\n display: flex;\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n padding: 5*@toVw 0;\\n z-index: 2;\\n background:rgba(255,255,255,1);\\n box-shadow:0*@toVw 2*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.1);\\n }\\n .newLesson{\\n background: #eeeeee;\\n }\\n .backImg{\\n position: fixed;\\n bottom: 40*@toVw;\\n right: 20*@toVw;\\n z-index: 99999999;\\n width: 60*@toVw;\\n }\\n\\n@media screen and (orientation: landscape) {\\n\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17c3eb9b\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/index.vue\n// module id = PYhZ\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3e1bc0fc\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17c3eb9b\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17c3eb9b\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/index.vue\n// module id = PZSc\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"13b6f9ed\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-44076ee2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-44076ee2\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/look.vue\n// module id = WFoo\n// module chunks = 2","module.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==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/star.png\n// module id = WcTT\n// module chunks = 2 3","module.exports = \"data:image/png;base64,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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/play.png\n// module id = XDzh\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./look.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"2bb33e50\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./look.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./look.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/newLesson/look.vue\n// module id = Xctm\n// module chunks = 2","module.exports = __webpack_public_path__ + \"static/img/back.c3a0824.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/newLesson/back.png\n// module id = cku8\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-0761bba3] {\\n float: right;\\n}\\n.main-block[data-v-0761bba3] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-0761bba3]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-0761bba3]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-0761bba3]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-0761bba3]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.star[data-v-0761bba3] {\\n width: 6.13333333vw;\\n}\\n.title[data-v-0761bba3] {\\n width: 50.66666667vw;\\n height: 49.86666667vw;\\n border-radius: 1.06666667vw;\\n border: 0.26666667vw solid #ffffff;\\n line-height: 49.86666667vw;\\n text-align: center;\\n position: absolute;\\n top: 28.53333333vw;\\n left: 24.8vw;\\n}\\n.btn-block[data-v-0761bba3] {\\n width: 66.93333333vw;\\n height: 15.2vw;\\n border-radius: 7.73333333vw;\\n border: 0.26666667vw solid #ffffff;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n position: absolute;\\n top: 114.66666667vw;\\n left: 16vw;\\n}\\n.btn-block img[data-v-0761bba3] {\\n width: 4.26666667vw;\\n vertical-align: middle;\\n}\\n.btn-block .play-btn[data-v-0761bba3] {\\n width: 10.66666667vw;\\n}\\n.toTitle[data-v-0761bba3] {\\n width: 12vw;\\n position: absolute;\\n top: 29.33333333vw;\\n left: 16vw;\\n}\\n.guide[data-v-0761bba3] {\\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-0761bba3] {\\n position: absolute;\\n width: 34.4vw;\\n left: 32vw;\\n top: 85.33333333vw;\\n}\\n.guide .toLesson[data-v-0761bba3] {\\n width: 12vw;\\n position: absolute;\\n top: 133.33333333vw;\\n left: 26.66666667vw;\\n -webkit-transform: rotate(30deg);\\n transform: rotate(30deg);\\n}\\n.guide .color-red[data-v-0761bba3] {\\n color: #FF6477;\\n}\\n.guide .lesson-text[data-v-0761bba3] {\\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 top: 138.66666667vw;\\n left: 40vw;\\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/audio.vue\",\"D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/audio.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;ACoCD;EACE,oBAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;EACA,2BAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,aAAA;CDlCD;ACoCD;EACE,qBAAA;EACA,eAAA;EACA,4BAAA;EACA,mCAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;CDlCD;AC0BD;EAUI,oBAAA;EACA,uBAAA;CDjCH;ACsBD;EAcI,qBAAA;CDjCH;ACoCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;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,WAAA;EACA,mBAAA;CDjCH;ACoBD;EAgBI,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,iCAAA;UAAA,yBAAA;CDjCH;ACaD;EAuBI,eAAA;CDjCH;ACUD;EA0BI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;EACA,mBAAA;EACA,mCAAA;CDjCH\",\"file\":\"audio.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.title {\\n width: 50.66666667vw;\\n height: 49.86666667vw;\\n border-radius: 1.06666667vw;\\n border: 0.26666667vw solid #ffffff;\\n line-height: 49.86666667vw;\\n text-align: center;\\n position: absolute;\\n top: 28.53333333vw;\\n left: 24.8vw;\\n}\\n.btn-block {\\n width: 66.93333333vw;\\n height: 15.2vw;\\n border-radius: 7.73333333vw;\\n border: 0.26666667vw solid #ffffff;\\n display: flex;\\n position: absolute;\\n top: 114.66666667vw;\\n left: 16vw;\\n}\\n.btn-block img {\\n width: 4.26666667vw;\\n vertical-align: middle;\\n}\\n.btn-block .play-btn {\\n width: 10.66666667vw;\\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: 32vw;\\n top: 85.33333333vw;\\n}\\n.guide .toLesson {\\n width: 12vw;\\n position: absolute;\\n top: 133.33333333vw;\\n left: 26.66666667vw;\\n transform: rotate(30deg);\\n}\\n.guide .color-red {\\n color: #FF6477;\\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 top: 138.66666667vw;\\n left: 40vw;\\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\\n\\n\\n\\n\\n@import \\\"../../util/public\\\";\\n.star{\\n width: 23*@toVw;\\n}\\n.title{\\n width:190*@toVw;\\n height:187*@toVw;\\n border-radius:4*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n line-height: 187*@toVw;\\n text-align: center;\\n position: absolute;\\n top: 107*@toVw;\\n left: 93*@toVw;\\n}\\n.btn-block{\\n width:251*@toVw;\\n height:57*@toVw;\\n border-radius:29*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n display: flex;\\n position: absolute;\\n top: 430*@toVw;\\n left: 60*@toVw;\\n img{\\n width: 16*@toVw;\\n vertical-align: middle;\\n }\\n .play-btn{\\n width: 40*@toVw;\\n }\\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: 120*@toVw;\\n top: 320*@toVw;\\n }\\n .toLesson{\\n width: 45*@toVw;\\n position: absolute;\\n top: 500*@toVw;\\n left: 100*@toVw;\\n transform: rotate(30deg);\\n }\\n .color-red{\\n color: #FF6477;\\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 top: 520*@toVw;\\n left: 150*@toVw;\\n text-align: center;\\n border:1*@toVw solid rgba(255,255,255,1)\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-0761bba3\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/audio.vue\n// module id = nEfO\n// module chunks = 2","module.exports = \"data:image/png;base64,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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/go-down.png\n// module id = ohH1\n// module chunks = 2 3","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-d14e4a78] {\\n float: right;\\n}\\n.main-block[data-v-d14e4a78] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-d14e4a78]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-d14e4a78]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-d14e4a78]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-d14e4a78]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.playImage[data-v-d14e4a78] {\\n background: url('/static/images/playImage.png') no-repeat;\\n background-size: 10.66666667vw 50.4vw;\\n display: inline-block;\\n}\\n._282918034425091245[data-v-d14e4a78] {\\n height: 1.73333333vw;\\n width: 2.4vw;\\n background-position: 0 0;\\n}\\n._154722344142123489[data-v-d14e4a78] {\\n height: 1.33333333vw;\\n width: 2.4vw;\\n background-position: 0 -2.13333333vw;\\n}\\n.video-page .content[data-v-d14e4a78] {\\n background: white;\\n width: 84vw;\\n position: absolute;\\n top: 21.33333333vw;\\n left: 5.33333333vw;\\n right: 5.33333333vw;\\n bottom: 5.33333333vw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 2.13333333vw;\\n padding: 2.66666667vw;\\n}\\n.video-page .content .header[data-v-d14e4a78] {\\n padding-top: 2.13333333vw;\\n}\\n.video-page .content .header .text[data-v-d14e4a78] {\\n width: 100% ;\\n}\\n.video-page .content .video-block[data-v-d14e4a78] {\\n margin-bottom: 4.26666667vw;\\n border: 0.26666667vw solid #666;\\n border-radius: 3.2vw;\\n padding: 2.13333333vw;\\n}\\n.video-page .content .video-block video[data-v-d14e4a78] {\\n width: 100%;\\n margin: 0;\\n display: block;\\n padding: 0;\\n background: rgba(0, 0, 0, 0.4);\\n border-radius: 2.13333333vw;\\n}\\n.video-page .content .btn-block[data-v-d14e4a78] {\\n position: relative;\\n text-align: center;\\n}\\n.video-page .content .btn-block .age-block[data-v-d14e4a78] {\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n border: 0.26666667vw solid #666;\\n position: absolute;\\n padding: 0 3.46666667vw;\\n border-radius: 26.66666667vw;\\n font-size: 3.2vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {\\n position: absolute;\\n top: 9.86666667vw;\\n left: 0;\\n width: 17.6vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #666666;\\n font-size: 12px;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {\\n padding: 1.6vw 2.93333333vw;\\n text-align: left;\\n}\\n.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {\\n border-bottom: 0.26666667vw solid #eee;\\n}\\n.video-page .content .btn-block .change-block[data-v-d14e4a78] {\\n border-radius: 266.66666667vw;\\n width: 38.4vw;\\n border: 0.26666667vw solid #40A9FF;\\n}\\n.video-page .content .btn-block .change-block[data-v-d14e4a78]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.video-page .content .btn-block .change-block div[data-v-d14e4a78] {\\n float: left;\\n width: 50%;\\n border-radius: 26.66666667vw;\\n font-size: 3.2vw;\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #cccccc;\\n}\\n.video-page .content .btn-block .change-block div.active[data-v-d14e4a78] {\\n background: #40A9FF;\\n color: white;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less\",\"D:/myproject/new-singsingH5/src/components/newLesson/video.vue\",\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/video.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;ACgED;EAAW,0DAAA;EAA0D,sCAAA;EAAmC,sBAAA;CD3DvG;AC4DD;EAAqB,qBAAA;EAAiB,aAAA;EAAc,yBAAA;CDvDnD;ACwDD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;CDnDjD;ACoDD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,sBAAA;CDnDH;ACsCD;EAeM,0BAAA;CDlDL;ACmCD;EAiBQ,aAAA;CDjDP;ACgCD;EAqBM,4BAAA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;CDlDL;AC0BD;EA0BQ,YAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,+BAAA;EACA,4BAAA;CDjDP;ACkBD;EAmCM,mBAAA;EACA,mBAAA;CDlDL;ACcD;EAsCQ,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACED;EAkDQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDjDP;ACkDO;EACE,4BAAA;EACA,iBAAA;CDhDT;ACiDS;EACE,uCAAA;CD/CX;ACjBD;EAqEQ,8BAAA;EACA,cAAA;EACA,mCAAA;CDjDP;ACkDO;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDhDT;AC3BD;EA8EU,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhDT;ACiDS;EACE,oBAAA;EACA,aAAA;CD/CX\",\"file\":\"video.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.playImage {\\n background: url('/static/images/playImage.png') no-repeat;\\n background-size: 10.66666667vw 50.4vw;\\n display: inline-block;\\n}\\n._282918034425091245 {\\n height: 1.73333333vw;\\n width: 2.4vw;\\n background-position: 0 0;\\n}\\n._154722344142123489 {\\n height: 1.33333333vw;\\n width: 2.4vw;\\n background-position: 0 -2.13333333vw;\\n}\\n.video-page .content {\\n background: white;\\n width: 84vw;\\n position: absolute;\\n top: 21.33333333vw;\\n left: 5.33333333vw;\\n right: 5.33333333vw;\\n bottom: 5.33333333vw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 2.13333333vw;\\n padding: 2.66666667vw;\\n}\\n.video-page .content .header {\\n padding-top: 2.13333333vw;\\n}\\n.video-page .content .header .text {\\n width: 100% ;\\n}\\n.video-page .content .video-block {\\n margin-bottom: 4.26666667vw;\\n border: 0.26666667vw solid #666;\\n border-radius: 3.2vw;\\n padding: 2.13333333vw;\\n}\\n.video-page .content .video-block video {\\n width: 100%;\\n margin: 0;\\n display: block;\\n padding: 0;\\n background: rgba(0, 0, 0, 0.4);\\n border-radius: 2.13333333vw;\\n}\\n.video-page .content .btn-block {\\n position: relative;\\n text-align: center;\\n}\\n.video-page .content .btn-block .age-block {\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n border: 0.26666667vw solid #666;\\n position: absolute;\\n padding: 0 3.46666667vw;\\n border-radius: 26.66666667vw;\\n font-size: 3.2vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.video-page .content .btn-block .age-change-block {\\n position: absolute;\\n top: 9.86666667vw;\\n left: 0;\\n width: 17.6vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #666666;\\n font-size: 12px;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.video-page .content .btn-block .age-change-block > div {\\n padding: 1.6vw 2.93333333vw;\\n text-align: left;\\n}\\n.video-page .content .btn-block .age-change-block > div:first-child {\\n border-bottom: 0.26666667vw solid #eee;\\n}\\n.video-page .content .btn-block .change-block {\\n border-radius: 266.66666667vw;\\n width: 38.4vw;\\n border: 0.26666667vw solid #40A9FF;\\n}\\n.video-page .content .btn-block .change-block:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.video-page .content .btn-block .change-block div {\\n float: left;\\n width: 50%;\\n border-radius: 26.66666667vw;\\n font-size: 3.2vw;\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #cccccc;\\n}\\n.video-page .content .btn-block .change-block div.active {\\n background: #40A9FF;\\n color: white;\\n}\\n\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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.playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}\\n._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}\\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\\n.video-page{\\n .content{\\n background: white;\\n width: 315*@toVw;\\n position: absolute;\\n top: 80*@toVw;\\n left: 20*@toVw;\\n right: 20*@toVw;\\n bottom: 20*@toVw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8*@toVw;\\n padding: 10*@toVw;\\n .header{\\n padding-top: 8*@toVw;\\n .text{\\n width:100% ;\\n }\\n }\\n .video-block{\\n margin-bottom: 16*@toVw;\\n border: 1*@toVw solid #666;\\n border-radius: 12*@toVw;\\n padding: 8*@toVw;\\n video{\\n width: 100%;\\n margin: 0;\\n display: block;\\n padding: 0;\\n background:rgba(0,0,0,0.4);\\n border-radius:8*@toVw;\\n }\\n }\\n .btn-block{\\n position: relative;\\n text-align: center;\\n .age-block{\\n height: 28*@toVw;\\n line-height: 28*@toVw;\\n border: 1*@toVw solid #666;\\n position: absolute;\\n padding: 0 13*@toVw;\\n border-radius: 100*@toVw;\\n font-size:12*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(102,102,102,1);\\n }\\n .age-change-block{\\n position: absolute;\\n top: 37*@toVw;\\n left: 0;\\n width: 66*@toVw;\\n border-radius: 8*@toVw;\\n border: 1*@toVw solid #666666;\\n font-size:12px;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(102,102,102,1);\\n &>div{\\n padding: 6*@toVw 11*@toVw;\\n text-align: left;\\n &:first-child{\\n border-bottom: 1*@toVw solid #eee;\\n }\\n }\\n }\\n .change-block{\\n border-radius: 1000*@toVw;\\n width: 144*@toVw;\\n border:1*@toVw solid #40A9FF;\\n &:after{\\n content: '';\\n display: block;\\n clear: both;\\n }\\n div{\\n float: left;\\n width: 50%;\\n border-radius: 100*@toVw;\\n font-size:12*@toVw;\\n height: 28*@toVw;\\n line-height: 28*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(204,204,204,1);\\n &.active{\\n background: #40A9FF;\\n color: white;\\n }\\n }\\n }\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-d14e4a78\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/video.vue\n// module id = sHWr\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"16a703ac\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d14e4a78\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./video.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-d14e4a78\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/video.vue\n// module id = uLGf\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-531d3c9f] {\\n float: right;\\n}\\n.main-block[data-v-531d3c9f] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-531d3c9f]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-531d3c9f]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-531d3c9f]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-531d3c9f]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.playImage[data-v-531d3c9f] {\\n background: url('/static/images/playImage.png') no-repeat;\\n background-size: 10.66666667vw 60vw;\\n display: inline-block;\\n}\\n._282918034425091245[data-v-531d3c9f] {\\n height: 2.13333333vw;\\n width: 2.4vw;\\n background-position: 0 0;\\n}\\n._154722344142123489[data-v-531d3c9f] {\\n height: 1.33333333vw;\\n width: 2.4vw;\\n background-position: 0 -2.13333333vw;\\n}\\n.next[data-v-531d3c9f] {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -3.46666667vw;\\n}\\n.replay[data-v-531d3c9f] {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -7.73333333vw;\\n}\\n.replayAll[data-v-531d3c9f] {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -12vw;\\n}\\n.list[data-v-531d3c9f] {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -16.26666667vw;\\n}\\n.last[data-v-531d3c9f] {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -20.53333333vw;\\n}\\n.listPlay[data-v-531d3c9f] {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -24.8vw;\\n}\\n.zDefaultIcon[data-v-531d3c9f] {\\n height: 4.8vw;\\n width: 4.8vw;\\n background-position: 0 -29.06666667vw;\\n float: right;\\n}\\n.zIcon[data-v-531d3c9f] {\\n height: 4.8vw;\\n width: 4.8vw;\\n background-position: 0 -33.86666667vw;\\n float: right;\\n}\\n.play[data-v-531d3c9f] {\\n height: 10.66666667vw;\\n width: 10.66666667vw;\\n background-position: 0 -38.66666667vw;\\n}\\n.stop[data-v-531d3c9f] {\\n height: 10.66666667vw;\\n width: 10.66666667vw;\\n background-position: 0 -49.33333333vw;\\n}\\n.content[data-v-531d3c9f] {\\n background: white;\\n width: 84vw;\\n position: absolute;\\n top: 21.33333333vw;\\n left: 5.33333333vw;\\n right: 5.33333333vw;\\n bottom: 5.33333333vw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8px;\\n text-align: center;\\n padding: 2.66666667vw;\\n}\\n.content .image-block[data-v-531d3c9f] {\\n width: 50.13333333vw;\\n height: 50.13333333vw;\\n margin-top: 5.33333333vw;\\n -webkit-box-shadow: 0 0 8vw 1.33333333vw #ddd;\\n box-shadow: 0 0 8vw 1.33333333vw #ddd;\\n overflow: hidden;\\n border-radius: 2.13333333vw;\\n}\\n.content .image-block img[data-v-531d3c9f] {\\n width: 100%;\\n}\\n.content .title-block[data-v-531d3c9f] {\\n margin-top: 6.4vw;\\n}\\n.content .title-block .title[data-v-531d3c9f] {\\n font-size: 4.26666667vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.content .title-block .tips[data-v-531d3c9f] {\\n font-size: 3.73333333vw;\\n margin-top: 1.6vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #999999;\\n}\\n.content .range-block[data-v-531d3c9f] {\\n width: 63.2vw;\\n margin-top: 4.26666667vw;\\n}\\n.content .range-block .time-block[data-v-531d3c9f] {\\n font-size: 12px;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n text-align: left;\\n}\\n.content .range-block .time-block[data-v-531d3c9f]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.content .range-block .time-block .left-time[data-v-531d3c9f] {\\n float: left;\\n}\\n.content .range-block .time-block .right-time[data-v-531d3c9f] {\\n float: right;\\n}\\n.content .range-block input[type=range][data-v-531d3c9f] {\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-appearance: none;\\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\\n background-size: 75% 100%;\\n /*设置左å³å®½åº¦æ¯”例*/\\n width: 100%;\\n border-radius: 2.66666667vw;\\n /*è¿™ä¸ªå±žæ€§è®¾ç½®ä½¿å¡«å……è¿›åº¦æ¡æ—¶çš„图形为圆角*/\\n}\\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\\n -webkit-appearance: none;\\n}\\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {\\n height: 1.06666667vw;\\n border-radius: 0.53333333vw;\\n}\\n.content .range-block input[type=range][data-v-531d3c9f]:focus {\\n outline: none;\\n}\\n.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {\\n -webkit-appearance: none;\\n border-radius: 50%;\\n /*外观设置为圆形*/\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n margin-top: -1.6vw;\\n /*使滑å—超出轨é“部分的åç§»é‡ç›¸ç‰*/\\n background: #49E2A5;\\n}\\n.content .btn-group[data-v-531d3c9f] {\\n margin-top: 5.33333333vw;\\n width: 53.33333333vw;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n.list-popup[data-v-531d3c9f] {\\n width: 100vw;\\n max-height: 92vw;\\n overflow: auto;\\n border-radius: 8px 8px 0 0;\\n background: white;\\n padding-top: 5.33333333vw;\\n}\\n.list-popup .list-block[data-v-531d3c9f] {\\n display: block;\\n width: auto;\\n margin: 0 5.33333333vw;\\n padding: 3.2vw 9.6vw;\\n border-bottom: 1px solid #dddddd;\\n}\\n.list-popup .list-block.active[data-v-531d3c9f] {\\n color: #49E2A5;\\n}\\n.list-popup .close-btn[data-v-531d3c9f] {\\n text-align: center;\\n padding: 5.33333333vw;\\n}\\n.imgPop-block[data-v-531d3c9f] {\\n max-height: 133.33333333vw;\\n overflow: auto;\\n}\\n.imgPop-block img[data-v-531d3c9f] {\\n max-width: 80vw;\\n}\\n.btn-block[data-v-531d3c9f] {\\n position: relative;\\n margin-top: 7.46666667vw;\\n text-align: center;\\n}\\n.btn-block .age-block[data-v-531d3c9f] {\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n border: 0.26666667vw solid #666;\\n position: absolute;\\n padding: 0 3.46666667vw;\\n border-radius: 26.66666667vw;\\n font-size: 3.2vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.btn-block .age-change-block[data-v-531d3c9f] {\\n position: absolute;\\n top: 9.86666667vw;\\n left: 0;\\n width: 17.6vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #666666;\\n font-size: 12px;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.btn-block .age-change-block > div[data-v-531d3c9f] {\\n padding: 1.6vw 2.93333333vw;\\n text-align: left;\\n}\\n.btn-block .age-change-block > div[data-v-531d3c9f]:first-child {\\n border-bottom: 0.26666667vw solid #eee;\\n}\\n.btn-block .change-block[data-v-531d3c9f] {\\n border-radius: 266.66666667vw;\\n width: 38.4vw;\\n border: 1px solid #40A9FF;\\n}\\n.btn-block .change-block[data-v-531d3c9f]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.btn-block .change-block div[data-v-531d3c9f] {\\n float: left;\\n width: 50%;\\n border-radius: 26.66666667vw;\\n font-size: 12px;\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #cccccc;\\n}\\n.btn-block .change-block div.active[data-v-531d3c9f] {\\n background: #40A9FF;\\n color: white;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less\",\"D:/myproject/new-singsingH5/src/components/newLesson/audio.vue\",\"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/audio.vue\"],\"names\":[],\"mappings\":\"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\",\"file\":\"audio.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.playImage {\\n background: url('/static/images/playImage.png') no-repeat;\\n background-size: 10.66666667vw 60vw;\\n display: inline-block;\\n}\\n._282918034425091245 {\\n height: 2.13333333vw;\\n width: 2.4vw;\\n background-position: 0 0;\\n}\\n._154722344142123489 {\\n height: 1.33333333vw;\\n width: 2.4vw;\\n background-position: 0 -2.13333333vw;\\n}\\n.next {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -3.46666667vw;\\n}\\n.replay {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -7.73333333vw;\\n}\\n.replayAll {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -12vw;\\n}\\n.list {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -16.26666667vw;\\n}\\n.last {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -20.53333333vw;\\n}\\n.listPlay {\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n background-position: 0 -24.8vw;\\n}\\n.zDefaultIcon {\\n height: 4.8vw;\\n width: 4.8vw;\\n background-position: 0 -29.06666667vw;\\n float: right;\\n}\\n.zIcon {\\n height: 4.8vw;\\n width: 4.8vw;\\n background-position: 0 -33.86666667vw;\\n float: right;\\n}\\n.play {\\n height: 10.66666667vw;\\n width: 10.66666667vw;\\n background-position: 0 -38.66666667vw;\\n}\\n.stop {\\n height: 10.66666667vw;\\n width: 10.66666667vw;\\n background-position: 0 -49.33333333vw;\\n}\\n.content {\\n background: white;\\n width: 84vw;\\n position: absolute;\\n top: 21.33333333vw;\\n left: 5.33333333vw;\\n right: 5.33333333vw;\\n bottom: 5.33333333vw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8px;\\n text-align: center;\\n padding: 2.66666667vw;\\n}\\n.content .image-block {\\n width: 50.13333333vw;\\n height: 50.13333333vw;\\n margin-top: 5.33333333vw;\\n box-shadow: 0 0 8vw 1.33333333vw #ddd;\\n overflow: hidden;\\n border-radius: 2.13333333vw;\\n}\\n.content .image-block img {\\n width: 100%;\\n}\\n.content .title-block {\\n margin-top: 6.4vw;\\n}\\n.content .title-block .title {\\n font-size: 4.26666667vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.content .title-block .tips {\\n font-size: 3.73333333vw;\\n margin-top: 1.6vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #999999;\\n}\\n.content .range-block {\\n width: 63.2vw;\\n margin-top: 4.26666667vw;\\n}\\n.content .range-block .time-block {\\n font-size: 12px;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n text-align: left;\\n}\\n.content .range-block .time-block:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.content .range-block .time-block .left-time {\\n float: left;\\n}\\n.content .range-block .time-block .right-time {\\n float: right;\\n}\\n.content .range-block input[type=range] {\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-appearance: none;\\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;\\n background-size: 75% 100%;\\n /*设置左å³å®½åº¦æ¯”例*/\\n width: 100%;\\n border-radius: 2.66666667vw;\\n /*è¿™ä¸ªå±žæ€§è®¾ç½®ä½¿å¡«å……è¿›åº¦æ¡æ—¶çš„图形为圆角*/\\n}\\n.content .range-block input[type=range]::-webkit-slider-thumb {\\n -webkit-appearance: none;\\n}\\n.content .range-block input[type=range]::-webkit-slider-runnable-track {\\n height: 1.06666667vw;\\n border-radius: 0.53333333vw;\\n}\\n.content .range-block input[type=range]:focus {\\n outline: none;\\n}\\n.content .range-block input[type=range]::-webkit-slider-thumb {\\n -webkit-appearance: none;\\n border-radius: 50%;\\n /*外观设置为圆形*/\\n height: 4.26666667vw;\\n width: 4.26666667vw;\\n margin-top: -1.6vw;\\n /*使滑å—超出轨é“部分的åç§»é‡ç›¸ç‰*/\\n background: #49E2A5;\\n}\\n.content .btn-group {\\n margin-top: 5.33333333vw;\\n width: 53.33333333vw;\\n display: flex;\\n}\\n.list-popup {\\n width: 100vw;\\n max-height: 92vw;\\n overflow: auto;\\n border-radius: 8px 8px 0 0;\\n background: white;\\n padding-top: 5.33333333vw;\\n}\\n.list-popup .list-block {\\n display: block;\\n width: auto;\\n margin: 0 5.33333333vw;\\n padding: 3.2vw 9.6vw;\\n border-bottom: 1px solid #dddddd;\\n}\\n.list-popup .list-block.active {\\n color: #49E2A5;\\n}\\n.list-popup .close-btn {\\n text-align: center;\\n padding: 5.33333333vw;\\n}\\n.imgPop-block {\\n max-height: 133.33333333vw;\\n overflow: auto;\\n}\\n.imgPop-block img {\\n max-width: 80vw;\\n}\\n.btn-block {\\n position: relative;\\n margin-top: 7.46666667vw;\\n text-align: center;\\n}\\n.btn-block .age-block {\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n border: 0.26666667vw solid #666;\\n position: absolute;\\n padding: 0 3.46666667vw;\\n border-radius: 26.66666667vw;\\n font-size: 3.2vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.btn-block .age-change-block {\\n position: absolute;\\n top: 9.86666667vw;\\n left: 0;\\n width: 17.6vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #666666;\\n font-size: 12px;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #666666;\\n}\\n.btn-block .age-change-block > div {\\n padding: 1.6vw 2.93333333vw;\\n text-align: left;\\n}\\n.btn-block .age-change-block > div:first-child {\\n border-bottom: 0.26666667vw solid #eee;\\n}\\n.btn-block .change-block {\\n border-radius: 266.66666667vw;\\n width: 38.4vw;\\n border: 1px solid #40A9FF;\\n}\\n.btn-block .change-block:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.btn-block .change-block div {\\n float: left;\\n width: 50%;\\n border-radius: 26.66666667vw;\\n font-size: 12px;\\n height: 7.46666667vw;\\n line-height: 7.46666667vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n color: #cccccc;\\n}\\n.btn-block .change-block div.active {\\n background: #40A9FF;\\n color: white;\\n}\\n\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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.playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}\\n._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 0;}\\n._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}\\n.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}\\n.replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}\\n.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}\\n.list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}\\n.last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}\\n.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}\\n.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}\\n.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}\\n.play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}\\n.stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}\\n.content{\\n background: white;\\n width: 315*@toVw;\\n position: absolute;\\n top: 80*@toVw;\\n left: 20*@toVw;\\n right: 20*@toVw;\\n bottom: 20*@toVw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8px;\\n text-align: center;\\n padding: 10*@toVw;\\n .image-block{\\n width: 188*@toVw;\\n height: 188*@toVw;\\n margin-top: 20*@toVw;\\n box-shadow: 0 0 30*@toVw 5*@toVw #ddd;\\n overflow: hidden;\\n border-radius: 8*@toVw;\\n img{\\n width: 100%;\\n }\\n }\\n .title-block{\\n margin-top: 24*@toVw;\\n .title{\\n font-size:16*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(102,102,102,1);\\n }\\n .tips{\\n font-size:14*@toVw;\\n margin-top: 6*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(153,153,153,1);\\n }\\n }\\n .range-block{\\n width: 237 * @toVw;\\n margin-top: 16*@toVw;\\n .time-block{\\n font-size:12px;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(102,102,102,1);\\n text-align: left;\\n &:after{\\n content: '';\\n display: block;\\n clear: both;\\n }\\n .left-time{\\n float: left;\\n }\\n .right-time{\\n float: right;\\n }\\n }\\n input[type=range] {\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n -webkit-appearance: none;\\n background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;\\n background-size: 75% 100%;/*设置左å³å®½åº¦æ¯”例*/\\n width: 100%;\\n border-radius: 10*@toVw; /*è¿™ä¸ªå±žæ€§è®¾ç½®ä½¿å¡«å……è¿›åº¦æ¡æ—¶çš„图形为圆角*/\\n }\\n input[type=range]::-webkit-slider-thumb {\\n -webkit-appearance: none;\\n }\\n input[type=range]::-webkit-slider-runnable-track {\\n height: 4*@toVw;\\n border-radius: 2*@toVw ;\\n }\\n input[type=range]:focus {\\n outline: none;\\n }\\n input[type=range]::-webkit-slider-thumb {\\n -webkit-appearance: none;\\n border-radius: 50%; /*外观设置为圆形*/\\n height: 16*@toVw;\\n width: 16*@toVw;\\n margin-top: -6*@toVw; /*使滑å—超出轨é“部分的åç§»é‡ç›¸ç‰*/\\n background: #49E2A5;\\n }\\n }\\n .btn-group{\\n margin-top: 20*@toVw;\\n width: 200*@toVw;\\n display: flex;\\n }\\n}\\n.list-popup{\\n width: 375*@toVw;\\n max-height: 345*@toVw;\\n overflow: auto;\\n border-radius: 8px 8px 0 0;\\n background: white;\\n padding-top: 20*@toVw;\\n .list-block{\\n display: block;\\n width: auto;\\n margin: 0 20*@toVw;\\n padding:12*@toVw 36*@toVw;\\n border-bottom: 1px solid #dddddd;\\n &.active{\\n color: #49E2A5;\\n }\\n }\\n .close-btn{\\n text-align: center;\\n padding: 20*@toVw;\\n }\\n}\\n.imgPop-block{\\n max-height: 500*@toVw;\\n overflow: auto;\\n img{\\n max-width: 300*@toVw;\\n }\\n}\\n.btn-block{\\n position: relative;\\n margin-top: 28*@toVw;\\n text-align: center;\\n .age-block{\\n height: 28*@toVw;\\n line-height: 28*@toVw;\\n border: 1*@toVw solid #666;\\n position: absolute;\\n padding: 0 13*@toVw;\\n border-radius: 100*@toVw;\\n font-size:12*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(102,102,102,1);\\n }\\n .age-change-block{\\n position: absolute;\\n top: 37*@toVw;\\n left: 0;\\n width: 66*@toVw;\\n border-radius: 8*@toVw;\\n border: 1*@toVw solid #666666;\\n font-size:12px;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(102,102,102,1);\\n &>div{\\n padding: 6*@toVw 11*@toVw;\\n text-align: left;\\n &:first-child{\\n border-bottom: 1*@toVw solid #eee;\\n }\\n }\\n }\\n .change-block{\\n border-radius: 1000*@toVw;\\n width: 144*@toVw;\\n border:1px solid #40A9FF;\\n &:after{\\n content: '';\\n display: block;\\n clear: both;\\n }\\n div{\\n float: left;\\n width: 50%;\\n border-radius: 100*@toVw;\\n font-size:12px;\\n height: 28*@toVw;\\n line-height: 28*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n color:rgba(204,204,204,1);\\n &.active{\\n background: #40A9FF;\\n color: white;\\n }\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-531d3c9f\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/audio.vue\n// module id = v+hz\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"27e1adf9\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6acc4334\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./look.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/newLesson/look.vue\n// module id = wpI3\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.old-content img,.old-content video{\\n margin-top: 50px;\\n max-width: 100% !important;\\n}\\n.old-content h3{\\n font-family: hanti\\n}\\n.look-content .preview img,.look-content .preview audio,.look-content .preview video{\\n max-width: 100%;\\n}\\n.audio-box {\\n position: relative;\\n width: 100%;\\n height: 70px;\\n padding: 8px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-flow: row nowrap;\\n flex-flow: row nowrap;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n background: #FFFFFF;\\n border: 1px solid #F1F1F1;\\n -webkit-box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\\n box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\\n}\\n#preview{\\n margin-left: auto;\\n margin-right:auto;\\n /*padding:14px;*/\\n width:375px;\\n height:667px;\\n overflow-y: auto;\\n overflow-x: hidden;\\n border: 1px solid #ccc;\\n margin-top: 20px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n}\\n.look-content img,video{\\n max-width: 100%;\\n}\\n@font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)\\n}\\n/* @media screen and (min-width: 1025px){\\n #preview{\\n width:700px;\\n }\\n }*/\\n#preview *{font-family:sans-serif;font-size:16px;\\n}\\n.look-content .content img{\\n max-width: 100% !important;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"D:/myproject/new-singsingH5/src/components/newLesson/src/components/newLesson/look.vue\"],\"names\":[],\"mappings\":\";AA+DA;EACA,iBAAA;EACA,2BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,+BAAA;UAAA,uBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,oBAAA;EACA,0BAAA;EACA,sDAAA;UAAA,8CAAA;CACA;AACA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,+BAAA;UAAA,uBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA,WAAA,kBAAA,+DAAA;CAAA;AACA;;;;IAIA;AACA,WAAA,uBAAA,eAAA;CAAA;AACA;EACA,2BAAA;CACA\",\"file\":\"look.vue\",\"sourcesContent\":[\"<template>\\n <div class=\\\"look-content\\\">\\n <guide-block/>\\n <div class=\\\"content\\\" v-if=\\\"!contentData.old\\\" v-html=\\\"content\\\">\\n </div>\\n <div class=\\\"old-content\\\" v-if=\\\"contentData.old\\\" v-html=\\\"nohidden\\\">\\n </div>\\n </div>\\n</template>\\n\\n<script>\\n import guideBlock from '../guide/look'\\n export default {\\n name: \\\"look\\\",\\n props:[\\n 'contentData'\\n ],\\n components:{\\n guideBlock\\n },\\n computed:{\\n content(){\\n let content = null;\\n if(this.$store.state.isMobile){\\n content = this.contentData.content.content.replace(/\\\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\\n }else{\\n content = this.contentData.content.content\\n }\\n return content.replace(/video/g,'audio')\\n },\\n nohidden(){\\n let content = null;\\n if(this.$store.state.isMobile){\\n content = this.contentData.content.content.replace(/\\\\.mp3/g,'.mp3?avvod/m3u8/ab/64k');\\n }else{\\n content = this.contentData.content.content\\n }\\n return content.replace(/hidden=\\\"true\\\"/g,'')\\n }\\n }\\n }\\n</script>\\n\\n<style scoped lang=\\\"less\\\">\\n @import \\\"../../util/public\\\";\\n .look-content{\\n .content{\\n background: white;\\n width: 315*@toVw;\\n position: absolute;\\n top: 80*@toVw;\\n left: 20*@toVw;\\n right: 20*@toVw;\\n bottom: 20*@toVw;\\n overflow: auto;\\n margin: auto;\\n display: block;\\n border-radius: 8px;\\n padding: 10*@toVw;\\n }\\n }\\n</style>\\n<style>\\n .old-content img,.old-content video{\\n margin-top: 50px;\\n max-width: 100% !important;\\n }\\n .old-content h3{\\n font-family: hanti\\n }\\n .look-content .preview img,.look-content .preview audio,.look-content .preview video{\\n max-width: 100%;\\n }\\n .audio-box {\\n position: relative;\\n width: 100%;\\n height: 70px;\\n padding: 8px;\\n box-sizing: border-box;\\n display: flex;\\n flex-flow: row nowrap;\\n align-items: center;\\n background: #FFFFFF;\\n border: 1px solid #F1F1F1;\\n box-shadow: 0 0 10px 0 rgba(151,160,184,0.20);\\n }\\n #preview{\\n margin-left: auto;\\n margin-right:auto;\\n /*padding:14px;*/\\n width:375px;\\n height:667px;\\n overflow-y: auto;\\n overflow-x: hidden;\\n border: 1px solid #ccc;\\n margin-top: 20px;\\n box-sizing: border-box;\\n }\\n .look-content img,video{\\n max-width: 100%;\\n }\\n @font-face{font-family:hanti;src:url(https://cdn.singsingenglish.com/template/SentyZHAO.ttf)}\\n /* @media screen and (min-width: 1025px){\\n #preview{\\n width:700px;\\n }\\n }*/\\n #preview *{font-family:sans-serif;font-size:16px;}\\n .look-content .content img{\\n max-width: 100% !important;\\n }\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6acc4334\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/newLesson/look.vue\n// module id = wulZ\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAEe1lBx7VMZn4u0qOdm/i/sY/pVurqkni7pgAAAC1SURBVCjPlZLbEoMgDESDohgUBFqb///TRihi2hlmyhPL4bJsAiDHVCdKS2BmSmXmcBbEIdGYz1qicL/L0u4yWgc6DmqE9UMZRnoJwxOWCxUNjPi9yGYuxNqe5gxZRHeuVOQRfdlCNBtoSNmqwYTt85+M1uHSMK31cUZ6C3uC38HIs2X4G3Uu7Njomu99WQQVgwzqHm/aZbz3oqgXiaKIUo4oSykaIMoGyG6w+OMg4ncIqjXbG3bcC6MGyt7WAAAAAElFTkSuQmCC\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/guide/back.png\n// module id = xAcr\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-44076ee2] {\\n float: right;\\n}\\n.main-block[data-v-44076ee2] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-44076ee2]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-44076ee2]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-44076ee2]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-44076ee2]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.off[data-v-44076ee2] {\\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.guide[data-v-44076ee2] {\\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 .radius-block[data-v-44076ee2] {\\n padding: 2.66666667vw;\\n}\\n.guide .radius-block[data-v-44076ee2]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.guide .radius-block .radius[data-v-44076ee2] {\\n margin-right: 1.33333333vw;\\n float: left;\\n width: 25.6vw;\\n height: 10.66666667vw;\\n border-radius: 5.33333333vw;\\n border: 0.26666667vw solid #ffffff;\\n}\\n.guide .i-know[data-v-44076ee2] {\\n position: absolute;\\n width: 34.4vw;\\n left: 32.8vw;\\n bottom: 42.66666667vw;\\n}\\n.guide .color-red[data-v-44076ee2] {\\n color: #FF6477;\\n}\\n.guide .toUntil[data-v-44076ee2] {\\n width: 13.33333333vw;\\n position: absolute;\\n left: 13.33333333vw;\\n top: 16vw;\\n -webkit-transform: rotate(20deg);\\n transform: rotate(20deg);\\n}\\n.guide .until-test[data-v-44076ee2] {\\n width: 42.13333333vw;\\n position: absolute;\\n left: 29.06666667vw;\\n top: 21.33333333vw;\\n height: 6.93333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.73333333vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n line-height: 6.93333333vw;\\n text-align: center;\\n color: #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/look.vue\",\"D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/look.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;AC0BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDxBD;AC0BD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDxBD;ACgBD;EAUI,sBAAA;CDvBH;ACwBG;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDtBL;ACQD;EAiBM,2BAAA;EACA,YAAA;EACA,cAAA;EACA,sBAAA;EACA,4BAAA;EACA,mCAAA;CDtBL;ACAD;EA0BI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;CDvBH;ACND;EAgCI,eAAA;CDvBH;ACTD;EAmCI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,UAAA;EACA,iCAAA;UAAA,yBAAA;CDvBH;AChBD;EA0CI,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,eAAA;CDvBH\",\"file\":\"look.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.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.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 .radius-block {\\n padding: 2.66666667vw;\\n}\\n.guide .radius-block:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n.guide .radius-block .radius {\\n margin-right: 1.33333333vw;\\n float: left;\\n width: 25.6vw;\\n height: 10.66666667vw;\\n border-radius: 5.33333333vw;\\n border: 0.26666667vw solid #ffffff;\\n}\\n.guide .i-know {\\n position: absolute;\\n width: 34.4vw;\\n left: 32.8vw;\\n bottom: 42.66666667vw;\\n}\\n.guide .color-red {\\n color: #FF6477;\\n}\\n.guide .toUntil {\\n width: 13.33333333vw;\\n position: absolute;\\n left: 13.33333333vw;\\n top: 16vw;\\n transform: rotate(20deg);\\n}\\n.guide .until-test {\\n width: 42.13333333vw;\\n position: absolute;\\n left: 29.06666667vw;\\n top: 21.33333333vw;\\n height: 6.93333333vw;\\n border-radius: 2.13333333vw;\\n border: 0.26666667vw solid #ffffff;\\n font-size: 3.73333333vw;\\n font-family: PingFang-SC-Medium;\\n font-weight: 500;\\n line-height: 6.93333333vw;\\n text-align: center;\\n color: #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@import \\\"../../util/public\\\";\\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.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 .radius-block{\\n padding: 10*@toVw;\\n &:after{\\n content: '';\\n display: block;\\n clear: both;\\n }\\n .radius{\\n margin-right: 5*@toVw;\\n float: left;\\n width:96*@toVw;\\n height:40*@toVw;\\n border-radius:20*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n }\\n }\\n .i-know{\\n position: absolute;\\n width: 129*@toVw;\\n left: 123*@toVw;\\n bottom: 160*@toVw;\\n }\\n .color-red{\\n color: #FF6477;\\n }\\n .toUntil{\\n width: 50*@toVw;\\n position: absolute;\\n left: 50*@toVw;\\n top: 60*@toVw;\\n transform: rotate(20deg);\\n }\\n .until-test{\\n width:158*@toVw;\\n position: absolute;\\n left: 109*@toVw;\\n top: 80*@toVw;\\n height:26*@toVw;\\n border-radius:8*@toVw;\\n border:1*@toVw solid rgba(255,255,255,1);\\n font-size:14*@toVw;\\n font-family:PingFang-SC-Medium;\\n font-weight:500;\\n line-height: 26*@toVw;\\n text-align: center;\\n color:rgba(255,255,255,1);\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-44076ee2\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/look.vue\n// module id = yq5q\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"0d1e6738\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\", function() {\n var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0761bba3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./audio.vue\");\n if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n update(newContent);\n });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-0761bba3\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/guide/audio.vue\n// module id = yvem\n// module chunks = 2"],"sourceRoot":""} \ No newline at end of file diff --git a/dev/static/js/manifest.3ff533f3daf61febde4b.js b/dev/static/js/manifest.3ff533f3daf61febde4b.js new file mode 100644 index 0000000000000000000000000000000000000000..599f2fb2768526b4d7fcfe44d9c6393f061ee6de --- /dev/null +++ b/dev/static/js/manifest.3ff533f3daf61febde4b.js @@ -0,0 +1,2 @@ +!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,d,i,u=0,b=[];u<r.length;u++)d=r[u],t[d]&&b.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);b.length;)b.shift()();if(c)for(u=0;u<c.length;u++)i=o(o.s=c[u]);return i};var r={},t={17: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:"41d7248381194d98cf91",1:"5d86c82ca1c4865561fc",2:"646302a489fbe4165d52",3:"640508b1b527af006d59",4:"2a1ed845f5ffb998c7bc",5:"bbb87395fdecb0367966",6:"816c6ddbaa833e674912",7:"2be225fb52236d3876ed",8:"a7bd058bed7ca67d0588",9:"5d4a39c9e1a784ee9683",10:"01437b5d24dc0988f3d5",11:"e25cf9ab8ad2ef236662",12:"ab60c4b0944ef819faa3",13:"48e5ec8966f3dc4513b2",14:"a87e2de1d70a4657abd8"}[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.3ff533f3daf61febde4b.js.map \ No newline at end of file diff --git a/dev/static/js/manifest.3ff533f3daf61febde4b.js.map b/dev/static/js/manifest.3ff533f3daf61febde4b.js.map new file mode 100644 index 0000000000000000000000000000000000000000..51f2ee823c897bae1e30c7591649632ab42496bb --- /dev/null +++ b/dev/static/js/manifest.3ff533f3daf61febde4b.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///webpack/bootstrap dd6d9de8cebdb8332eed"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","17","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","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,wBAA0ZrD,GAAA,MACle,IAAAkC,EAAAoB,WAAAC,EAAA,MAEA,SAAAA,IAEA1B,EAAA2B,QAAA3B,EAAA4B,OAAA,KACAC,aAAAxB,GACA,IAAAyB,EAAAtD,EAAAL,GACA,IAAA2D,IACAA,GACAA,EAAA,OAAAC,MAAA,iBAAA5D,EAAA,aAEAK,EAAAL,QAAA6D,GAKA,OAfAhC,EAAA2B,QAAA3B,EAAA4B,OAAAF,EAaA7B,EAAAoC,YAAAjC,GAEAL,GAIAX,EAAAkD,EAAApD,EAGAE,EAAAmD,EAAAjD,EAGAF,EAAAoD,EAAA,SAAAhD,EAAAiD,EAAAC,GACAtD,EAAAuD,EAAAnD,EAAAiD,IACA3D,OAAA8D,eAAApD,EAAAiD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAtD,EAAA4D,EAAA,SAAAvD,GACA,IAAAiD,EAAAjD,KAAAwD,WACA,WAA2B,OAAAxD,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAoD,EAAAE,EAAA,IAAAA,GACAA,GAIAtD,EAAAuD,EAAA,SAAAO,EAAAC,GAAsD,OAAArE,OAAAC,UAAAC,eAAAC,KAAAiE,EAAAC,IAGtD/D,EAAAyB,EAAA,IAGAzB,EAAAgE,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.3ff533f3daf61febde4b.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\t17: 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\":\"41d7248381194d98cf91\",\"1\":\"5d86c82ca1c4865561fc\",\"2\":\"646302a489fbe4165d52\",\"3\":\"640508b1b527af006d59\",\"4\":\"2a1ed845f5ffb998c7bc\",\"5\":\"bbb87395fdecb0367966\",\"6\":\"816c6ddbaa833e674912\",\"7\":\"2be225fb52236d3876ed\",\"8\":\"a7bd058bed7ca67d0588\",\"9\":\"5d4a39c9e1a784ee9683\",\"10\":\"01437b5d24dc0988f3d5\",\"11\":\"e25cf9ab8ad2ef236662\",\"12\":\"ab60c4b0944ef819faa3\",\"13\":\"48e5ec8966f3dc4513b2\",\"14\":\"a87e2de1d70a4657abd8\"}[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 dd6d9de8cebdb8332eed"],"sourceRoot":""} \ No newline at end of file diff --git a/src/components/newLesson/index.vue b/src/components/newLesson/index.vue index 03a1adc18b0216a1e54f5a355162ba54a441189b..1c88c1be9625f966152fd29f63efce720bb926c7 100644 --- a/src/components/newLesson/index.vue +++ b/src/components/newLesson/index.vue @@ -139,6 +139,7 @@ <style scoped lang="less"> @import "../../util/public"; .lessonHeader{background:url('/static/images/lessonHeader.png') no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block} +.header-h{display: none} .home{height:46*@toVw;width:46*@toVw;background-position:0 0;} .play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;} .look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}