Skip to content

H
h5-base
Commit 38838cb0 authored by wangwei's avatar wangwei
Browse files
Options

横屏

parent 396517dd
Hide whitespace changes
Inline Side-by-side
Showing with 882 additions and 67 deletions
dev/index.html
View file @ 38838cb0
...@@ -4,4 +4,4 @@ ...@@ -4,4 +4,4 @@
hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f"; hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); 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 type=text/javascript src=/static/js/manifest.b89e097483df0a4727ad.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.e97debad53d6c02e5060.js></script></body></html> })();</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 type=text/javascript src=/static/js/manifest.ad69b2172b4848ee909a.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.e97debad53d6c02e5060.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dev/static/images/index-h.png
View replaced file @ 396517dd View file @ 38838cb0
dev/static/images/index-h.png

10.1 KB | W: | H:

dev/static/images/index-h.png

38.5 KB | W: | H:

dev/static/images/index-h.png
dev/static/images/index-h.png
dev/static/images/index-h.png
dev/static/images/index-h.png
  • 2-up
  • Swipe
  • Onion skin
dev/static/js/0.da4864f81ccf457ab516.js 0 → 100644
View file @ 38838cb0
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/0.da4864f81ccf457ab516.js.map 0 → 100644
View file @ 38838cb0
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/2.200c08870d91dd7064b0.js 0 → 100644
View file @ 38838cb0
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/2.200c08870d91dd7064b0.js.map 0 → 100644
View file @ 38838cb0
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/3.ba480701d0c4bd572a07.js 0 → 100644
View file @ 38838cb0
webpackJsonp([3],{"+wl/":function(n,t,A){n.exports=A.p+"static/img/nextUnit.f575be1.png"},"0dPK":function(n,t,A){var o=A("D3IE");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);A("rjj0")("0acdde6d",o,!1,{})},"3QU7":function(n,t,A){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=A("mvHQ"),i=A.n(o),e=A("CCn6"),a=A("hUWd"),s=A.n(a),l=A("SKwj"),r=A.n(l),d=A("ohH1"),c=A.n(d),w=A("WcTT"),g=A.n(w),h=A("qmiW"),p=A.n(h),b={name:"guide",data:function(){return{iKnowUrl:s.a,goDownUrl:c.a,unit:0==this.$route.query.course_type,goUrl:r.a,starUrl:g.a,mapUrl:p.a,show:!1}},mounted:function(){var n=this;Object(e.h)({page_name:"map"}).then(function(t){0==t&&(n.show=!0)})}},v=function(){var n=this,t=n.$createElement,A=n._self._c||t;return A("div",[n.show?A("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[n.unit?A("div",{staticClass:"Unit"},[n._v("\n Unit\n "),A("br"),n._v("\n 我家农场\n ")]):n._e(),n._v(" "),n.unit?A("img",{class:{toUntil:!0,"unit-no":!n.unit},attrs:{src:n.goUrl}}):n._e(),n._v(" "),n.unit?A("div",{class:{"until-test":!0,"unit-no":!n.unit}},[n._v("\n 点击这里可以"),A("span",{staticClass:"color-red"},[n._v("切换主题")])]):n._e(),n._v(" "),A("img",{class:{toLesson:!0,"unit-no":!n.unit},attrs:{src:n.goUrl}}),n._v(" "),A("div",{class:{"lesson-text":!0,"unit-no":!n.unit}},[n._v("点击这里可以"),A("span",{staticClass:"color-red"},[n._v("选择课程")])]),n._v(" "),A("div",{class:{"lesson-block":!0,"unit-no":!n.unit}},[A("img",{attrs:{src:n.mapUrl}})]),n._v(" "),A("img",{class:{"i-know":!0,"unit-no":!n.unit},attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})]):n._e()])};v._withStripped=!0;var C={render:v,staticRenderFns:[]},f=C;var u=!1;var m=A("VU/8")(b,f,!1,function(n){u||A("vqEA")},"data-v-61381b69",null);m.options.__file="src/components/guide/map.vue";var E=m.exports,B={name:"guide",data:function(){return{iKnowUrl:s.a,goDownUrl:c.a,goUrl:r.a,starUrl:g.a,show:!1}},mounted:function(){var n=this;Object(e.h)({page_name:"content"}).then(function(t){0==t&&(n.show=!0)})}},k=function(){var n=this,t=n.$createElement,A=n._self._c||t;return A("div",[n.show?A("div",{staticClass:"guide",on:{click:function(t){n.show=!1}}},[A("div",{staticClass:"guide-content"},[A("div",{staticClass:"title"},[n._v("\n The Bear Went Over the Mountain\n ")]),n._v(" "),A("img",{staticClass:"toTitle",attrs:{src:n.goDownUrl}}),n._v(" "),n._m(0),n._v(" "),A("img",{staticClass:"toLesson",attrs:{src:n.goUrl}}),n._v(" "),n._m(1),n._v(" "),A("div",{staticClass:"lesson-block"},[n._v("\n 开始课程\n ")]),n._v(" "),A("img",{staticClass:"i-know",attrs:{src:n.iKnowUrl},on:{click:function(t){n.show=!1}}})])]):n._e()])};k._withStripped=!0;var V={render:k,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"title-test"},[this._v("\n 该天"),t("span",{staticClass:"color-red"},[this._v("歌曲名称")])])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"lesson-text"},[this._v("点击"),t("span",{staticClass:"color-red"},[this._v("开始课程")])])}]},D=V;var y=!1;var x=A("VU/8")(B,D,!1,function(n){y||A("0dPK")},"data-v-7971dcf4",null);x.options.__file="src/components/guide/content.vue";var I=x.exports,_=A("e2Pt"),S=A.n(_),F=(A("v2ns"),A("7QTg")),z=A("Au9i"),L=A("2oJL"),U=A("3xxH"),P=A.n(U),q=A("+wl/"),H=A.n(q),M={name:"mapDefault",components:{swiper:F.swiper,swiperSlide:F.swiperSlide,bottomTab:L.a,guidePage:E,guideContent:I},data:function(){var n=this;return{shopType:this.$route.query.course_type,diaBGI:S.a,nextUnitUrl:H.a,periods_id:this.$route.query.periods_id,parent_category_id:this.$route.query.parent_category_id,unitList:[],more:!1,errorURL:P.a,popupVisible:!1,lessonList:[],lesson:"",noLesson:!1,hpLessonList:[],thisLesson:null,swiperOption:{slidesPerView:4,on:{slideChangeTransitionStart:function(){this.activeIndex==n.swiper.slides.length-4&&n.more&&n.swiper.slidePrev()}},pagination:{el:".swiper-pagination"}},swiperOption2:{slidesPerView:7,on:{slideChangeTransitionStart:function(){this.activeIndex==n.swiper2.slides.length-7&&n.more&&n.swiper2.slidePrev()}},pagination:{el:".swiper-pagination"}},swiperOptionLesson:{slidesPerView:4}}},mounted:function(){this.initPage()},filters:{substr10:function(n){return n.substr(0,10)}},computed:{swiper:function(){return 0==this.$route.query.course_type?this.$refs.mySwiper.swiper:""},swiper2:function(){return 0==this.$route.query.course_type?this.$refs.mySwiper2.swiper:""},swiperLesson:function(){return this.$refs.mySwiperLesson.swiper},splitContent:function(){var n=[];return this.thisLesson.content.tips.title1_content&&(n=this.thisLesson.content.tips.title1_content.split("\n")),n}},methods:{findUnit:function(n){return this.unitList.find(function(t){return t.category_id==n})},dateParse:function(n){var t;return t=n.indexOf("-")>-1?n.split("-"):n.indexOf("/")>-1?n.split("/"):n.split("."),new Date(t[0],t[1]-1,t[2])},dateCompare:function(n){var t=(new Date).getTime(),A=n.getTime();return A>t?1:A==t?0:-1},goDetail:function(){if(this.thisLesson.content.tips){var n={periods_id:this.periods_id,category_id:this.thisLesson.id,elementId:this.thisLesson.id,course_type:this.$route.query.course_type,parent_category_id:this.parent_category_id};localStorage.setItem("lessonDetail",i()(this.thisLesson)),this.$router.push({name:"newLesson",query:n})}else{var t={periods_id:this.periods_id,category_id:this.thisLesson.category_id,parent_category_id:this.parent_category_id,element_id:this.thisLesson.id,course_type:this.$route.query.course_type,type:"1"};this.$router.push({name:"lesson",query:t})}},changeCateGory:function(n,t){t||(this.parent_category_id=n.category_id,this.$router.push({name:"map",query:{periods_id:this.periods_id,course_type:this.shopType,parent_category_id:this.parent_category_id}}),this.getLessonList(!0))},showDia:function(n,t){var A=this;"0000-00-00"!==n.push_time?Object(e.i)(this.periods_id,n.id,n.ele_id).then(function(o){o.content=JSON.parse(o.content),A.thisLesson=o,A.thisLesson.id=n.id,A.thisLesson.domTitle=n.name,A.thisLesson.day=t,A.popupVisible=!0}):Object(z.Toast)("课程还未开始哦")},initPage:function(){this.getLessonList(),0==this.$route.query.course_type&&this.getUnitList()},getUnitList:function(){var n=this;Object(e.d)(this.periods_id).then(function(t){n.unitList=[],t.forEach(function(t){1!==t.status&&2!==t.status||n.unitList.push(t)}),t.find(function(n){return 0===n.status})&&(n.more=!0),n.$nextTick(function(){var t=null,A=null;n.unitList.forEach(function(o,i){o.category_id==n.parent_category_id&&(t=i>3?i-3:i,A=i>6?i-6:i)}),n.swiper.slideTo(t,800,!1),n.swiper2.slideTo(A,800,!1)})})},getLessonList:function(n){var t=this;Object(e.j)(this.periods_id+"/v2",{category_id:this.parent_category_id}).then(function(A){t.lessonList=[],t.hpLessonList=[],A.list.length<1?t.noLesson=!0:t.noLesson=!1;for(var o=[],i=0,e=0;e<A.list.length;e++)"0000-00-00"!==A.list[e].push_time&&i++,A.list[e].name.indexOf("Day1")>-1&&o.length>0?(t.lessonList.push(o),(o=[]).push(A.list[e])):(o.push(A.list[e]),e==A.list.length-1&&t.lessonList.push(o)),A.list[e].dayText="DAY "+o.length,t.hpLessonList.push(A.list[e]);t.$nextTick(function(){t.swiperLesson.slideTo(i-1)}),n?t.scroll_to(0):t.$nextTick(function(){if(t.$route.query.category_id){var n=document.getElementsByClassName("cid"+t.$route.query.category_id);if(n.length>0){t.scroll_to(n[0].offsetTop);var A=null,o=0;t.lessonList.forEach(function(n){n.forEach(function(n,i){n.id==t.$route.query.category_id&&(A=n,o=i+1)})}),t.showDia(A,o)}}else if(t.$route.query.back_id){var i=document.getElementsByClassName("cid"+t.$route.query.back_id);i.length>0&&t.scroll_to(i[0].offsetTop)}else{var e=document.getElementsByClassName("money");e.length>0&&t.scroll_to(e[0].offsetParent.offsetTop)}})})},scroll_to:function(n){for(var t=n-200,A=function(n){var A=document.documentElement.scrollTop|document.body.scrollTop,o=A-t;setTimeout(function(){document.documentElement.scrollTop=A-o/30*n,document.body.scrollTop=A-o/30*n},10*n)},o=0;o<30;o++)A(o)}}},X=function(){var n=this,t=n.$createElement,A=n._self._c||t;return A("div",[A("div",{staticClass:"unit-block"},[0==n.$route.query.course_type?A("swiper",{ref:"mySwiper",staticClass:"banner",attrs:{options:n.swiperOption}},[n._l(n.unitList,function(t,o){return A("swiper-slide",{key:o},[A("div",{staticClass:"line"}),n._v(" "),A("div",{class:{"unit-li":!0,active:t.category_id==n.parent_category_id},on:{click:function(A){n.changeCateGory(t,t.category_id==n.parent_category_id)}}},[A("div",[A("img",{attrs:{src:t.category_cover}})]),n._v("\n "+n._s(t.category_name)+"\n ")])])}),n._v(" "),n.more?A("swiper-slide",[A("div",{staticClass:"line"}),n._v(" "),A("div",{staticClass:"unit-li"},[A("div",[A("img",{attrs:{src:n.nextUnitUrl}})]),n._v(" "),A("span",{staticStyle:{color:"#cccccc"}},[n._v("敬请期待")])])]):n._e(),n._v(" "),n._l(3-n.unitList.length>0?3-n.unitList.length:0,function(n){return A("swiper-slide",{key:10*n},[A("div",{staticClass:"unit-li"},[A("div")])])})],2):n._e(),n._v(" "),0==n.$route.query.course_type?A("swiper",{ref:"mySwiper2",staticClass:"banner2",attrs:{options:n.swiperOption2}},[n._l(n.unitList,function(t,o){return A("swiper-slide",{key:o},[A("div",{staticClass:"line"}),n._v(" "),A("div",{class:{"unit-li":!0,active:t.category_id==n.parent_category_id},on:{click:function(A){n.changeCateGory(t,t.category_id==n.parent_category_id)}}},[A("div",[A("img",{attrs:{src:t.category_cover}})]),n._v("\n "+n._s(t.category_name)+"\n ")])])}),n._v(" "),n.more?A("swiper-slide",[A("div",{staticClass:"line"}),n._v(" "),A("div",{staticClass:"unit-li"},[A("div",[A("img",{attrs:{src:n.nextUnitUrl}})]),n._v(" "),A("span",{staticStyle:{color:"#cccccc"}},[n._v("敬请期待")])])]):n._e(),n._v(" "),n._l(6-n.unitList.length>0?6-n.unitList.length:0,function(n){return A("swiper-slide",{key:10*n},[A("div",{staticClass:"unit-li"},[A("div")])])})],2):n._e()],1),n._v(" "),A("div",{staticClass:"lesson-block"},[n.noLesson?A("div",{staticClass:"noLesson"},[A("img",{attrs:{src:n.errorURL}}),n._v(" "),A("div",[n._v("\n 暂无课程\n ")])]):n._e(),n._v(" "),n._l(n.lessonList,function(t,o){return A("div",{staticClass:"card-block"},[A("img",{attrs:{src:t[0].cover+"?imageslim"}}),n._v(" "),n._l(t,function(i,e){return A("div",{class:"card-li cid"+i.id,on:{click:function(t){n.showDia(i,e+1)}}},[A("div",{staticClass:"text-block"},[A("div",{staticClass:"title"},[n._v("\n "+n._s(n._f("substr10")(i.name))+"\n ")]),n._v(" "),A("div",{staticClass:"tips"},["0000-00-00"!==i.push_time?A("span",[n._v(" 开课时间："+n._s(i.push_time))]):n._e(),n._v(" "),"0000-00-00"===i.push_time?A("span",[n._v("课程还未开始哦")]):n._e()])]),n._v(" "),A("div"),n._v(" "),A("div",{staticClass:"icon-block"},[A("i",{class:{map:!0,right:o!==i.length-1&&"0000-00-00"!==i.push_time,money:"0000-00-00"!==i.push_time&&(t[e+1]&&"0000-00-00"===t[e+1].push_time||e===t.length-1&&n.lessonList[o+1]&&"0000-00-00"===n.lessonList[o+1][0].push_time||(0==n.$route.query.course_type&&n.findUnit(n.parent_category_id)&&2===n.findUnit(n.parent_category_id).status||1==n.$route.query.course_type)&&e===t.length-1&&o==n.lessonList.length-1),clock:"0000-00-00"===i.push_time}})])])})],2)})],2),n._v(" "),A("div",{staticClass:"lesson-block-hp"},[A("swiper",{ref:"mySwiperLesson",staticClass:"lesson-sw",attrs:{options:n.swiperOptionLesson}},n._l(n.hpLessonList,function(t,o){return A("swiper-slide",{key:o},[A("div",{staticClass:"lesson-content-hp",on:{click:function(A){n.showDia(t)}}},["0000-00-00"===t.push_time?A("div",{staticClass:"clock-hp"},[n._v("\n 尚未开课\n ")]):n._e(),n._v(" "),A("div",{staticClass:"lesson-day-hp"},[n._v(n._s(t.dayText))]),n._v(" "),A("div",{staticClass:"lesson-img-hp"},[A("img",{attrs:{src:t.cover}})]),n._v(" "),A("div",{staticClass:"lesson-name-hp"},[n._v("\n "+n._s(t.sub_title)+"\n ")])])])}))],1),n._v(" "),n.popupVisible&&n.thisLesson?A("guide-content"):n._e(),n._v(" "),A("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.popupVisible,callback:function(t){n.popupVisible=t},expression:"popupVisible"}},[n.thisLesson?A("div",{staticClass:"popup-block"},[A("i",{staticClass:"map close",on:{click:function(t){n.popupVisible=!1}}}),n._v(" "),A("div",{staticClass:"header",style:{backgroundImage:"url("+n.diaBGI+")"}},[A("div",{staticClass:"title"},[n._v("\n "+n._s(n.thisLesson.title)+"\n ")]),n._v(" "),n.thisLesson.content.tips?A("div",{staticClass:"tips"},[n._v("\n "+n._s(n.thisLesson.content.tips.content)+"\n ")]):n._e(),n._v(" "),n.thisLesson.content.tips?n._e():A("div",{staticClass:"tips"},[n._v("\n DAY "+n._s(n.thisLesson.day)+"\n ")])]),n._v(" "),n.thisLesson.content.tips?A("div",{staticClass:"content"},[A("div",{staticClass:"tips-title"},[n._v(n._s(n.thisLesson.content.tips.title1))]),n._v(" "),A("div",{staticClass:"title-content"},[A("ul",n._l(n.splitContent,function(t){return A("li",{staticStyle:{"text-align":"center"}},[n._v(n._s(t))])}))]),n._v(" "),A("div",{staticClass:"tips-title"},[n._v(n._s(n.thisLesson.content.tips.title2))]),n._v(" "),A("div",{staticClass:"title-content"},[n._v(n._s(n.thisLesson.content.tips.title2_content))])]):n._e(),n._v(" "),n.thisLesson.content.tips?n._e():A("div",{staticClass:"content"},[A("div",{staticStyle:{color:"#cccccc",padding:"21.3333vw 0","font-size":"5.3333vw"}},[n._v("快去开始课程吧!")])]),n._v(" "),A("div",[A("i",{staticClass:"map goLesson",on:{click:function(t){n.goDetail()}}})])]):n._e()]),n._v(" "),A("bottom-tab"),n._v(" "),A("guide-page")],1)};X._withStripped=!0;var j={render:X,staticRenderFns:[]},O=j;var Y=!1;var T=A("VU/8")(M,O,!1,function(n){Y||A("W/iF")},"data-v-2bc4c202",null);T.options.__file="src/components/map/index.vue";t.default=T.exports},"3xxH":function(n,t,A){n.exports=A.p+"static/img/error.6b7c895.png"},Bka6:function(n,t,A){(n.exports=A("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-2bc4c202] {\n float: right;\n}\n.main-block[data-v-2bc4c202] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-2bc4c202]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-2bc4c202]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-2bc4c202]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-2bc4c202]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.map[data-v-2bc4c202] {\n background: url('/static/images/map.png') no-repeat;\n background-size: 36.26666667vw 55.2vw;\n}\n.defultStar[data-v-2bc4c202] {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 0;\n display: inline-block;\n}\n.right[data-v-2bc4c202] {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -5.33333333vw;\n display: inline-block;\n}\n.close[data-v-2bc4c202] {\n position: absolute;\n top: -2.93333333vw;\n right: -8.53333333vw;\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -10.66666667vw;\n display: inline-block;\n}\n.actStar[data-v-2bc4c202] {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -16vw;\n display: inline-block;\n}\n.clock[data-v-2bc4c202] {\n height: 7.46666667vw;\n width: 7.46666667vw;\n background-position: 0 -21.33333333vw;\n display: inline-block;\n}\n.money[data-v-2bc4c202] {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -28.8vw;\n display: inline-block;\n -webkit-animation: dodge-data-v-2bc4c202 1s infinite;\n animation: dodge-data-v-2bc4c202 1s infinite;\n}\n.goLesson[data-v-2bc4c202] {\n height: 15.73333333vw;\n width: 36.26666667vw;\n background-position: 0 -39.46666667vw;\n display: inline-block;\n margin-top: 4vw;\n margin-bottom: 2.66666667vw;\n}\n.noLesson[data-v-2bc4c202] {\n margin: 5.33333333vw;\n text-align: center;\n}\n.noLesson img[data-v-2bc4c202] {\n width: 80%;\n}\n.line[data-v-2bc4c202] {\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 4vw;\n bottom: 4vw;\n}\n.unit-block[data-v-2bc4c202] {\n -webkit-box-shadow: 0vw 0.26666667vw 1.06666667vw 0vw rgba(204, 204, 204, 0.5);\n box-shadow: 0vw 0.26666667vw 1.06666667vw 0vw rgba(204, 204, 204, 0.5);\n width: 100%;\n position: fixed;\n background: white;\n z-index: 2;\n top: 0;\n left: 0;\n}\n.unit-block .banner2[data-v-2bc4c202] {\n display: none;\n}\n.unit-block .unit-li[data-v-2bc4c202] {\n width: 18.13333333vw;\n text-align: center;\n margin-top: 2.6666vw;\n height: 16vw;\n border-radius: 2.13333333vw 2.13333333vw 0vw 0vw;\n font-size: 3.2vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n padding-top: 3.2vw;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.unit-block .unit-li img[data-v-2bc4c202] {\n width: 7.46666667vw;\n height: 7.46666667vw;\n}\n.unit-block .unit-li.active[data-v-2bc4c202] {\n background: #60ADF0;\n color: #ffffff;\n}\n.lesson-block[data-v-2bc4c202] {\n width: 100%;\n margin-top: 21.33333333vw;\n padding-bottom: 13.33333333vw;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.lesson-block .card-block[data-v-2bc4c202] {\n -webkit-box-shadow: 0vw 0.53333333vw 1.33333333vw 0.26666667vw rgba(153, 153, 153, 0.56);\n box-shadow: 0vw 0.53333333vw 1.33333333vw 0.26666667vw rgba(153, 153, 153, 0.56);\n margin: 5.33333333vw;\n border-radius: 2.13333333vw;\n}\n.lesson-block .card-block img[data-v-2bc4c202] {\n width: 100%;\n height: 37.33333333vw;\n border-radius: 2.13333333vw 2.13333333vw 0 0;\n}\n.lesson-block .card-block .card-li[data-v-2bc4c202] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n margin: auto;\n padding: 2.66666667vw;\n position: relative;\n border-bottom: 0.26666667vw solid #EEEEEE;\n}\n.lesson-block .card-block .card-li .text-block[data-v-2bc4c202] {\n margin-left: 0;\n}\n.lesson-block .card-block .card-li .icon-block[data-v-2bc4c202] {\n margin: auto 0;\n}\n.lesson-block .card-block .card-li .clock-block[data-v-2bc4c202] {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.8);\n text-align: center;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n padding: 2.66666667vw;\n}\n.lesson-block .card-block .card-li .title[data-v-2bc4c202] {\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #000000;\n line-height: 7.46666667vw;\n}\n.lesson-block .card-block .card-li .tips[data-v-2bc4c202] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n max-width: 45.33333333vw;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.popup-block[data-v-2bc4c202] {\n text-align: center;\n background: white;\n border-radius: 2.13333333vw;\n width: 73.6vw;\n}\n.popup-block .header[data-v-2bc4c202] {\n width: 73.6vw;\n height: 36.53333333vw;\n padding-top: 9.6vw;\n background-size: 100% 100%;\n position: relative;\n}\n.popup-block .header .title[data-v-2bc4c202] {\n text-align: center;\n font-size: 6.4vw;\n font-family: Helvetica-Bold;\n font-weight: bold;\n padding: 0 5.33333333vw;\n color: #ffffff;\n line-height: 6.93333333vw;\n}\n.popup-block .header .tips[data-v-2bc4c202] {\n width: 24.53333333vw;\n height: 9.6vw;\n background: rgba(0, 0, 0, 0.2);\n text-align: center;\n border-radius: 1.06666667vw;\n position: absolute;\n left: 50%;\n margin-left: -12.26666667vw;\n bottom: 5.33333333vw;\n line-height: 9.6vw;\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #ffffff;\n}\n.popup-block .content[data-v-2bc4c202] {\n padding-top: 3.73333333vw;\n}\n.popup-block .content .tips-title[data-v-2bc4c202] {\n height: 6.66666667vw;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n margin: 3.2vw auto 2.66666667vw auto;\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #91edfa;\n line-height: 6.66666667vw;\n display: block;\n border-radius: 266.66666667vw;\n padding: 0.8vw 4.8vw;\n border: 0.53333333vw solid #91EDFA;\n}\n.popup-block .content .title-content[data-v-2bc4c202] {\n word-break: break-all;\n padding: 0 4.8vw;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 4.53333333vw;\n}\n.popup-block .content .title-content ul[data-v-2bc4c202] {\n margin: 0;\n padding: 0;\n font-size: 3.73333333vw;\n height: 15.46666667vw;\n overflow: hidden;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 5.33333333vw;\n list-style-type: none;\n}\n.popup-block .content .title-content ul[data-v-2bc4c202]:after {\n content: '';\n display: block;\n clear: both;\n}\n.popup-block .content .title-content ul li[data-v-2bc4c202] {\n width: 50%;\n float: left;\n text-align: left;\n}\n@media screen and (orientation: landscape) {\n.map[data-v-2bc4c202] {\n background: url('/static/images/map.png') no-repeat;\n background-size: 20.3898051vw 31.03448276vw;\n}\n.defultStar[data-v-2bc4c202] {\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 0;\n display: inline-block;\n}\n.right[data-v-2bc4c202] {\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 -2.99850075vw;\n display: inline-block;\n}\n.close[data-v-2bc4c202] {\n position: absolute;\n top: -1.64917541vw;\n right: -4.7976012vw;\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 -5.9970015vw;\n display: inline-block;\n}\n.actStar[data-v-2bc4c202] {\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 -8.99550225vw;\n display: inline-block;\n}\n.clock[data-v-2bc4c202] {\n height: 4.19790105vw;\n width: 4.19790105vw;\n background-position: 0 -11.994003vw;\n display: inline-block;\n}\n.money[data-v-2bc4c202] {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -16.19190405vw;\n display: inline-block;\n -webkit-animation: dodge-data-v-2bc4c202 1s infinite;\n animation: dodge-data-v-2bc4c202 1s infinite;\n}\n.goLesson[data-v-2bc4c202] {\n height: 8.84557721vw;\n width: 20.3898051vw;\n background-position: 0 -22.18890555vw;\n display: inline-block;\n margin-top: 2.24887556vw;\n margin-bottom: 1.49925037vw;\n}\n.noLesson[data-v-2bc4c202] {\n margin: 2.99850075vw;\n text-align: center;\n}\n.noLesson img[data-v-2bc4c202] {\n width: 80%;\n}\n.line[data-v-2bc4c202] {\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 2.24887556vw;\n bottom: 2.24887556vw;\n}\n.unit-block[data-v-2bc4c202] {\n -webkit-box-shadow: 0vw 0.14992504vw 0.59970015vw 0vw rgba(204, 204, 204, 0.5);\n box-shadow: 0vw 0.14992504vw 0.59970015vw 0vw rgba(204, 204, 204, 0.5);\n width: 100%;\n position: fixed;\n background: white;\n z-index: 2;\n top: 0;\n left: 0;\n}\n.unit-block .banner[data-v-2bc4c202] {\n display: none;\n}\n.unit-block .banner2[data-v-2bc4c202] {\n display: block;\n}\n.unit-block .unit-li[data-v-2bc4c202] {\n width: 10.19490255vw;\n text-align: center;\n margin-top: 0.74962519vw;\n height: 8.99550225vw;\n border-radius: 1.1994003vw 1.1994003vw 0vw 0vw;\n font-size: 1.79910045vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n padding-top: 1.79910045vw;\n color: #666666;\n line-height: 2.99850075vw;\n}\n.unit-block .unit-li img[data-v-2bc4c202] {\n width: 4.19790105vw;\n height: 4.19790105vw;\n}\n.unit-block .unit-li.active[data-v-2bc4c202] {\n background: #60ADF0;\n color: #ffffff;\n}\n.lesson-block[data-v-2bc4c202] {\n display: none;\n}\n.lesson-block-hp[data-v-2bc4c202] {\n padding-top: 12.74362819vw;\n background: #eeeeee;\n height: 100vh;\n}\n.lesson-block-hp .lesson-content-hp[data-v-2bc4c202] {\n position: relative;\n margin: 0 0.74962519vw;\n max-width: 22.48875562vw;\n background: white;\n -webkit-box-shadow: 0vw 0.29985007vw 0.59970015vw 0vw rgba(0, 0, 0, 0.2);\n box-shadow: 0vw 0.29985007vw 0.59970015vw 0vw rgba(0, 0, 0, 0.2);\n height: calc(100vh - 20.99550225vw);\n border: 0.14992504vw solid #000;\n border-radius: 1.1994003vw;\n text-align: center;\n}\n.lesson-block-hp .lesson-content-hp .clock-hp[data-v-2bc4c202] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n border-radius: 1.1994003vw;\n line-height: calc(100vh - 20.99550225vw);\n}\n.lesson-block-hp .lesson-content-hp .lesson-day-hp[data-v-2bc4c202] {\n margin-top: 1.49925037vw;\n width: 10.7946027vw;\n border-radius: 0.59970015vw;\n border: 0.14992504vw solid #000;\n height: 3.5982009vw;\n line-height: 3.5982009vw;\n font-size: 2.09895052vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #000000;\n}\n.lesson-block-hp .lesson-content-hp .lesson-img-hp[data-v-2bc4c202] {\n margin: calc((100vh - 20.99550225vw) / 2 - 24vh) auto;\n width: 25vh;\n height: 25vh;\n border-radius: 14.99250375vw;\n overflow: hidden;\n}\n.lesson-block-hp .lesson-content-hp .lesson-img-hp img[data-v-2bc4c202] {\n height: 100%;\n}\n.lesson-block-hp .lesson-content-hp .lesson-name-hp[data-v-2bc4c202] {\n font-size: 1.79910045vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n}\n.popup-block[data-v-2bc4c202] {\n text-align: center;\n background: white;\n border-radius: 1.1994003vw;\n width: 73.91304348vw;\n height: 36.13193403vw;\n position: relative;\n}\n.popup-block .header[data-v-2bc4c202] {\n position: absolute;\n height: auto;\n right: 0;\n top: 0;\n bottom: 0;\n padding: 0;\n margin: 0;\n width: 32.23388306vw;\n background-size: 100% 100%;\n}\n.popup-block .header .title[data-v-2bc4c202] {\n margin-top: 1.49925037vw;\n text-align: center;\n font-size: 3.5982009vw;\n font-family: Helvetica-Bold;\n font-weight: bold;\n padding: 0 2.99850075vw;\n color: #ffffff;\n line-height: 3.89805097vw;\n}\n.popup-block .header .tips[data-v-2bc4c202] {\n width: 13.79310345vw;\n height: 5.39730135vw;\n background: rgba(0, 0, 0, 0.2);\n text-align: center;\n border-radius: 0.59970015vw;\n position: absolute;\n left: 50%;\n margin-left: -6.89655172vw;\n top: 7.49625187vw;\n line-height: 5.39730135vw;\n font-size: 2.3988006vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #ffffff;\n}\n.popup-block .content[data-v-2bc4c202] {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 41.67916042vw;\n padding: 0;\n}\n.popup-block .content .tips-title[data-v-2bc4c202] {\n height: 3.74812594vw;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n margin: 1.79910045vw auto 1.49925037vw auto;\n font-size: 2.3988006vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #91edfa;\n line-height: 3.74812594vw;\n display: block;\n border-radius: 149.92503748vw;\n padding: 0.44977511vw 2.69865067vw;\n border: 0.29985007vw solid #91EDFA;\n}\n.popup-block .content .title-content[data-v-2bc4c202] {\n word-break: break-all;\n padding: 0 2.69865067vw;\n font-size: 2.09895052vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 2.54872564vw;\n}\n.popup-block .content .title-content ul[data-v-2bc4c202] {\n margin: 0;\n padding: 0;\n font-size: 2.09895052vw;\n height: 8.69565217vw;\n overflow: hidden;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 2.99850075vw;\n list-style-type: none;\n}\n.popup-block .content .title-content ul[data-v-2bc4c202]:after {\n content: '';\n display: block;\n clear: both;\n}\n.popup-block .content .title-content ul li[data-v-2bc4c202] {\n width: 50%;\n float: left;\n text-align: left;\n}\n.popup-block .goLesson[data-v-2bc4c202] {\n position: absolute;\n right: 5.9970015vw;\n bottom: 1.49925037vw;\n}\n}\n@-webkit-keyframes dodge-data-v-2bc4c202 {\n0% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n50% {\n -webkit-transform: scale(1.1, 1.1);\n transform: scale(1.1, 1.1);\n}\n100% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n}\n@keyframes dodge-data-v-2bc4c202 {\n0% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n50% {\n -webkit-transform: scale(1.1, 1.1);\n transform: scale(1.1, 1.1);\n}\n100% {\n -webkit-transform: scale(0.9, 0.9);\n transform: scale(0.9, 0.9);\n}\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/map/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/map/index.vue","D:/myproject/new-singsingH5/src/components/map/D:/myproject/new-singsingH5/src/components/map/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.map {\n background: url('/static/images/map.png') no-repeat;\n background-size: 36.26666667vw 55.2vw;\n}\n.defultStar {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 0;\n display: inline-block;\n}\n.right {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -5.33333333vw;\n display: inline-block;\n}\n.close {\n position: absolute;\n top: -2.93333333vw;\n right: -8.53333333vw;\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -10.66666667vw;\n display: inline-block;\n}\n.actStar {\n height: 5.33333333vw;\n width: 5.33333333vw;\n background-position: 0 -16vw;\n display: inline-block;\n}\n.clock {\n height: 7.46666667vw;\n width: 7.46666667vw;\n background-position: 0 -21.33333333vw;\n display: inline-block;\n}\n.money {\n height: 10.66666667vw;\n width: 10.66666667vw;\n background-position: 0 -28.8vw;\n display: inline-block;\n animation: dodge 1s infinite;\n}\n.goLesson {\n height: 15.73333333vw;\n width: 36.26666667vw;\n background-position: 0 -39.46666667vw;\n display: inline-block;\n margin-top: 4vw;\n margin-bottom: 2.66666667vw;\n}\n.noLesson {\n margin: 5.33333333vw;\n text-align: center;\n}\n.noLesson img {\n width: 80%;\n}\n.line {\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 4vw;\n bottom: 4vw;\n}\n.unit-block {\n box-shadow: 0vw 0.26666667vw 1.06666667vw 0vw rgba(204, 204, 204, 0.5);\n width: 100%;\n position: fixed;\n background: white;\n z-index: 2;\n top: 0;\n left: 0;\n}\n.unit-block .banner2 {\n display: none;\n}\n.unit-block .unit-li {\n width: 18.13333333vw;\n text-align: center;\n margin-top: 2.6666vw;\n height: 16vw;\n border-radius: 2.13333333vw 2.13333333vw 0vw 0vw;\n font-size: 3.2vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n padding-top: 3.2vw;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.unit-block .unit-li img {\n width: 7.46666667vw;\n height: 7.46666667vw;\n}\n.unit-block .unit-li.active {\n background: #60ADF0;\n color: #ffffff;\n}\n.lesson-block {\n width: 100%;\n margin-top: 21.33333333vw;\n padding-bottom: 13.33333333vw;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.lesson-block .card-block {\n box-shadow: 0vw 0.53333333vw 1.33333333vw 0.26666667vw rgba(153, 153, 153, 0.56);\n margin: 5.33333333vw;\n border-radius: 2.13333333vw;\n}\n.lesson-block .card-block img {\n width: 100%;\n height: 37.33333333vw;\n border-radius: 2.13333333vw 2.13333333vw 0 0;\n}\n.lesson-block .card-block .card-li {\n display: flex;\n justify-content: space-between;\n margin: auto;\n padding: 2.66666667vw;\n position: relative;\n border-bottom: 0.26666667vw solid #EEEEEE;\n}\n.lesson-block .card-block .card-li .text-block {\n margin-left: 0;\n}\n.lesson-block .card-block .card-li .icon-block {\n margin: auto 0;\n}\n.lesson-block .card-block .card-li .clock-block {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.8);\n text-align: center;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #999999;\n padding: 2.66666667vw;\n}\n.lesson-block .card-block .card-li .title {\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #000000;\n line-height: 7.46666667vw;\n}\n.lesson-block .card-block .card-li .tips {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n max-width: 45.33333333vw;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: #666666;\n line-height: 5.33333333vw;\n}\n.popup-block {\n text-align: center;\n background: white;\n border-radius: 2.13333333vw;\n width: 73.6vw;\n}\n.popup-block .header {\n width: 73.6vw;\n height: 36.53333333vw;\n padding-top: 9.6vw;\n background-size: 100% 100%;\n position: relative;\n}\n.popup-block .header .title {\n text-align: center;\n font-size: 6.4vw;\n font-family: Helvetica-Bold;\n font-weight: bold;\n padding: 0 5.33333333vw;\n color: #ffffff;\n line-height: 6.93333333vw;\n}\n.popup-block .header .tips {\n width: 24.53333333vw;\n height: 9.6vw;\n background: rgba(0, 0, 0, 0.2);\n text-align: center;\n border-radius: 1.06666667vw;\n position: absolute;\n left: 50%;\n margin-left: -12.26666667vw;\n bottom: 5.33333333vw;\n line-height: 9.6vw;\n font-size: 4.26666667vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #ffffff;\n}\n.popup-block .content {\n padding-top: 3.73333333vw;\n}\n.popup-block .content .tips-title {\n height: 6.66666667vw;\n width: fit-content;\n margin: 3.2vw auto 2.66666667vw auto;\n font-size: 4.26666667vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #91edfa;\n line-height: 6.66666667vw;\n display: block;\n border-radius: 266.66666667vw;\n padding: 0.8vw 4.8vw;\n border: 0.53333333vw solid #91EDFA;\n}\n.popup-block .content .title-content {\n word-break: break-all;\n padding: 0 4.8vw;\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 4.53333333vw;\n}\n.popup-block .content .title-content ul {\n margin: 0;\n padding: 0;\n font-size: 3.73333333vw;\n height: 15.46666667vw;\n overflow: hidden;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 5.33333333vw;\n list-style-type: none;\n}\n.popup-block .content .title-content ul:after {\n content: '';\n display: block;\n clear: both;\n}\n.popup-block .content .title-content ul li {\n width: 50%;\n float: left;\n text-align: left;\n}\n@media screen and (orientation: landscape) {\n .map {\n background: url('/static/images/map.png') no-repeat;\n background-size: 20.3898051vw 31.03448276vw;\n }\n .defultStar {\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 0;\n display: inline-block;\n }\n .right {\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 -2.99850075vw;\n display: inline-block;\n }\n .close {\n position: absolute;\n top: -1.64917541vw;\n right: -4.7976012vw;\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 -5.9970015vw;\n display: inline-block;\n }\n .actStar {\n height: 2.99850075vw;\n width: 2.99850075vw;\n background-position: 0 -8.99550225vw;\n display: inline-block;\n }\n .clock {\n height: 4.19790105vw;\n width: 4.19790105vw;\n background-position: 0 -11.994003vw;\n display: inline-block;\n }\n .money {\n height: 5.9970015vw;\n width: 5.9970015vw;\n background-position: 0 -16.19190405vw;\n display: inline-block;\n animation: dodge 1s infinite;\n }\n .goLesson {\n height: 8.84557721vw;\n width: 20.3898051vw;\n background-position: 0 -22.18890555vw;\n display: inline-block;\n margin-top: 2.24887556vw;\n margin-bottom: 1.49925037vw;\n }\n .noLesson {\n margin: 2.99850075vw;\n text-align: center;\n }\n .noLesson img {\n width: 80%;\n }\n .line {\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 2.24887556vw;\n bottom: 2.24887556vw;\n }\n .unit-block {\n box-shadow: 0vw 0.14992504vw 0.59970015vw 0vw rgba(204, 204, 204, 0.5);\n width: 100%;\n position: fixed;\n background: white;\n z-index: 2;\n top: 0;\n left: 0;\n }\n .unit-block .banner {\n display: none;\n }\n .unit-block .banner2 {\n display: block;\n }\n .unit-block .unit-li {\n width: 10.19490255vw;\n text-align: center;\n margin-top: 0.74962519vw;\n height: 8.99550225vw;\n border-radius: 1.1994003vw 1.1994003vw 0vw 0vw;\n font-size: 1.79910045vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n padding-top: 1.79910045vw;\n color: #666666;\n line-height: 2.99850075vw;\n }\n .unit-block .unit-li img {\n width: 4.19790105vw;\n height: 4.19790105vw;\n }\n .unit-block .unit-li.active {\n background: #60ADF0;\n color: #ffffff;\n }\n .lesson-block {\n display: none;\n }\n .lesson-block-hp {\n padding-top: 12.74362819vw;\n background: #eeeeee;\n height: 100vh;\n }\n .lesson-block-hp .lesson-content-hp {\n position: relative;\n margin: 0 0.74962519vw;\n max-width: 22.48875562vw;\n background: white;\n box-shadow: 0vw 0.29985007vw 0.59970015vw 0vw rgba(0, 0, 0, 0.2);\n height: calc(100vh - 20.99550225vw);\n border: 0.14992504vw solid #000;\n border-radius: 1.1994003vw;\n text-align: center;\n }\n .lesson-block-hp .lesson-content-hp .clock-hp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n border-radius: 1.1994003vw;\n line-height: calc(100vh - 20.99550225vw);\n }\n .lesson-block-hp .lesson-content-hp .lesson-day-hp {\n margin-top: 1.49925037vw;\n width: 10.7946027vw;\n border-radius: 0.59970015vw;\n border: 0.14992504vw solid #000;\n height: 3.5982009vw;\n line-height: 3.5982009vw;\n font-size: 2.09895052vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #000000;\n }\n .lesson-block-hp .lesson-content-hp .lesson-img-hp {\n margin: calc((100vh - 20.99550225vw) / 2 - 24vh) auto;\n width: 25vh;\n height: 25vh;\n border-radius: 14.99250375vw;\n overflow: hidden;\n }\n .lesson-block-hp .lesson-content-hp .lesson-img-hp img {\n height: 100%;\n }\n .lesson-block-hp .lesson-content-hp .lesson-name-hp {\n font-size: 1.79910045vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #000000;\n }\n .popup-block {\n text-align: center;\n background: white;\n border-radius: 1.1994003vw;\n width: 73.91304348vw;\n height: 36.13193403vw;\n position: relative;\n }\n .popup-block .header {\n position: absolute;\n height: auto;\n right: 0;\n top: 0;\n bottom: 0;\n padding: 0;\n margin: 0;\n width: 32.23388306vw;\n background-size: 100% 100%;\n }\n .popup-block .header .title {\n margin-top: 1.49925037vw;\n text-align: center;\n font-size: 3.5982009vw;\n font-family: Helvetica-Bold;\n font-weight: bold;\n padding: 0 2.99850075vw;\n color: #ffffff;\n line-height: 3.89805097vw;\n }\n .popup-block .header .tips {\n width: 13.79310345vw;\n height: 5.39730135vw;\n background: rgba(0, 0, 0, 0.2);\n text-align: center;\n border-radius: 0.59970015vw;\n position: absolute;\n left: 50%;\n margin-left: -6.89655172vw;\n top: 7.49625187vw;\n line-height: 5.39730135vw;\n font-size: 2.3988006vw;\n font-family: PingFang-SC-Bold;\n font-weight: bold;\n color: #ffffff;\n }\n .popup-block .content {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 41.67916042vw;\n padding: 0;\n }\n .popup-block .content .tips-title {\n height: 3.74812594vw;\n width: fit-content;\n margin: 1.79910045vw auto 1.49925037vw auto;\n font-size: 2.3988006vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #91edfa;\n line-height: 3.74812594vw;\n display: block;\n border-radius: 149.92503748vw;\n padding: 0.44977511vw 2.69865067vw;\n border: 0.29985007vw solid #91EDFA;\n }\n .popup-block .content .title-content {\n word-break: break-all;\n padding: 0 2.69865067vw;\n font-size: 2.09895052vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 2.54872564vw;\n }\n .popup-block .content .title-content ul {\n margin: 0;\n padding: 0;\n font-size: 2.09895052vw;\n height: 8.69565217vw;\n overflow: hidden;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 2.99850075vw;\n list-style-type: none;\n }\n .popup-block .content .title-content ul:after {\n content: '';\n display: block;\n clear: both;\n }\n .popup-block .content .title-content ul li {\n width: 50%;\n float: left;\n text-align: left;\n }\n .popup-block .goLesson {\n position: absolute;\n right: 5.9970015vw;\n bottom: 1.49925037vw;\n }\n}\n@keyframes dodge {\n 0% {\n transform: scale(0.9, 0.9);\n }\n 50% {\n transform: scale(1.1, 1.1);\n }\n 100% {\n transform: scale(0.9, 0.9);\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n// 精灵图\n.map{background:url('/static/images/map.png') no-repeat;background-size:136*@toVw 207*@toVw}\n.defultStar{height:20*@toVw;width:20*@toVw;background-position:0 0;;display: inline-block}\n.right{height:20*@toVw;width:20*@toVw;background-position:0 -20*@toVw;display: inline-block}\n.close{position:absolute;top:-11*@toVw;right: -32*@toVw ;height:20*@toVw;width:20*@toVw;background-position:0 -40*@toVw;display: inline-block}\n.actStar{height:20*@toVw;width:20*@toVw;background-position:0 -60*@toVw;display: inline-block}\n.clock{height:28*@toVw;width:28*@toVw;background-position:0 -80*@toVw;display: inline-block}\n.money{height:40*@toVw;width:40*@toVw;background-position:0 -108*@toVw;display: inline-block;animation: dodge 1s infinite;}\n.goLesson{height:59*@toVw;width:136*@toVw;background-position:0 -148*@toVw;display: inline-block;margin-top:15*@toVw;margin-bottom: 10*@toVw }\n// 主题列表\n.noLesson{\n margin: 20*@toVw;\n text-align: center;\n img{\n width: 80%;\n }\n}\n.line{\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 15*@toVw;\n bottom: 15*@toVw;\n}\n.unit-block{\n box-shadow:0*@toVw 1*@toVw 4*@toVw 0*@toVw rgba(204,204,204,0.5);\n width: 100%;\n position: fixed;\n background: white;\n z-index: 2;\n top: 0;\n left: 0;\n .banner2{\n display: none;\n }\n .unit-li{\n width: 68 * @toVw;\n text-align: center;\n margin-top: 2.6666vw;\n height:60 * @toVw;\n border-radius:8 * @toVw 8 * @toVw 0*@toVw 0*@toVw;\n font-size:12* @toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n padding-top: 12 * @toVw;\n color:rgba(102,102,102,1);\n line-height:20* @toVw;\n img{\n width: 28*@toVw;\n height: 28*@toVw;\n }\n &.active{\n background: #60ADF0;\n color: #ffffff;\n }\n }\n}\n// 课包样式\n.lesson-block{\n width: 100%;\n margin-top: 80*@toVw;\n padding-bottom: 50*@toVw;\n overflow: auto;\n -webkit-overflow-scrolling:touch;\n .card-block{\n box-shadow:0* @toVw 2* @toVw 5* @toVw 1* @toVw rgba(153,153,153,0.56);\n margin: 20 * @toVw;\n border-radius: 8*@toVw;\n img{\n width: 100%;\n height: 140 *@toVw;\n border-radius: 8*@toVw 8*@toVw 0 0 ;\n }\n .card-li{\n display: flex;\n justify-content: space-between;\n margin: auto;\n padding: 10 * @toVw;\n position: relative;\n border-bottom: 1 * @toVw solid #EEEEEE;\n .text-block{\n margin-left: 0;\n }\n .icon-block{\n margin: auto 0;\n }\n\n .clock-block{\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: rgba(255,255,255,0.8);\n text-align: center;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(153,153,153,1);\n padding: 10*@toVw;\n }\n .title{\n font-size:16*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(0,0,0,1);\n line-height:28*@toVw;\n\n }\n .tips{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n max-width: 170 * @toVw;\n\n overflow: hidden;\n white-space:nowrap;\n text-overflow:ellipsis;\n color:rgba(102,102,102,1);\n line-height:20*@toVw;\n }\n }\n }\n}\n// 弹窗样式\n.popup-block{\n text-align: center;\n background: white;\n border-radius: 8*@toVw;\n width: 276 * @toVw;\n .header{\n width: 276 * @toVw;\n height: 137 * @toVw;\n padding-top: 36 * @toVw;\n background-size: 100% 100%;\n position: relative;\n .title{\n text-align: center;\n font-size:24*@toVw;\n font-family:Helvetica-Bold;\n font-weight:bold;\n padding: 0 20*@toVw;\n color:rgba(255,255,255,1);\n line-height:26*@toVw;\n }\n .tips{\n width:92*@toVw;\n height:36*@toVw;\n background: rgba(0,0,0,0.2);\n text-align: center;\n border-radius: 4*@toVw;\n position: absolute;\n left: 50%;\n margin-left: -46*@toVw;\n bottom: 20*@toVw;\n line-height: 36 * @toVw;\n font-size:16*@toVw;\n font-family:PingFang-SC-Bold;\n font-weight:bold;\n color:rgba(255,255,255,1);\n }\n }\n .content{\n padding-top: 14*@toVw;\n .tips-title{\n height:25*@toVw;\n width: fit-content;\n margin: 12*@toVw auto 10*@toVw auto;\n font-size:16*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(145,237,250,1);\n line-height:25*@toVw;\n display: block;\n border-radius: 1000*@toVw;\n padding: 3*@toVw 18*@toVw;\n border: 2*@toVw solid #91EDFA;\n }\n .title-content {\n word-break: break-all;\n padding: 0 18*@toVw;\n font-size: 14*@toVw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 17*@toVw;\n ul{\n margin: 0;\n padding: 0;\n font-size:14*@toVw;\n height:58*@toVw;\n overflow: hidden;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n line-height:20*@toVw;\n list-style-type:none;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n li{\n width: 50%;\n float: left;\n text-align: left;\n }\n }\n }\n }\n}\n\n\n@media screen and (orientation: landscape) {\n @toVw:100/667vw;\n .map{background:url('/static/images/map.png') no-repeat;background-size:136*@toVw 207*@toVw}\n .defultStar{height:20*@toVw;width:20*@toVw;background-position:0 0;;display: inline-block}\n .right{height:20*@toVw;width:20*@toVw;background-position:0 -20*@toVw;display: inline-block}\n .close{position:absolute;top:-11*@toVw;right: -32*@toVw ;height:20*@toVw;width:20*@toVw;background-position:0 -40*@toVw;display: inline-block}\n .actStar{height:20*@toVw;width:20*@toVw;background-position:0 -60*@toVw;display: inline-block}\n .clock{height:28*@toVw;width:28*@toVw;background-position:0 -80*@toVw;display: inline-block}\n .money{height:40*@toVw;width:40*@toVw;background-position:0 -108*@toVw;display: inline-block;animation: dodge 1s infinite;}\n .goLesson{height:59*@toVw;width:136*@toVw;background-position:0 -148*@toVw;display: inline-block;margin-top:15*@toVw;margin-bottom: 10*@toVw }\n // 主题列表\n .noLesson{\n margin: 20*@toVw;\n text-align: center;\n img{\n width: 80%;\n }\n }\n .line{\n position: absolute;\n right: 0;\n width: 1px;\n background: #eeeeee;\n top: 15*@toVw;\n bottom: 15*@toVw;\n }\n .unit-block{\n box-shadow:0*@toVw 1*@toVw 4*@toVw 0*@toVw rgba(204,204,204,0.5);\n width: 100%;\n position: fixed;\n background: white;\n z-index: 2;\n top: 0;\n left: 0;\n .banner{\n display: none;\n }\n .banner2{\n display: block;\n }\n .unit-li{\n width: 68 * @toVw;\n text-align: center;\n margin-top: 5*@toVw;\n height:60 * @toVw;\n border-radius:8 * @toVw 8 * @toVw 0*@toVw 0*@toVw;\n font-size:12* @toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n padding-top: 12 * @toVw;\n color:rgba(102,102,102,1);\n line-height:20* @toVw;\n img{\n width: 28*@toVw;\n height: 28*@toVw;\n }\n &.active{\n background: #60ADF0;\n color: #ffffff;\n }\n }\n }\n // 课包样式\n .lesson-block{\n display: none;\n }\n .lesson-block-hp{\n padding-top: 85*@toVw;\n background: #eeeeee;\n height: 100vh;\n .lesson-content-hp{\n position: relative;\n margin: 0 5*@toVw;\n max-width: 150*@toVw;\n background: white;\n box-shadow:0*@toVw 2*@toVw 4*@toVw 0*@toVw rgba(0,0,0,0.2);\n height: calc(100vh - 20.99550225vw);\n border: 1*@toVw solid #000;\n border-radius: 8*@toVw;\n text-align: center;\n .clock-hp{\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255,255,255,0.8);\n border-radius: 8*@toVw;\n line-height: calc(100vh - 20.99550225vw);\n\n }\n .lesson-day-hp{\n margin-top: 10*@toVw;\n width: 72*@toVw;\n border-radius: 4*@toVw;\n border: 1*@toVw solid #000;\n height: 24*@toVw;\n line-height: 24*@toVw;\n font-size:14*@toVw;\n font-family:PingFang-SC-Bold;\n font-weight:bold;\n color:rgba(0,0,0,1);\n }\n .lesson-img-hp{\n margin: calc((100vh - 20.99550225vw) / 2 - 24vh) auto;\n width: 25vh;\n height: 25vh;\n border-radius: 100*@toVw;\n overflow: hidden;\n img{\n height: 100%;\n }\n }\n .lesson-name-hp{\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(0,0,0,1);\n }\n }\n }\n // 弹窗样式\n .popup-block{\n text-align: center;\n background: white;\n border-radius: 8*@toVw;\n width: 493 * @toVw;\n height: 241*@toVw;\n position: relative;\n .header{\n position: absolute;\n height: auto;\n right: 0;\n top: 0;\n bottom: 0;\n padding: 0;\n margin: 0;\n width: 215*@toVw;\n background-size: 100% 100%;\n .title{\n margin-top: 10*@toVw;\n text-align: center;\n font-size:24*@toVw;\n font-family:Helvetica-Bold;\n font-weight:bold;\n padding: 0 20*@toVw;\n color:rgba(255,255,255,1);\n line-height:26*@toVw;\n }\n .tips{\n width:92*@toVw;\n height:36*@toVw;\n background: rgba(0,0,0,0.2);\n text-align: center;\n border-radius: 4*@toVw;\n position: absolute;\n left: 50%;\n margin-left: -46*@toVw;\n top: 50*@toVw;\n line-height: 36 * @toVw;\n font-size:16*@toVw;\n font-family:PingFang-SC-Bold;\n font-weight:bold;\n color:rgba(255,255,255,1);\n }\n }\n .content{\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 278*@toVw;\n padding: 0;\n .tips-title{\n height:25*@toVw;\n width: fit-content;\n margin: 12*@toVw auto 10*@toVw auto;\n font-size:16*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(145,237,250,1);\n line-height:25*@toVw;\n display: block;\n border-radius: 1000*@toVw;\n padding: 3*@toVw 18*@toVw;\n border: 2*@toVw solid #91EDFA;\n }\n .title-content {\n word-break: break-all;\n padding: 0 18*@toVw;\n font-size: 14*@toVw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #666666;\n line-height: 17*@toVw;\n ul{\n margin: 0;\n padding: 0;\n font-size:14*@toVw;\n height:58*@toVw;\n overflow: hidden;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(102,102,102,1);\n line-height:20*@toVw;\n list-style-type:none;\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n li{\n width: 50%;\n float: left;\n text-align: left;\n }\n }\n }\n }\n .goLesson{\n position: absolute;\n right: 40*@toVw;\n bottom: 10*@toVw;\n }\n }\n}\n@keyframes dodge\n{\n 0%{\n transform:scale(0.9,0.9)\n }\n 50%{\n transform:scale(1.1,1.1)\n }\n 100%{\n transform:scale(0.9,0.9)\n }\n}\n"],sourceRoot:""}])},D3IE:function(n,t,A){(n.exports=A("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-7971dcf4] {\n float: right;\n}\n.main-block[data-v-7971dcf4] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-7971dcf4]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-7971dcf4]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-7971dcf4]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-7971dcf4]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star[data-v-7971dcf4] {\n width: 6.13333333vw;\n}\n.guide-content[data-v-7971dcf4] {\n width: 73.6vw;\n height: 124.8vw;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: -62.4vw;\n margin-left: -36.8vw;\n}\n.off[data-v-7971dcf4] {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.title[data-v-7971dcf4] {\n width: 63.2vw;\n height: 15.46666667vw;\n padding: 2.66666667vw;\n font-size: 6.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 7.73333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n text-align: center;\n top: 5.33333333vw;\n left: 2.66666667vw;\n padding-top: 2.66666667vw;\n border-radius: 2.13333333vw;\n}\n.title-test[data-v-7971dcf4] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 32vw;\n left: 29.33333333vw;\n}\n.toTitle[data-v-7971dcf4] {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide[data-v-7971dcf4] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know[data-v-7971dcf4] {\n position: absolute;\n width: 34.4vw;\n left: 50%;\n margin-left: -17.2vw;\n margin-top: -8.53333333vw;\n top: 50%;\n}\n.guide .toLesson[data-v-7971dcf4] {\n width: 12vw;\n position: absolute;\n bottom: 24vw;\n left: 24.26666667vw;\n -webkit-transform: rotate(-20deg);\n transform: rotate(-20deg);\n}\n.guide .color-red[data-v-7971dcf4] {\n color: #FF6477;\n}\n.guide .lesson-block[data-v-7971dcf4] {\n width: 134px;\n height: 57px;\n border-radius: 29px;\n border: 1px solid #ffffff;\n font-size: 20px;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 15.2vw;\n text-align: center;\n position: absolute;\n bottom: 5.33333333vw;\n left: 50%;\n margin-left: -17.86666667vw;\n}\n.guide .lesson-text[data-v-7971dcf4] {\n width: 30.4vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n bottom: 29.33333333vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/content.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/content.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC+BD;EACE,oBAAA;CD7BD;AC+BD;EACE,cAAA;EACA,gBAAA;EACA,mBAAA;EACA,UAAA;EACA,SAAA;EACA,oBAAA;EACA,qBAAA;CD7BD;AC+BD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD7BD;AC+BD;EACE,cAAA;EACA,sBAAA;EACA,sBAAA;EACA,iBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EAEA,mCAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,4BAAA;CD/BD;ACiCD;EACE,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,UAAA;EACA,oBAAA;CD/BD;ACiCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;CD/BD;ACiCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CD/BD;ACuBD;EAUI,mBAAA;EACA,cAAA;EACA,UAAA;EACA,qBAAA;EACA,0BAAA;EACA,SAAA;CD9BH;ACeD;EAkBI,YAAA;EACA,mBAAA;EACA,aAAA;EACA,oBAAA;EACA,kCAAA;UAAA,0BAAA;CD9BH;ACQD;EAyBI,eAAA;CD9BH;ACKD;EA4BI,aAAA;EACA,aAAA;EACA,oBAAA;EACA,0BAAA;EACA,gBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;EACA,qBAAA;EACA,UAAA;EACA,4BAAA;CD9BH;ACXD;EA4CI,cAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;EACA,mCAAA;CD9BH",file:"content.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star {\n width: 6.13333333vw;\n}\n.guide-content {\n width: 73.6vw;\n height: 124.8vw;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: -62.4vw;\n margin-left: -36.8vw;\n}\n.off {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.title {\n width: 63.2vw;\n height: 15.46666667vw;\n padding: 2.66666667vw;\n font-size: 6.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 7.73333333vw;\n border: 0.26666667vw solid #ffffff;\n position: absolute;\n text-align: center;\n top: 5.33333333vw;\n left: 2.66666667vw;\n padding-top: 2.66666667vw;\n border-radius: 2.13333333vw;\n}\n.title-test {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 32vw;\n left: 29.33333333vw;\n}\n.toTitle {\n width: 12vw;\n position: absolute;\n top: 29.33333333vw;\n left: 16vw;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 50%;\n margin-left: -17.2vw;\n margin-top: -8.53333333vw;\n top: 50%;\n}\n.guide .toLesson {\n width: 12vw;\n position: absolute;\n bottom: 24vw;\n left: 24.26666667vw;\n transform: rotate(-20deg);\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .lesson-block {\n width: 134px;\n height: 57px;\n border-radius: 29px;\n border: 1px solid #ffffff;\n font-size: 20px;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n line-height: 15.2vw;\n text-align: center;\n position: absolute;\n bottom: 5.33333333vw;\n left: 50%;\n margin-left: -17.86666667vw;\n}\n.guide .lesson-text {\n width: 30.4vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n bottom: 29.33333333vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.star{\n width: 23*@toVw;\n}\n.guide-content{\n width: 276*@toVw;\n height: 468*@toVw;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: -234*@toVw;\n margin-left: -138*@toVw;\n}\n.off{\n position: absolute;\n top: 9*@toVw;\n z-index: 99999;\n right: 20*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n}\n.title{\n width:237*@toVw;\n height:58*@toVw;\n padding: 10*@toVw;\n font-size:24*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(255,255,255,1);\n line-height:29*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n position: absolute;\n text-align: center;\n border-radius: 8*@toVw;\n top: 20*@toVw;\n left: 10*@toVw;\n padding-top:10*@toVw ;\n border-radius:8*@toVw;\n}\n.title-test{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n line-height:26*@toVw;\n position: absolute;\n width:144*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n text-align: center;\n top: 120*@toVw;\n left: 110*@toVw;\n}\n.toTitle{\n width: 45*@toVw;\n position: absolute;\n top: 110*@toVw;\n left: 60*@toVw ;\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background:rgba(0,0,0,0.8);\n z-index: 9999;\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 50%;\n margin-left: -64.5*@toVw;\n margin-top: -32*@toVw;\n top: 50%;\n }\n .toLesson{\n width: 45*@toVw;\n position: absolute;\n bottom: 90*@toVw;\n left: 91*@toVw;\n transform: rotate(-20deg);\n }\n .color-red{\n color: #FF6477;\n }\n .lesson-block{\n width:134px;\n height:57px;\n border-radius:29px;\n border:1px solid rgba(255,255,255,1);\n font-size:20px;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(255,255,255,1);\n line-height: 57*@toVw;\n text-align: center;\n position: absolute;\n bottom: 20*@toVw;\n left: 50%;\n margin-left: -67*@toVw;\n }\n .lesson-text{\n width:114*@toVw;\n height:26*@toVw;\n line-height: 26*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n font-size: 14*@toVw;\n border-radius:8*@toVw;\n position: absolute;\n bottom: 110*@toVw;\n left: 137*@toVw;\n text-align: center;\n border:1*@toVw solid rgba(255,255,255,1)\n }\n}\n'],sourceRoot:""}])},"M5/F":function(n,t,A){(n.exports=A("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-61381b69] {\n float: right;\n}\n.main-block[data-v-61381b69] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-61381b69]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-61381b69]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-61381b69]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-61381b69]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star[data-v-61381b69] {\n width: 6.13333333vw;\n}\n.to1[data-v-61381b69] {\n width: 13.33333333vw;\n -webkit-transform: rotate(190deg);\n transform: rotate(190deg);\n position: absolute;\n left: 48vw;\n top: 13.33333333vw;\n}\n.to2[data-v-61381b69] {\n width: 13.33333333vw;\n -webkit-transform: rotate(160deg);\n transform: rotate(160deg);\n position: absolute;\n left: 58.66666667vw;\n top: 17.33333333vw;\n}\n.to3[data-v-61381b69] {\n width: 13.33333333vw;\n -webkit-transform: rotate(140deg);\n transform: rotate(140deg);\n position: absolute;\n left: 70.66666667vw;\n top: 18.66666667vw;\n}\n.text1[data-v-61381b69] {\n position: absolute;\n top: 17.33333333vw;\n left: 8vw;\n}\n.text2[data-v-61381b69] {\n position: absolute;\n top: 24vw;\n left: 21.33333333vw;\n}\n.text3[data-v-61381b69] {\n position: absolute;\n top: 32vw;\n left: 40vw;\n}\n.off[data-v-61381b69] {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.Unit[data-v-61381b69] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n border: 0.26666667vw solid #fff;\n position: absolute;\n text-align: center;\n width: 18.4vw;\n top: 1.86666667vw;\n right: 5.33333333vw;\n padding-top: 2.66666667vw;\n height: 14.66666667vw;\n border-radius: 2.13333333vw;\n}\n.until-test[data-v-61381b69] {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 23.2vw;\n right: 26.66666667vw;\n}\n.toUntil[data-v-61381b69] {\n width: 12vw;\n position: absolute;\n top: 20.53333333vw;\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n right: 11.46666667vw;\n}\n.guide[data-v-61381b69] {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know[data-v-61381b69] {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 109.33333333vw;\n}\n.guide .toLesson[data-v-61381b69] {\n width: 12vw;\n position: absolute;\n top: 50.66666667vw;\n left: 24.26666667vw;\n}\n.guide .toLesson.unit-no[data-v-61381b69] {\n top: 32vw;\n}\n.guide .color-red[data-v-61381b69] {\n color: #FF6477;\n}\n.guide .lesson-block[data-v-61381b69] {\n width: 89.6vw;\n position: absolute;\n top: 61.33333333vw;\n left: 5.06666667vw;\n}\n.guide .lesson-block.unit-no[data-v-61381b69] {\n top: 42.66666667vw;\n}\n.guide .lesson-block img[data-v-61381b69] {\n width: 100%;\n}\n.guide .lesson-text[data-v-61381b69] {\n width: 41.06666667vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n top: 49.86666667vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .lesson-text.unit-no[data-v-61381b69] {\n top: 29.33333333vw;\n}\n.guide .go[data-v-61381b69] {\n width: 17.86666667vw;\n position: absolute;\n bottom: 67.73333333vw;\n left: 22.13333333vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/guide/map.vue","D:/myproject/new-singsingH5/src/components/guide/D:/myproject/new-singsingH5/src/components/guide/map.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACkCD;EACE,oBAAA;CDhCD;ACkCD;EACE,qBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,mBAAA;EACA,WAAA;EACA,mBAAA;CDhCD;ACkCD;EACE,qBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;CDhCD;ACkCD;EACE,qBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;CDhCD;ACkCD;EACE,mBAAA;EACA,mBAAA;EACA,UAAA;CDhCD;ACkCD;EACE,mBAAA;EACA,UAAA;EACA,oBAAA;CDhCD;ACkCD;EACE,mBAAA;EACA,UAAA;EACA,WAAA;CDhCD;ACkCD;EACE,mBAAA;EACA,WAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CDhCD;ACkCD;EACE,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,gCAAA;EACA,mBAAA;EACA,mBAAA;EAEA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,sBAAA;EACA,4BAAA;CDjCD;ACmCD;EACE,wBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;EACA,4BAAA;EACA,mCAAA;EACA,mBAAA;EACA,YAAA;EACA,qBAAA;CDjCD;ACmCD;EACE,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,qBAAA;CDjCD;ACmCD;EACE,gBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,+BAAA;EACA,cAAA;CDjCD;ACyBD;EAUI,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;CDhCH;ACmBD;EAmBI,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;CDnCH;AC6BG;EACE,UAAA;CD3BL;ACUD;EAyBI,eAAA;CDhCH;ACOD;EA+BI,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;CDnCH;AC6BG;EACE,mBAAA;CD3BL;ACFD;EAoCM,YAAA;CD/BL;ACLD;EA2CI,qBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,wBAAA;EACA,4BAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,mCAAA;CDnCH;ACqBG;EACE,mBAAA;CDnBL;ACtBD;EAyDI,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,oBAAA;CDhCH",file:"map.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n float: right;\n}\n.main-block{\n margin: 5px;\n background: white;\n padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n &:after{\n content: '';\n display: block;\n clear: both;\n }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n width:5px;\n height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n background-color:@secondary-font-color;\n border-radius: 10px;\n height: 10px;\n min-height:10px;\n}\n",".fl-r {\n float: right;\n}\n.main-block {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both:after {\n content: '';\n display: block;\n clear: both;\n}\n::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.star {\n width: 6.13333333vw;\n}\n.to1 {\n width: 13.33333333vw;\n transform: rotate(190deg);\n position: absolute;\n left: 48vw;\n top: 13.33333333vw;\n}\n.to2 {\n width: 13.33333333vw;\n transform: rotate(160deg);\n position: absolute;\n left: 58.66666667vw;\n top: 17.33333333vw;\n}\n.to3 {\n width: 13.33333333vw;\n transform: rotate(140deg);\n position: absolute;\n left: 70.66666667vw;\n top: 18.66666667vw;\n}\n.text1 {\n position: absolute;\n top: 17.33333333vw;\n left: 8vw;\n}\n.text2 {\n position: absolute;\n top: 24vw;\n left: 21.33333333vw;\n}\n.text3 {\n position: absolute;\n top: 32vw;\n left: 40vw;\n}\n.off {\n position: absolute;\n top: 2.4vw;\n z-index: 99999;\n right: 5.33333333vw;\n font-size: 3.2vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n}\n.Unit {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n border: 0.26666667vw solid #fff;\n position: absolute;\n text-align: center;\n width: 18.4vw;\n top: 1.86666667vw;\n right: 5.33333333vw;\n padding-top: 2.66666667vw;\n height: 14.66666667vw;\n border-radius: 2.13333333vw;\n}\n.until-test {\n font-size: 3.73333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n color: #ffffff;\n line-height: 6.93333333vw;\n position: absolute;\n width: 38.4vw;\n height: 6.93333333vw;\n border-radius: 2.13333333vw;\n border: 0.26666667vw solid #ffffff;\n text-align: center;\n top: 23.2vw;\n right: 26.66666667vw;\n}\n.toUntil {\n width: 12vw;\n position: absolute;\n top: 20.53333333vw;\n transform: rotate(180deg);\n right: 11.46666667vw;\n}\n.guide {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background: rgba(0, 0, 0, 0.8);\n z-index: 9999;\n}\n.guide .i-know {\n position: absolute;\n width: 34.4vw;\n left: 32.8vw;\n top: 109.33333333vw;\n}\n.guide .toLesson {\n width: 12vw;\n position: absolute;\n top: 50.66666667vw;\n left: 24.26666667vw;\n}\n.guide .toLesson.unit-no {\n top: 32vw;\n}\n.guide .color-red {\n color: #FF6477;\n}\n.guide .lesson-block {\n width: 89.6vw;\n position: absolute;\n top: 61.33333333vw;\n left: 5.06666667vw;\n}\n.guide .lesson-block.unit-no {\n top: 42.66666667vw;\n}\n.guide .lesson-block img {\n width: 100%;\n}\n.guide .lesson-text {\n width: 41.06666667vw;\n height: 6.93333333vw;\n line-height: 6.93333333vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n font-size: 3.73333333vw;\n border-radius: 2.13333333vw;\n position: absolute;\n top: 49.86666667vw;\n left: 36.53333333vw;\n text-align: center;\n border: 0.26666667vw solid #ffffff;\n}\n.guide .lesson-text.unit-no {\n top: 29.33333333vw;\n}\n.guide .go {\n width: 17.86666667vw;\n position: absolute;\n bottom: 67.73333333vw;\n left: 22.13333333vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n.star{\n width: 23*@toVw;\n}\n.to1{\n width: 50*@toVw;\n transform: rotate(190deg);\n position: absolute;\n left: 180*@toVw;\n top: 50*@toVw;\n}\n.to2{\n width: 50*@toVw;\n transform: rotate(160deg);\n position: absolute;\n left: 220*@toVw;\n top: 65*@toVw;\n}\n.to3{\n width: 50*@toVw;\n transform: rotate(140deg);\n position: absolute;\n left: 265*@toVw;\n top: 70*@toVw;\n}\n.text1{\n position: absolute;\n top: 65*@toVw;\n left: 30*@toVw;\n}\n.text2{\n position: absolute;\n top: 90*@toVw;\n left: 80*@toVw;\n}\n.text3{\n position: absolute;\n top: 120*@toVw;\n left: 150*@toVw;\n}\n.off{\n position: absolute;\n top: 9*@toVw;\n z-index: 99999;\n right: 20*@toVw;\n font-size:12*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n}\n.Unit{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n border: 1*@toVw solid #fff;\n position: absolute;\n text-align: center;\n border-radius: 8*@toVw;\n width:69*@toVw;\n top: 7*@toVw;\n right: 20*@toVw;\n padding-top:10*@toVw ;\n height:55*@toVw;\n border-radius:8*@toVw;\n}\n.until-test{\n font-size:14*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n color:rgba(255,255,255,1);\n line-height:26*@toVw;\n position: absolute;\n width:144*@toVw;\n height:26*@toVw;\n border-radius:8*@toVw;\n border:1*@toVw solid rgba(255,255,255,1);\n text-align: center;\n top: 87*@toVw;\n right: 100*@toVw;\n}\n.toUntil{\n width: 45*@toVw;\n position: absolute;\n top: 77*@toVw;\n transform: rotate(180deg);\n right: 43*@toVw ;\n}\n.guide{\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n color: white;\n background:rgba(0,0,0,0.8);\n z-index: 9999;\n .i-know{\n position: absolute;\n width: 129*@toVw;\n left: 123*@toVw;\n top: 410*@toVw;\n }\n .toLesson{\n &.unit-no{\n top: 120*@toVw;\n }\n width: 45*@toVw;\n position: absolute;\n top: 190*@toVw;\n left: 91*@toVw;\n }\n .color-red{\n color: #FF6477;\n }\n .lesson-block{\n &.unit-no{\n top: 160*@toVw;\n }\n width:336*@toVw;\n position: absolute;\n top: 230*@toVw;\n left: 19*@toVw;\n img{\n width: 100%;\n }\n }\n .lesson-text{\n &.unit-no{\n top: 110*@toVw;\n }\n width:154*@toVw;\n height:26*@toVw;\n line-height: 26*@toVw;\n font-family:PingFang-SC-Medium;\n font-weight:500;\n font-size: 14*@toVw;\n border-radius:8*@toVw;\n position: absolute;\n top: 187*@toVw;\n left: 137*@toVw;\n text-align: center;\n border:1*@toVw solid rgba(255,255,255,1)\n }\n .go{\n width: 67*@toVw;\n position: absolute;\n bottom: 254*@toVw;\n left: 83*@toVw;\n }\n}\n'],sourceRoot:""}])},"W/iF":function(n,t,A){var o=A("Bka6");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);A("rjj0")("f3c11414",o,!1,{})},WcTT:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMAzIELF133JDjlmkqJvqtsBdjutFN6G0dPlQAAAZVJREFUSMeNVVeihCAMFJAiVSxz/6M+eOrqrqDkQyOMCZNG15VkAZauXQhA2tEK0wTVDJ9BKeZWtIToewHZCNfQ+6NFNsPZRRPcwueXh21Bsz0oKTysAR7gNsUhvKPHAWbTDIbxFc4RDzWCN+Sfn38+VEKvTLCeXE6QzkW8DUZdIsqk4VS7KLDLeu6tx5qITlNuJOuOFUxk1itX8kpPKr7qmUwfUMoGIg35x6dcSBNoRM6fRkMAMnGxVRFFSz4CQD+afS+k02b285jAUUNcTmwE/AN+9BDmqzsnuGpsmMP007kyZbDSDn3K9K0RZUQsdmdlo2jkwS0jpXhakAopX0ov3zq3IENptEgMlQhgKi1PKEfMHD39LQ6mCKflyrFHad0G6TnTx/Ey6+c3pkuMywvXk6lyuc+ceuR6MO1Tew0hDIDuH7huTBkVEDblkdmkUFbl+s+UJ6N+pyBT1w+8xjUxVfkKu1T29l3k2kPs1r4qJnsTBa5LHlbrrfjYmsfbUmB6ROLXrUaB6+yqF6lyd66Pt+5n8w8jhBi/H8e3ZQAAAABJRU5ErkJggg=="},e2Pt:function(n,t,A){n.exports=A.p+"static/img/diaBG.5949dd1.png"},ohH1:function(n,t){n.exports="data:image/png;base64,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"},qmiW:function(n,t,A){n.exports=A.p+"static/img/map.cc850ff.png"},vqEA:function(n,t,A){var o=A("M5/F");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);A("rjj0")("1f74c410",o,!1,{})}});
//# sourceMappingURL=3.ba480701d0c4bd572a07.js.map
\ No newline at end of file
dev/static/js/3.ba480701d0c4bd572a07.js.map 0 → 100644
View file @ 38838cb0
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/8.d34b44eb54271674691b.js 0 → 100644
View file @ 38838cb0
webpackJsonp([8],{"/Vxk":function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=o("CCn6"),e=o("7Otq"),A=o.n(e),a=o("Au9i"),c=o("sf/l"),r={name:"bindMobile",mounted:function(){if(!localStorage.getItem("cc_token")){var n=c.a.getUrlParam().token|this.$route.query.token;localStorage.setItem("cc_token",n),this.$store.dispatch("setToken",n)}for(var t=document.getElementById("myCanvas").getContext("2d"),o=[],i=0;i<10;i++)o.push({x:750*Math.random(),y:1334*Math.random(),vx:5*Math.random(),vy:5*Math.random(),size:1+20*Math.random(),color:"#"+("0000"+(16777216*Math.random()<<0).toString(16)).slice(-6)});setInterval(function(n){t.clearRect(0,0,750,1334),o.length;for(var i,e=0;e<10;e++)(i=o[e]).x+=i.vx,i.y+=i.vy,(i.x<=0||i.x>=750)&&(i.vx*=-1),(i.y<=0||i.y>=1334)&&(i.vy*=-1),t.fillStyle=i.color,t.beginPath(),t.arc(i.x,i.y,i.size,0,2*Math.PI,!0),t.closePath(),t.fill()},40)},data:function(){return{logoUrl:A.a,mobile:"",time:0,flag:!0,imgCode:"",msgCode:"",timeSet:null}},methods:{refImgCode:function(){this.$refs.imgCode.src="/api/public/img/verify?flag="+Math.random()},sendMobileCode:function(){var n=this;if(""===this.imgCode||!this.imgCode)return Object(a.Toast)("请填写图形验证码"),!1;var t={img_code:this.imgCode};if(!this.mobile.match(/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/))return Object(a.Toast)("请正确填写手机号"),!1;t.mobile=this.mobile,this.time=30,this.timeO(),Object(i.w)(t).then(function(t){"操作成功"===t?Object(a.Toast)("验证码已发送"):(n.time=0,n.refImgCode(),Object(a.Toast)(t))}).catch(function(t){n.refImgCode()})},timeO:function(){var n=this;this.time>0&&(this.time--,setTimeout(function(){n.timeO()},1e3))},bindMobile:function(){var n=this;if(this.flag){if(this.flag=!1,""===this.msgCode||!this.msgCode)return Object(a.Toast)("请填写手机验证码"),!1;var t={verify_code:this.msgCode};if(!this.mobile.match(/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/))return Object(a.Toast)("请正确填写手机号"),!1;t.mobile=this.mobile,Object(i.a)(t).then(function(t){n.$router.push({name:"index"}),n.flag=!0}).catch(function(t){n.refImgCode(),n.flag=!0})}}}},l=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[o("canvas",{attrs:{id:"myCanvas",width:"750",height:"1334"}}),n._v(" "),o("div",{staticClass:"banner-block"},[o("img",{attrs:{src:n.logoUrl}})]),n._v(" "),o("div",{staticClass:"form-block"},[o("div",{staticClass:"input-block"},[o("div",{staticClass:"tips"},[n._v("Mobile Phone")]),n._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:n.mobile,expression:"mobile"}],attrs:{placeholder:"请输入手机号"},domProps:{value:n.mobile},on:{input:function(t){t.target.composing||(n.mobile=t.target.value)}}})]),n._v(" "),o("div",{staticClass:"input-block"},[o("div",{staticClass:"tips"},[n._v("Picture Verification")]),n._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:n.imgCode,expression:"imgCode"}],attrs:{placeholder:"请输入图片验证码"},domProps:{value:n.imgCode},on:{input:function(t){t.target.composing||(n.imgCode=t.target.value)}}}),n._v(" "),o("img",{ref:"imgCode",staticClass:"right-btn",attrs:{src:"/api/public/img/verify"},on:{click:n.refImgCode}})]),n._v(" "),o("div",{staticClass:"input-block"},[o("div",{staticClass:"tips"},[n._v("Verification Code")]),n._v(" "),o("input",{directives:[{name:"model",rawName:"v-model",value:n.msgCode,expression:"msgCode"}],attrs:{placeholder:"请输入短信验证码"},domProps:{value:n.msgCode},on:{input:function(t){t.target.composing||(n.msgCode=t.target.value)}}}),n._v(" "),0===n.time?o("button",{staticClass:"codeMsg right-btn",on:{click:n.sendMobileCode}},[n._v("发送验证码")]):n._e(),n._v(" "),n.time>0?o("button",{staticClass:"codeMsg disabled right-btn"},[n._v(n._s(n.time)+"s后重新发送")]):n._e()])]),n._v(" "),o("div",{staticClass:"btn-block"},[o("div",{staticClass:"btn",on:{click:n.bindMobile}},[n._v("\n 注册并绑定微信\n ")])])])};l._withStripped=!0;var s={render:l,staticRenderFns:[]},d=s;var b=!1;var g=o("VU/8")(r,d,!1,function(n){b||o("Zaf0")},"data-v-a8c95462",null);g.options.__file="src/components/bindMobile.vue";t.default=g.exports},"7Otq":function(n,t){n.exports="data:image/png;base64,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"},Zaf0:function(n,t,o){var i=o("v5yK");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);o("rjj0")("1d2b4f60",i,!1,{})},v5yK:function(n,t,o){(n.exports=o("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-a8c95462] {\n float: right;\n}\n.main-block[data-v-a8c95462] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-a8c95462]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-a8c95462]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-a8c95462]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-a8c95462]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.banner-block[data-v-a8c95462] {\n text-align: center;\n margin: 10.66666667vw auto;\n}\n.banner-block img[data-v-a8c95462] {\n width: 37.86666667vw;\n}\n.form-block[data-v-a8c95462] {\n padding: 5.33333333vw;\n}\n.form-block .input-block[data-v-a8c95462] {\n height: 16vw;\n border-bottom: 0.26666667vw solid #cccccc;\n margin-bottom: 5.33333333vw;\n position: relative;\n}\n.form-block .input-block .right-btn[data-v-a8c95462] {\n position: absolute;\n right: 0;\n top: 4.53333333vw;\n}\n.form-block .input-block input[data-v-a8c95462] {\n padding: 2.66666667vw 0;\n font-size: 3.73333333vw;\n background: transparent;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #000000;\n line-height: 5.33333333vw;\n outline: none;\n border: none;\n /* 使用webkit内核的浏览器 */\n /* Firefox版本4-18 */\n /* Firefox版本19+ */\n}\n.form-block .input-block input[data-v-a8c95462]::-webkit-input-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block input[data-v-a8c95462]:-moz-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block input[data-v-a8c95462]::-moz-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block input[data-v-a8c95462]:-ms-input-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block .tips[data-v-a8c95462] {\n height: 4.53333333vw;\n font-size: 3.2vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #c8ced3;\n line-height: 4.53333333vw;\n}\n.btn-block[data-v-a8c95462] {\n text-align: center;\n}\n.btn-block .btn[data-v-a8c95462] {\n width: 62.93333333vw;\n height: 9.86666667vw;\n line-height: 9.86666667vw;\n background: #60adf0;\n border-radius: 1.06666667vw;\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n}\n.codeMsg[data-v-a8c95462] {\n border-radius: 1.06666667vw;\n border: 0.26666667vw solid #60adf0;\n background: white;\n color: #60adf0;\n outline: none;\n float: right;\n padding: 2.13333333vw 4.26666667vw;\n}\n.codeMsg.disabled[data-v-a8c95462] {\n opacity: 0.5;\n}\n#myCanvas[data-v-a8c95462] {\n position: absolute;\n z-index: -1;\n opacity: 0.2;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/bindMobile.vue","D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/components/bindMobile.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;ACmJD;EACE,mBAAA;EACA,2BAAA;CDjJD;AC+ID;EAII,qBAAA;CDhJH;ACmJD;EACE,sBAAA;CDjJD;ACgJD;EAGI,aAAA;EACA,0CAAA;EACA,4BAAA;EACA,mBAAA;CDhJH;AC0ID;EAQM,mBAAA;EACA,SAAA;EACA,kBAAA;CD/IL;ACqID;EAaM,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EACA,cAAA;EACA,aAAA;ED/IJ,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;CACnB;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC2FD;EAoDM,qBAAA;EACA,iBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD5IL;ACgJD;EACE,mBAAA;CD9ID;AC6ID;EAGI,qBAAA;EACA,qBAAA;EACA,0BAAA;EACA,oBAAA;EACA,4BAAA;EAAsB,wBAAA;EACtB,iCAAA;EACA,iBAAA;EACA,eAAA;CD5IH;AC+ID;EACE,4BAAA;EACA,mCAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;EACA,aAAA;EACA,mCAAA;CD7ID;AC8IC;EACE,aAAA;CD5IH;AC+ID;EACE,mBAAA;EACA,YAAA;EACA,aAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;CD7ID",file:"bindMobile.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.banner-block {\n text-align: center;\n margin: 10.66666667vw auto;\n}\n.banner-block img {\n width: 37.86666667vw;\n}\n.form-block {\n padding: 5.33333333vw;\n}\n.form-block .input-block {\n height: 16vw;\n border-bottom: 0.26666667vw solid #cccccc;\n margin-bottom: 5.33333333vw;\n position: relative;\n}\n.form-block .input-block .right-btn {\n position: absolute;\n right: 0;\n top: 4.53333333vw;\n}\n.form-block .input-block input {\n padding: 2.66666667vw 0;\n font-size: 3.73333333vw;\n background: transparent;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #000000;\n line-height: 5.33333333vw;\n outline: none;\n border: none;\n /* 使用webkit内核的浏览器 */\n /* Firefox版本4-18 */\n /* Firefox版本19+ */\n}\n.form-block .input-block input::-webkit-input-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block input:-moz-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block input::-moz-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block input:-ms-input-placeholder {\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #cccccc;\n line-height: 5.33333333vw;\n}\n.form-block .input-block .tips {\n height: 4.53333333vw;\n font-size: 3.2vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #c8ced3;\n line-height: 4.53333333vw;\n}\n.btn-block {\n text-align: center;\n}\n.btn-block .btn {\n width: 62.93333333vw;\n height: 9.86666667vw;\n line-height: 9.86666667vw;\n background: #60adf0;\n border-radius: 1.06666667vw;\n font-size: 3.73333333vw;\n font-family: PingFangSC-Semibold;\n font-weight: 600;\n color: #ffffff;\n}\n.codeMsg {\n border-radius: 1.06666667vw;\n border: 0.26666667vw solid #60adf0;\n background: white;\n color: #60adf0;\n outline: none;\n float: right;\n padding: 2.13333333vw 4.26666667vw;\n}\n.codeMsg.disabled {\n opacity: 0.5;\n}\n#myCanvas {\n position: absolute;\n z-index: -1;\n opacity: 0.2;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.banner-block{\n text-align: center;\n margin: 40 * @toVw auto;\n img{\n width: 142 * @toVw;\n }\n}\n.form-block{\n padding: 20 * @toVw;\n .input-block{\n height: 60 * @toVw;\n border-bottom: 1*@toVw solid #cccccc;\n margin-bottom: 20 * @toVw;\n position: relative;\n .right-btn{\n position: absolute;\n right: 0;\n top: 17*@toVw;\n }\n input{\n padding: 10 * @toVw 0;\n font-size:14*@toVw;\n background: transparent;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(0,0,0,1);\n line-height:20*@toVw;\n outline: none;\n border: none;\n &::-webkit-input-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n } /* 使用webkit内核的浏览器 */\n &:-moz-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n } /* Firefox版本4-18 */\n &::-moz-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n } /* Firefox版本19+ */\n &:-ms-input-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n }\n }\n .tips{\n height:17*@toVw;\n font-size:12*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(200,206,211,1);\n line-height:17*@toVw;\n }\n }\n}\n.btn-block{\n text-align: center;\n .btn{\n width: 236 * @toVw;\n height: 37 * @toVw;\n line-height: 37 * @toVw;\n background:rgba(96,173,240,1);\n border-radius:4*@toVw;font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(255,255,255,1);\n }\n}\n.codeMsg{\n border-radius:4*@toVw;\n border:1*@toVw solid rgba(96,173,240,1);\n background: white;\n color: rgb(96,173,240);\n outline: none;\n float: right;\n padding: 8*@toVw 16*@toVw;\n &.disabled{\n opacity: 0.5;\n }\n}\n#myCanvas{\n position: absolute;\n z-index: -1;\n opacity: 0.2;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 375 * @toVw;\n}\n'],sourceRoot:""}])}});
//# sourceMappingURL=8.d34b44eb54271674691b.js.map
\ No newline at end of file
dev/static/js/8.d34b44eb54271674691b.js.map 0 → 100644
View file @ 38838cb0
{"version":3,"sources":["webpack:///src/components/bindMobile.vue","webpack:///./src/components/bindMobile.vue?8062","webpack:///./src/components/bindMobile.vue","webpack:///./src/assets/logo.png","webpack:///./src/components/bindMobile.vue?3902","webpack:///./src/components/bindMobile.vue?d562"],"names":["components_bindMobile","name","mounted","localStorage","getItem","token","common","getUrlParam","this","$route","query","setItem","$store","dispatch","context","document","getElementById","getContext","particles","i","push","x","Math","random","y","vx","vy","size","color","toString","slice","setInterval","e","clearRect","length","particle","fillStyle","beginPath","arc","PI","closePath","fill","data","logoUrl","logo_default","a","mobile","time","flag","imgCode","msgCode","timeSet","methods","refImgCode","$refs","src","sendMobileCode","_this","Object","mint_ui_common","json","img_code","match","timeO","api","then","res","catch","_this2","setTimeout","bindMobile","_this3","verify_code","$router","render","_vm","_h","$createElement","_c","_self","attrs","id","width","height","_v","staticClass","directives","rawName","value","expression","placeholder","domProps","on","input","$event","target","composing","ref","click","_e","_s","_withStripped","esExports","staticRenderFns","selectortype_template_index_0_src_components_bindMobile","disposed","Component","__webpack_require__","normalizeComponent","ssrContext","options","__file","__webpack_exports__","module","exports","content","locals","version","sources","names","mappings","file","sourcesContent","sourceRoot"],"mappings":"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","file":"static/js/8.d34b44eb54271674691b.js","sourcesContent":["<template>\n <div>\n <canvas id=\"myCanvas\" width=\"750\" height=\"1334\"></canvas>\n <div class=\"banner-block\">\n <img :src=\"logoUrl\">\n </div>\n <div class=\"form-block\">\n <div class=\"input-block\">\n <div class=\"tips\">Mobile Phone</div>\n <input placeholder=\"请输入手机号\" v-model=\"mobile\"/>\n </div>\n <div class=\"input-block\">\n <div class=\"tips\">Picture Verification</div>\n <input placeholder=\"请输入图片验证码\" v-model=\"imgCode\"/>\n <img src=\"/api/public/img/verify\" class=\"right-btn\" ref=\"imgCode\" @click=\"refImgCode\"/>\n </div>\n <div class=\"input-block\">\n <div class=\"tips\">Verification Code</div>\n <input placeholder=\"请输入短信验证码\" v-model=\"msgCode\"/>\n <button class=\"codeMsg right-btn\" @click=\"sendMobileCode\" v-if=\"time===0\">发送验证码</button>\n <button class=\"codeMsg disabled right-btn\" v-if=\"time>0\">{{time}}s后重新发送</button>\n </div>\n </div>\n <div class=\"btn-block\">\n <div class=\"btn\" @click=\"bindMobile\">\n 注册并绑定微信\n </div>\n </div>\n </div>\n</template>\n\n<script>\n import {sendMobileCodeApi,bindMobileApi} from \"../service/api\";\n import logoUrl from '../assets/logo.png'\n import { Toast } from 'mint-ui';\n import common from '../util/common'\n export default {\n name: \"bindMobile\",\n mounted(){\n if(!localStorage.getItem('cc_token')){\n let token = common.getUrlParam().token | this.$route.query.token;\n localStorage.setItem('cc_token',token);\n this.$store.dispatch('setToken',token);\n }\n var canvas = document.getElementById(\"myCanvas\");\n var context = canvas.getContext(\"2d\");\n var particles = [];\n for(var i = 0; i < 10; i++){\n particles.push({ //雪花在x y 上的位置和速度，以及雪花的大小和颜色\n x: Math.random()*750,\n y: Math.random()*1334,\n vx: (Math.random()*5),\n vy: (Math.random()*5),\n size: 1+Math.random()*20,\n // color: \"#FFF\"\n color:'#'+('0000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6)\n });\n }\n\n function timeUpdata(e){\n /*清楚画布区域*/\n context.clearRect(0,0,750,1334);\n /*逐一绘制500片雪花*/\n var len = particles.length;\n var particle;\n for(var i = 0; i < 10; i++){\n particle = particles[i];\n particle.x += particle.vx;\n particle.y += particle.vy;\n\n if(particle.x<=0 || particle.x>=750){\n particle.vx *= -1;\n }\n if(particle.y<=0 || particle.y>=1334){\n particle.vy *= -1;\n }\n context.fillStyle = particle.color; //设置雪花的颜色\n context.beginPath();\n context.arc(particle.x,particle.y,particle.size,0,Math.PI*2,true);\n context.closePath();\n context.fill();// 填充颜色\n }\n }\n\n setInterval(timeUpdata, 40);//每40ms执行一次timeUpdate函数\n },\n data(){\n return {\n logoUrl:logoUrl,\n mobile:'',\n time:0,\n flag:true,\n imgCode:'',\n msgCode:'',\n timeSet:null,\n }\n },\n methods:{\n refImgCode(){\n this.$refs.imgCode.src='/api/public/img/verify?flag='+Math.random()\n },\n sendMobileCode(){\n if(this.imgCode===''||!this.imgCode){\n Toast('请填写图形验证码');\n return false;\n }\n let json={\n img_code:this.imgCode\n };\n\n let mobileCheck = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\\d{8}$/;\n if(this.mobile.match(mobileCheck)){\n json.mobile = this.mobile\n }else{\n Toast('请正确填写手机号');\n return false\n }\n this.time=30;\n this.timeO();\n sendMobileCodeApi(json).then(res=>{\n if(res === '操作成功'){\n Toast('验证码已发送');\n }else{\n this.time = 0;\n this.refImgCode();\n Toast(res);\n }\n }).catch(res=>{\n this.refImgCode();\n })\n },\n timeO(){\n if(this.time>0){\n this.time--;\n setTimeout(()=>{\n this.timeO()\n },1000)\n }\n },\n bindMobile(){\n if(this.flag){\n this.flag = false;\n if(this.msgCode===''||!this.msgCode) {\n Toast('请填写手机验证码');\n return false;\n }\n let json={\n verify_code:this.msgCode\n };\n let mobileCheck = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\\d{8}$/;\n if(this.mobile.match(mobileCheck)){\n json.mobile = this.mobile\n }else{\n Toast('请正确填写手机号');\n return false\n }\n bindMobileApi(json).then(res=>{\n this.$router.push({name:'index'})\n this.flag = true\n }).catch(res=>{\n this.refImgCode();\n this.flag = true\n })\n }\n\n }\n }\n }\n</script>\n\n<style scoped lang=\"less\">\n @import \"../util/public\";\n .banner-block{\n text-align: center;\n margin: 40 * @toVw auto;\n img{\n width: 142 * @toVw;\n }\n }\n .form-block{\n padding: 20 * @toVw;\n .input-block{\n height: 60 * @toVw;\n border-bottom: 1*@toVw solid #cccccc;\n margin-bottom: 20 * @toVw;\n position: relative;\n .right-btn{\n position: absolute;\n right: 0;\n top: 17*@toVw;\n }\n input{\n padding: 10 * @toVw 0;\n font-size:14*@toVw;\n background: transparent;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(0,0,0,1);\n line-height:20*@toVw;\n outline: none;\n border: none;\n &::-webkit-input-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n } /* 使用webkit内核的浏览器 */\n &:-moz-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n } /* Firefox版本4-18 */\n &::-moz-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n } /* Firefox版本19+ */\n &:-ms-input-placeholder{\n font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(204,204,204,1);\n line-height:20*@toVw;\n }\n }\n .tips{\n height:17*@toVw;\n font-size:12*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(200,206,211,1);\n line-height:17*@toVw;\n }\n }\n }\n .btn-block{\n text-align: center;\n .btn{\n width: 236 * @toVw;\n height: 37 * @toVw;\n line-height: 37 * @toVw;\n background:rgba(96,173,240,1);\n border-radius:4*@toVw;font-size:14*@toVw;\n font-family:PingFangSC-Semibold;\n font-weight:600;\n color:rgba(255,255,255,1);\n }\n }\n .codeMsg{\n border-radius:4*@toVw;\n border:1*@toVw solid rgba(96,173,240,1);\n background: white;\n color: rgb(96,173,240);\n outline: none;\n float: right;\n padding: 8*@toVw 16*@toVw;\n &.disabled{\n opacity: 0.5;\n }\n }\n #myCanvas{\n position: absolute;\n z-index: -1;\n opacity: 0.2;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 375 * @toVw;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/bindMobile.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 _c(\"canvas\", { attrs: { id: \"myCanvas\", width: \"750\", height: \"1334\" } }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"banner-block\" }, [\n _c(\"img\", { attrs: { src: _vm.logoUrl } })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"form-block\" }, [\n _c(\"div\", { staticClass: \"input-block\" }, [\n _c(\"div\", { staticClass: \"tips\" }, [_vm._v(\"Mobile Phone\")]),\n _vm._v(\" \"),\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.mobile,\n expression: \"mobile\"\n }\n ],\n attrs: { placeholder: \"请输入手机号\" },\n domProps: { value: _vm.mobile },\n on: {\n input: function($event) {\n if ($event.target.composing) {\n return\n }\n _vm.mobile = $event.target.value\n }\n }\n })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"input-block\" }, [\n _c(\"div\", { staticClass: \"tips\" }, [_vm._v(\"Picture Verification\")]),\n _vm._v(\" \"),\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.imgCode,\n expression: \"imgCode\"\n }\n ],\n attrs: { placeholder: \"请输入图片验证码\" },\n domProps: { value: _vm.imgCode },\n on: {\n input: function($event) {\n if ($event.target.composing) {\n return\n }\n _vm.imgCode = $event.target.value\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"img\", {\n ref: \"imgCode\",\n staticClass: \"right-btn\",\n attrs: { src: \"/api/public/img/verify\" },\n on: { click: _vm.refImgCode }\n })\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"input-block\" }, [\n _c(\"div\", { staticClass: \"tips\" }, [_vm._v(\"Verification Code\")]),\n _vm._v(\" \"),\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.msgCode,\n expression: \"msgCode\"\n }\n ],\n attrs: { placeholder: \"请输入短信验证码\" },\n domProps: { value: _vm.msgCode },\n on: {\n input: function($event) {\n if ($event.target.composing) {\n return\n }\n _vm.msgCode = $event.target.value\n }\n }\n }),\n _vm._v(\" \"),\n _vm.time === 0\n ? _c(\n \"button\",\n {\n staticClass: \"codeMsg right-btn\",\n on: { click: _vm.sendMobileCode }\n },\n [_vm._v(\"发送验证码\")]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.time > 0\n ? _c(\"button\", { staticClass: \"codeMsg disabled right-btn\" }, [\n _vm._v(_vm._s(_vm.time) + \"s后重新发送\")\n ])\n : _vm._e()\n ])\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"btn-block\" }, [\n _c(\"div\", { staticClass: \"btn\", on: { click: _vm.bindMobile } }, [\n _vm._v(\"\\n 注册并绑定微信\\n \")\n ])\n ])\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-a8c95462\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-a8c95462\",\"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/bindMobile.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-a8c95462\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./bindMobile.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!./bindMobile.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./bindMobile.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-a8c95462\\\",\\\"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!./bindMobile.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-a8c95462\"\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/bindMobile.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-a8c95462\", Component.options)\n } else {\n hotAPI.reload(\"data-v-a8c95462\", 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/bindMobile.vue\n// module id = null\n// module chunks = ","module.exports = \"data:image/png;base64,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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/logo.png\n// module id = 7Otq\n// module chunks = 8","// 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-a8c95462\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./bindMobile.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\")(\"1d2b4f60\", 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-a8c95462\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./bindMobile.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-a8c95462\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./bindMobile.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-a8c95462\",\"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/bindMobile.vue\n// module id = Zaf0\n// module chunks = 8","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-a8c95462] {\\n float: right;\\n}\\n.main-block[data-v-a8c95462] {\\n margin: 5px;\\n background: white;\\n padding: 5px;\\n}\\n.clear-both[data-v-a8c95462]:after {\\n content: '';\\n display: block;\\n clear: both;\\n}\\n[data-v-a8c95462]::-webkit-scrollbar-track-piece {\\n border-radius: 10px;\\n}\\n[data-v-a8c95462]::-webkit-scrollbar {\\n width: 5px;\\n height: 5px;\\n}\\n[data-v-a8c95462]::-webkit-scrollbar-thumb {\\n background-color: #999;\\n border-radius: 10px;\\n height: 10px;\\n min-height: 10px;\\n}\\n.banner-block[data-v-a8c95462] {\\n text-align: center;\\n margin: 10.66666667vw auto;\\n}\\n.banner-block img[data-v-a8c95462] {\\n width: 37.86666667vw;\\n}\\n.form-block[data-v-a8c95462] {\\n padding: 5.33333333vw;\\n}\\n.form-block .input-block[data-v-a8c95462] {\\n height: 16vw;\\n border-bottom: 0.26666667vw solid #cccccc;\\n margin-bottom: 5.33333333vw;\\n position: relative;\\n}\\n.form-block .input-block .right-btn[data-v-a8c95462] {\\n position: absolute;\\n right: 0;\\n top: 4.53333333vw;\\n}\\n.form-block .input-block input[data-v-a8c95462] {\\n padding: 2.66666667vw 0;\\n font-size: 3.73333333vw;\\n background: transparent;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #000000;\\n line-height: 5.33333333vw;\\n outline: none;\\n border: none;\\n /* 使用webkit内核的浏览器 */\\n /* Firefox版本4-18 */\\n /* Firefox版本19+ */\\n}\\n.form-block .input-block input[data-v-a8c95462]::-webkit-input-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block input[data-v-a8c95462]:-moz-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block input[data-v-a8c95462]::-moz-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block input[data-v-a8c95462]:-ms-input-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block .tips[data-v-a8c95462] {\\n height: 4.53333333vw;\\n font-size: 3.2vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #c8ced3;\\n line-height: 4.53333333vw;\\n}\\n.btn-block[data-v-a8c95462] {\\n text-align: center;\\n}\\n.btn-block .btn[data-v-a8c95462] {\\n width: 62.93333333vw;\\n height: 9.86666667vw;\\n line-height: 9.86666667vw;\\n background: #60adf0;\\n border-radius: 1.06666667vw;\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #ffffff;\\n}\\n.codeMsg[data-v-a8c95462] {\\n border-radius: 1.06666667vw;\\n border: 0.26666667vw solid #60adf0;\\n background: white;\\n color: #60adf0;\\n outline: none;\\n float: right;\\n padding: 2.13333333vw 4.26666667vw;\\n}\\n.codeMsg.disabled[data-v-a8c95462] {\\n opacity: 0.5;\\n}\\n#myCanvas[data-v-a8c95462] {\\n position: absolute;\\n z-index: -1;\\n opacity: 0.2;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n width: 100vw;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/util/public.less\",\"D:/myproject/new-singsingH5/src/components/bindMobile.vue\",\"D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/components/bindMobile.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;ACmJD;EACE,mBAAA;EACA,2BAAA;CDjJD;AC+ID;EAII,qBAAA;CDhJH;ACmJD;EACE,sBAAA;CDjJD;ACgJD;EAGI,aAAA;EACA,0CAAA;EACA,4BAAA;EACA,mBAAA;CDhJH;AC0ID;EAQM,mBAAA;EACA,SAAA;EACA,kBAAA;CD/IL;ACqID;EAaM,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;EACA,cAAA;EACA,aAAA;ED/IJ,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;CACnB;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC6IK;EACE,wBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD3IP;AC2FD;EAoDM,qBAAA;EACA,iBAAA;EACA,iCAAA;EACA,iBAAA;EACA,eAAA;EACA,0BAAA;CD5IL;ACgJD;EACE,mBAAA;CD9ID;AC6ID;EAGI,qBAAA;EACA,qBAAA;EACA,0BAAA;EACA,oBAAA;EACA,4BAAA;EAAsB,wBAAA;EACtB,iCAAA;EACA,iBAAA;EACA,eAAA;CD5IH;AC+ID;EACE,4BAAA;EACA,mCAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;EACA,aAAA;EACA,mCAAA;CD7ID;AC8IC;EACE,aAAA;CD5IH;AC+ID;EACE,mBAAA;EACA,YAAA;EACA,aAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;CD7ID\",\"file\":\"bindMobile.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.banner-block {\\n text-align: center;\\n margin: 10.66666667vw auto;\\n}\\n.banner-block img {\\n width: 37.86666667vw;\\n}\\n.form-block {\\n padding: 5.33333333vw;\\n}\\n.form-block .input-block {\\n height: 16vw;\\n border-bottom: 0.26666667vw solid #cccccc;\\n margin-bottom: 5.33333333vw;\\n position: relative;\\n}\\n.form-block .input-block .right-btn {\\n position: absolute;\\n right: 0;\\n top: 4.53333333vw;\\n}\\n.form-block .input-block input {\\n padding: 2.66666667vw 0;\\n font-size: 3.73333333vw;\\n background: transparent;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #000000;\\n line-height: 5.33333333vw;\\n outline: none;\\n border: none;\\n /* 使用webkit内核的浏览器 */\\n /* Firefox版本4-18 */\\n /* Firefox版本19+ */\\n}\\n.form-block .input-block input::-webkit-input-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block input:-moz-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block input::-moz-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block input:-ms-input-placeholder {\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #cccccc;\\n line-height: 5.33333333vw;\\n}\\n.form-block .input-block .tips {\\n height: 4.53333333vw;\\n font-size: 3.2vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #c8ced3;\\n line-height: 4.53333333vw;\\n}\\n.btn-block {\\n text-align: center;\\n}\\n.btn-block .btn {\\n width: 62.93333333vw;\\n height: 9.86666667vw;\\n line-height: 9.86666667vw;\\n background: #60adf0;\\n border-radius: 1.06666667vw;\\n font-size: 3.73333333vw;\\n font-family: PingFangSC-Semibold;\\n font-weight: 600;\\n color: #ffffff;\\n}\\n.codeMsg {\\n border-radius: 1.06666667vw;\\n border: 0.26666667vw solid #60adf0;\\n background: white;\\n color: #60adf0;\\n outline: none;\\n float: right;\\n padding: 2.13333333vw 4.26666667vw;\\n}\\n.codeMsg.disabled {\\n opacity: 0.5;\\n}\\n#myCanvas {\\n position: absolute;\\n z-index: -1;\\n opacity: 0.2;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n width: 100vw;\\n}\\n\",\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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.banner-block{\\n text-align: center;\\n margin: 40 * @toVw auto;\\n img{\\n width: 142 * @toVw;\\n }\\n}\\n.form-block{\\n padding: 20 * @toVw;\\n .input-block{\\n height: 60 * @toVw;\\n border-bottom: 1*@toVw solid #cccccc;\\n margin-bottom: 20 * @toVw;\\n position: relative;\\n .right-btn{\\n position: absolute;\\n right: 0;\\n top: 17*@toVw;\\n }\\n input{\\n padding: 10 * @toVw 0;\\n font-size:14*@toVw;\\n background: transparent;\\n font-family:PingFangSC-Semibold;\\n font-weight:600;\\n color:rgba(0,0,0,1);\\n line-height:20*@toVw;\\n outline: none;\\n border: none;\\n &::-webkit-input-placeholder{\\n font-size:14*@toVw;\\n font-family:PingFangSC-Semibold;\\n font-weight:600;\\n color:rgba(204,204,204,1);\\n line-height:20*@toVw;\\n } /* 使用webkit内核的浏览器 */\\n &:-moz-placeholder{\\n font-size:14*@toVw;\\n font-family:PingFangSC-Semibold;\\n font-weight:600;\\n color:rgba(204,204,204,1);\\n line-height:20*@toVw;\\n } /* Firefox版本4-18 */\\n &::-moz-placeholder{\\n font-size:14*@toVw;\\n font-family:PingFangSC-Semibold;\\n font-weight:600;\\n color:rgba(204,204,204,1);\\n line-height:20*@toVw;\\n } /* Firefox版本19+ */\\n &:-ms-input-placeholder{\\n font-size:14*@toVw;\\n font-family:PingFangSC-Semibold;\\n font-weight:600;\\n color:rgba(204,204,204,1);\\n line-height:20*@toVw;\\n }\\n }\\n .tips{\\n height:17*@toVw;\\n font-size:12*@toVw;\\n font-family:PingFangSC-Semibold;\\n font-weight:600;\\n color:rgba(200,206,211,1);\\n line-height:17*@toVw;\\n }\\n }\\n}\\n.btn-block{\\n text-align: center;\\n .btn{\\n width: 236 * @toVw;\\n height: 37 * @toVw;\\n line-height: 37 * @toVw;\\n background:rgba(96,173,240,1);\\n border-radius:4*@toVw;font-size:14*@toVw;\\n font-family:PingFangSC-Semibold;\\n font-weight:600;\\n color:rgba(255,255,255,1);\\n }\\n}\\n.codeMsg{\\n border-radius:4*@toVw;\\n border:1*@toVw solid rgba(96,173,240,1);\\n background: white;\\n color: rgb(96,173,240);\\n outline: none;\\n float: right;\\n padding: 8*@toVw 16*@toVw;\\n &.disabled{\\n opacity: 0.5;\\n }\\n}\\n#myCanvas{\\n position: absolute;\\n z-index: -1;\\n opacity: 0.2;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n width: 375 * @toVw;\\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-a8c95462\",\"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/bindMobile.vue\n// module id = v5yK\n// module chunks = 8"],"sourceRoot":""}
\ No newline at end of file
dev/static/js/manifest.ad69b2172b4848ee909a.js 0 → 100644
View file @ 38838cb0
!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:"da4864f81ccf457ab516",1:"4f08b431dc20b51a1896",2:"200c08870d91dd7064b0",3:"ba480701d0c4bd572a07",4:"2a1ed845f5ffb998c7bc",5:"bbb87395fdecb0367966",6:"3e2065223f37d1a9e048",7:"2be225fb52236d3876ed",8:"d34b44eb54271674691b",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.ad69b2172b4848ee909a.js.map
\ No newline at end of file
dev/static/js/manifest.ad69b2172b4848ee909a.js.map 0 → 100644
View file @ 38838cb0
{"version":3,"sources":["webpack:///webpack/bootstrap ee2f72534e4cec18361c"],"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.ad69b2172b4848ee909a.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\":\"da4864f81ccf457ab516\",\"1\":\"4f08b431dc20b51a1896\",\"2\":\"200c08870d91dd7064b0\",\"3\":\"ba480701d0c4bd572a07\",\"4\":\"2a1ed845f5ffb998c7bc\",\"5\":\"bbb87395fdecb0367966\",\"6\":\"3e2065223f37d1a9e048\",\"7\":\"2be225fb52236d3876ed\",\"8\":\"d34b44eb54271674691b\",\"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 ee2f72534e4cec18361c"],"sourceRoot":""}
\ No newline at end of file
src/components/bindMobile.vue
View file @ 38838cb0
...@@ -89,6 +89,7 @@ ...@@ -89,6 +89,7 @@
logoUrl:logoUrl, logoUrl:logoUrl,
mobile:'', mobile:'',
time:0, time:0,
flag:true,
imgCode:'', imgCode:'',
msgCode:'', msgCode:'',
timeSet:null, timeSet:null,
...@@ -137,25 +138,31 @@ ...@@ -137,25 +138,31 @@
} }
}, },
bindMobile(){ bindMobile(){
if(this.msgCode===''||!this.msgCode) { if(this.flag){
Toast('请填写手机验证码'); this.flag = false;
return false; if(this.msgCode===''||!this.msgCode) {
} Toast('请填写手机验证码');
let json={ return false;
verify_code:this.msgCode }
}; let json={
let mobileCheck = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/; verify_code:this.msgCode
if(this.mobile.match(mobileCheck)){ };
json.mobile = this.mobile let mobileCheck = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/;
}else{ if(this.mobile.match(mobileCheck)){
Toast('请正确填写手机号'); json.mobile = this.mobile
return false }else{
Toast('请正确填写手机号');
return false
}
bindMobileApi(json).then(res=>{
this.$router.push({name:'index'})
this.flag = true
}).catch(res=>{
this.refImgCode();
this.flag = true
})
} }
bindMobileApi(json).then(res=>{
this.$router.push({name:'index'})
}).catch(res=>{
this.refImgCode();
})
} }
} }
} }
......
src/components/map/index.vue
View file @ 38838cb0
...@@ -27,6 +27,32 @@ ...@@ -27,6 +27,32 @@
</div> </div>
</swiper-slide> </swiper-slide>
</swiper> </swiper>
<swiper :options="swiperOption2" class="banner2" v-if="$route.query.course_type==0" ref="mySwiper2">
<swiper-slide v-for="(data,index) in unitList" :key="index">
<div class="line"></div>
<div :class="{'unit-li':true,active:data.category_id == parent_category_id}" @click="changeCateGory(data,data.category_id == parent_category_id)">
<div>
<img :src="data.category_cover">
</div>
{{data.category_name}}
</div>
</swiper-slide>
<swiper-slide v-if="more">
<div class="line"></div>
<div class="unit-li">
<div>
<img :src="nextUnitUrl">
</div>
<span style="color: #cccccc">敬请期待</span>
</div>
</swiper-slide>
<swiper-slide v-for="a in 6-unitList.length > 0 ? 6-unitList.length : 0" :key="a*10">
<div class="unit-li">
<div>
</div>
</div>
</swiper-slide>
</swiper>
</div> </div>
<div class="lesson-block"> <div class="lesson-block">
<div v-if="noLesson" class="noLesson"> <div v-if="noLesson" class="noLesson">
...@@ -62,6 +88,22 @@ ...@@ -62,6 +88,22 @@
</div> </div>
</div> </div>
</div> </div>
<div class="lesson-block-hp">
<swiper :options="swiperOptionLesson" class="lesson-sw" ref="mySwiperLesson">
<swiper-slide v-for="(item,x) in hpLessonList" :key="x">
<div class="lesson-content-hp" @click="showDia(item)">
<div class="clock-hp" v-if="item.push_time === '0000-00-00'">
尚未开课
</div>
<div class="lesson-day-hp">{{item.dayText}}</div>
<div class="lesson-img-hp"><img :src="item.cover"></div>
<div class="lesson-name-hp">
{{item.sub_title}}
</div>
</div>
</swiper-slide>
</swiper>
</div>
<guide-content v-if="popupVisible && thisLesson"/> <guide-content v-if="popupVisible && thisLesson"/>
<mt-popup <mt-popup
v-model="popupVisible" style="background: transparent"> v-model="popupVisible" style="background: transparent">
...@@ -137,6 +179,7 @@ ...@@ -137,6 +179,7 @@
lessonList:[], lessonList:[],
lesson:'', lesson:'',
noLesson:false, noLesson:false,
hpLessonList:[],
thisLesson:null, thisLesson:null,
swiperOption: { swiperOption: {
slidesPerView:4, slidesPerView:4,
...@@ -151,6 +194,22 @@ ...@@ -151,6 +194,22 @@
el: '.swiper-pagination' el: '.swiper-pagination'
} }
}, },
swiperOption2: {
slidesPerView:7,
on: {
slideChangeTransitionStart: function(){
if(this.activeIndex == that.swiper2.slides.length - 7 && that.more){
that.swiper2.slidePrev();
}
},
},
pagination: {
el: '.swiper-pagination'
}
},
swiperOptionLesson:{
slidesPerView:4,
}
} }
}, },
mounted(){ mounted(){
...@@ -169,6 +228,16 @@ ...@@ -169,6 +228,16 @@
return '' return ''
} }
}, },
swiper2() {
if(this.$route.query.course_type == 0){
return this.$refs.mySwiper2.swiper
}else {
return ''
}
},
swiperLesson() {
return this.$refs.mySwiperLesson.swiper
},
splitContent(){ splitContent(){
let arr = []; let arr = [];
if(this.thisLesson.content.tips.title1_content){ if(this.thisLesson.content.tips.title1_content){
...@@ -241,9 +310,6 @@ ...@@ -241,9 +310,6 @@
// 显示课程弹窗 // 显示课程弹窗
showDia(data,i){ showDia(data,i){
if(data.push_time !== '0000-00-00'){ if(data.push_time !== '0000-00-00'){
Indicator.open({
spinnerType: 'triple-bounce'
});
getLessonDetailApi(this.periods_id,data.id,data.ele_id).then(res=>{ getLessonDetailApi(this.periods_id,data.id,data.ele_id).then(res=>{
res.content = JSON.parse(res.content); res.content = JSON.parse(res.content);
this.thisLesson = res; this.thisLesson = res;
...@@ -251,7 +317,6 @@ ...@@ -251,7 +317,6 @@
this.thisLesson.domTitle = data.name; this.thisLesson.domTitle = data.name;
this.thisLesson.day = i; this.thisLesson.day = i;
this.popupVisible=true; this.popupVisible=true;
Indicator.close();
}) })
}else{ }else{
Toast('课程还未开始哦') Toast('课程还未开始哦')
...@@ -277,6 +342,7 @@ ...@@ -277,6 +342,7 @@
} }
this.$nextTick(()=>{ this.$nextTick(()=>{
let index=null; let index=null;
let index2 = null;
this.unitList.forEach((i,x)=>{ this.unitList.forEach((i,x)=>{
if(i.category_id ==this.parent_category_id){ if(i.category_id ==this.parent_category_id){
if(x>3){ if(x>3){
...@@ -284,22 +350,35 @@ ...@@ -284,22 +350,35 @@
}else{ }else{
index = x index = x
} }
if(x>6){
index2 = x-6
}else{
index2 = x
}
} }
}); });
this.swiper.slideTo(index, 800, false) this.swiper.slideTo(index, 800, false);
this.swiper2.slideTo(index2, 800, false)
}) })
}) })
}, },
getLessonList(data){ getLessonList(data){
getLessonListApi(this.periods_id+'/v2',{category_id:this.parent_category_id}).then(res=>{ getLessonListApi(this.periods_id+'/v2',{category_id:this.parent_category_id}).then(res=>{
this.lessonList=[]; this.lessonList=[];
this.hpLessonList = [];
if(res.list.length<1){ if(res.list.length<1){
this.noLesson = true this.noLesson = true
}else{ }else{
this.noLesson = false this.noLesson = false
} }
let list = []; let list = [];
let x = 0;
for(let i = 0; i < res.list.length; i ++ ){ for(let i = 0; i < res.list.length; i ++ ){
if(res.list[i].push_time !== '0000-00-00'){
x++
}
if(res.list[i].name.indexOf('Day1')>-1 && list.length > 0){ if(res.list[i].name.indexOf('Day1')>-1 && list.length > 0){
this.lessonList.push(list); this.lessonList.push(list);
list = []; list = [];
...@@ -310,7 +389,12 @@ ...@@ -310,7 +389,12 @@
this.lessonList.push(list); this.lessonList.push(list);
} }
} }
res.list[i].dayText = 'DAY '+list.length;
this.hpLessonList.push(res.list[i])
} }
this.$nextTick(()=>{
this.swiperLesson.slideTo(x-1)
});
if(!data){ if(!data){
this.$nextTick(()=>{ this.$nextTick(()=>{
if(this.$route.query.category_id){ if(this.$route.query.category_id){
...@@ -396,6 +480,9 @@ ...@@ -396,6 +480,9 @@
z-index: 2; z-index: 2;
top: 0; top: 0;
left: 0; left: 0;
.banner2{
display: none;
}
.unit-li{ .unit-li{
width: 68 * @toVw; width: 68 * @toVw;
text-align: center; text-align: center;
...@@ -542,8 +629,8 @@ ...@@ -542,8 +629,8 @@
.title-content { .title-content {
word-break: break-all; word-break: break-all;
padding: 0 18*@toVw; padding: 0 18*@toVw;
font-size: 12*@toVw; font-size: 14*@toVw;
font-family: PingFang-SC-Regular; font-family: PingFang-SC-Medium;
font-weight: 500; font-weight: 500;
color: #666666; color: #666666;
line-height: 17*@toVw; line-height: 17*@toVw;
...@@ -574,6 +661,232 @@ ...@@ -574,6 +661,232 @@
} }
@media screen and (orientation: landscape) {
@toVw:100/667vw;
.map{background:url('/static/images/map.png') no-repeat;background-size:136*@toVw 207*@toVw}
.defultStar{height:20*@toVw;width:20*@toVw;background-position:0 0;;display: inline-block}
.right{height:20*@toVw;width:20*@toVw;background-position:0 -20*@toVw;display: inline-block}
.close{position:absolute;top:-11*@toVw;right: -32*@toVw ;height:20*@toVw;width:20*@toVw;background-position:0 -40*@toVw;display: inline-block}
.actStar{height:20*@toVw;width:20*@toVw;background-position:0 -60*@toVw;display: inline-block}
.clock{height:28*@toVw;width:28*@toVw;background-position:0 -80*@toVw;display: inline-block}
.money{height:40*@toVw;width:40*@toVw;background-position:0 -108*@toVw;display: inline-block;animation: dodge 1s infinite;}
.goLesson{height:59*@toVw;width:136*@toVw;background-position:0 -148*@toVw;display: inline-block;margin-top:15*@toVw;margin-bottom: 10*@toVw }
// 主题列表
.noLesson{
margin: 20*@toVw;
text-align: center;
img{
width: 80%;
}
}
.line{
position: absolute;
right: 0;
width: 1px;
background: #eeeeee;
top: 15*@toVw;
bottom: 15*@toVw;
}
.unit-block{
box-shadow:0*@toVw 1*@toVw 4*@toVw 0*@toVw rgba(204,204,204,0.5);
width: 100%;
position: fixed;
background: white;
z-index: 2;
top: 0;
left: 0;
.banner{
display: none;
}
.banner2{
display: block;
}
.unit-li{
width: 68 * @toVw;
text-align: center;
margin-top: 5*@toVw;
height:60 * @toVw;
border-radius:8 * @toVw 8 * @toVw 0*@toVw 0*@toVw;
font-size:12* @toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
padding-top: 12 * @toVw;
color:rgba(102,102,102,1);
line-height:20* @toVw;
img{
width: 28*@toVw;
height: 28*@toVw;
}
&.active{
background: #60ADF0;
color: #ffffff;
}
}
}
// 课包样式
.lesson-block{
display: none;
}
.lesson-block-hp{
padding-top: 85*@toVw;
background: #eeeeee;
height: 100vh;
.lesson-content-hp{
position: relative;
margin: 0 5*@toVw;
max-width: 150*@toVw;
background: white;
box-shadow:0*@toVw 2*@toVw 4*@toVw 0*@toVw rgba(0,0,0,0.2);
height: calc(100vh - 20.99550225vw);
border: 1*@toVw solid #000;
border-radius: 8*@toVw;
text-align: center;
.clock-hp{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,0.8);
border-radius: 8*@toVw;
line-height: calc(100vh - 20.99550225vw);
}
.lesson-day-hp{
margin-top: 10*@toVw;
width: 72*@toVw;
border-radius: 4*@toVw;
border: 1*@toVw solid #000;
height: 24*@toVw;
line-height: 24*@toVw;
font-size:14*@toVw;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(0,0,0,1);
}
.lesson-img-hp{
margin: calc((100vh - 20.99550225vw) / 2 - 24vh) auto;
width: 25vh;
height: 25vh;
border-radius: 100*@toVw;
overflow: hidden;
img{
height: 100%;
}
}
.lesson-name-hp{
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(0,0,0,1);
}
}
}
// 弹窗样式
.popup-block{
text-align: center;
background: white;
border-radius: 8*@toVw;
width: 493 * @toVw;
height: 241*@toVw;
position: relative;
.header{
position: absolute;
height: auto;
right: 0;
top: 0;
bottom: 0;
padding: 0;
margin: 0;
width: 215*@toVw;
background-size: 100% 100%;
.title{
margin-top: 10*@toVw;
text-align: center;
font-size:24*@toVw;
font-family:Helvetica-Bold;
font-weight:bold;
padding: 0 20*@toVw;
color:rgba(255,255,255,1);
line-height:26*@toVw;
}
.tips{
width:92*@toVw;
height:36*@toVw;
background: rgba(0,0,0,0.2);
text-align: center;
border-radius: 4*@toVw;
position: absolute;
left: 50%;
margin-left: -46*@toVw;
top: 50*@toVw;
line-height: 36 * @toVw;
font-size:16*@toVw;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(255,255,255,1);
}
}
.content{
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 278*@toVw;
padding: 0;
.tips-title{
height:25*@toVw;
width: fit-content;
margin: 12*@toVw auto 10*@toVw auto;
font-size:16*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(145,237,250,1);
line-height:25*@toVw;
display: block;
border-radius: 1000*@toVw;
padding: 3*@toVw 18*@toVw;
border: 2*@toVw solid #91EDFA;
}
.title-content {
word-break: break-all;
padding: 0 18*@toVw;
font-size: 14*@toVw;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: #666666;
line-height: 17*@toVw;
ul{
margin: 0;
padding: 0;
font-size:14*@toVw;
height:58*@toVw;
overflow: hidden;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
line-height:20*@toVw;
list-style-type:none;
&:after{
content: '';
display: block;
clear: both;
}
li{
width: 50%;
float: left;
text-align: left;
}
}
}
}
.goLesson{
position: absolute;
right: 40*@toVw;
bottom: 10*@toVw;
}
}
}
@keyframes dodge @keyframes dodge
{ {
0%{ 0%{
......
src/components/newLesson/audio.vue
View file @ 38838cb0
<template> <template>
<div> <div class="audio-page">
<div class="content" v-if="showObj.audio"> <div class="content" v-if="showObj.audio">
<audio ref="audio" @durationchange="canPlay" @play="playing()" :src="showObj.audio[index].url+($store.state.isMobile?'?avvod/m3u8/ab/128k':'')"></audio> <audio ref="audio" @durationchange="canPlay" @play="playing()" :src="showObj.audio[index].url"></audio>
<div class="image-block" @click="imgPop=true"> <div class="hp-left">
<img :src="showObj.audio[index].image"> <div class="hp-top">
</div> <div class="image-block" @click="imgPop=true">
<div class="title-block"> <img :src="showObj.audio[index].image">
<div class="title"> </div>
{{showObj.audio[index].title}} <div>
</div> <div class="title-block">
<div class="tips"> <div class="title">
{{showObj.audio[index].tips}} {{showObj.audio[index].title}}
</div>
<div class="tips">
{{showObj.audio[index].tips}}
</div>
</div>
<div class="btn-group hp">
<i class="playImage list" @click="popupVisible=!popupVisible"></i>
<i class="playImage last" @click="lastOne()"></i>
<i class="playImage play" v-if="!playFlag" @click="onPlay"></i>
<i class="playImage stop" v-if="playFlag" @click="onStop"></i>
<i class="playImage next" @click="nextOne()"></i>
<i :class="{playImage:true,replay:playType===1,replayAll:playType===0,listPlay:playType==2}" @click="changeType()"></i>
</div>
</div>
</div> </div>
</div> <div class="range-block">
<div class="range-block"> <div class="time-block">
<div class="time-block"> <div class="left-time">{{startTime}}</div>
<div class="left-time">{{startTime}}</div> <div class="right-time">{{overTime}}</div>
<div class="right-time">{{overTime}}</div> </div>
<input type="range" min="0" :max="offset" v-model="range" :style="{backgroundSize:`${offset?range/offset*100:0}% 100%`}"/>
</div> </div>
<input type="range" min="0" :max="offset" v-model="range" :style="{backgroundSize:`${offset?range/offset*100:0}% 100%`}"/>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<i class="playImage list" @click="popupVisible=!popupVisible"></i> <i class="playImage list" @click="popupVisible=!popupVisible"></i>
...@@ -37,6 +51,11 @@ ...@@ -37,6 +51,11 @@
<div @click="contentData.age = 1">0-3岁<i class="playImage _282918034425091245" v-if="contentData.age === 1"></i></div> <div @click="contentData.age = 1">0-3岁<i class="playImage _282918034425091245" v-if="contentData.age === 1"></i></div>
<div @click="contentData.age = 2">4-6岁<i class="playImage _282918034425091245" v-if="contentData.age === 2"></i></div> <div @click="contentData.age = 2">4-6岁<i class="playImage _282918034425091245" v-if="contentData.age === 2"></i></div>
</div> </div>
<div v-if="showObj.change" class="change-block-HP" @click="contentData.type = 'video'">
<div class="">
<img :src="tapToVideo"/>
</div>
</div>
<div v-if="showObj.change" class="change-block"> <div v-if="showObj.change" class="change-block">
<div @click="contentData.type = 'video'">视频教学</div> <div @click="contentData.type = 'video'">视频教学</div>
<div class="active" >音频教学</div> <div class="active" >音频教学</div>
...@@ -70,6 +89,7 @@ ...@@ -70,6 +89,7 @@
<script> <script>
import { Toast } from 'mint-ui'; import { Toast } from 'mint-ui';
import guideBlock from '../guide/audio' import guideBlock from '../guide/audio'
import tapToVideo from '../../assets/tapToVideo.png'
export default { export default {
name: "fun", name: "fun",
props:[ props:[
...@@ -91,6 +111,7 @@ ...@@ -91,6 +111,7 @@
audio:null, audio:null,
change:false change:false
}, },
tapToVideo:tapToVideo,
playFlag:false, playFlag:false,
offset:0, offset:0,
timer:null, timer:null,
...@@ -334,7 +355,7 @@ ...@@ -334,7 +355,7 @@
overflow: auto; overflow: auto;
margin: auto; margin: auto;
display: block; display: block;
border-radius: 8px; border-radius: 8*@toVw;
text-align: center; text-align: center;
padding: 10*@toVw; padding: 10*@toVw;
.image-block{ .image-block{
...@@ -368,7 +389,7 @@ ...@@ -368,7 +389,7 @@
width: 237 * @toVw; width: 237 * @toVw;
margin-top: 16*@toVw; margin-top: 16*@toVw;
.time-block{ .time-block{
font-size:12px; font-size:12*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
font-weight:500; font-weight:500;
color:rgba(102,102,102,1); color:rgba(102,102,102,1);
...@@ -417,13 +438,16 @@ ...@@ -417,13 +438,16 @@
margin-top: 20*@toVw; margin-top: 20*@toVw;
width: 200*@toVw; width: 200*@toVw;
display: flex; display: flex;
&.hp{
display: none;
}
} }
} }
.list-popup{ .list-popup{
width: 375*@toVw; width: 375*@toVw;
max-height: 345*@toVw; max-height: 345*@toVw;
overflow: auto; overflow: auto;
border-radius: 8px 8px 0 0; border-radius: 8*@toVw 8*@toVw 0 0;
background: white; background: white;
padding-top: 20*@toVw; padding-top: 20*@toVw;
.list-block{ .list-block{
...@@ -431,7 +455,7 @@ ...@@ -431,7 +455,7 @@
width: auto; width: auto;
margin: 0 20*@toVw; margin: 0 20*@toVw;
padding:12*@toVw 36*@toVw; padding:12*@toVw 36*@toVw;
border-bottom: 1px solid #dddddd; border-bottom: 1*@toVw solid #dddddd;
&.active{ &.active{
color: #49E2A5; color: #49E2A5;
} }
...@@ -471,7 +495,7 @@ ...@@ -471,7 +495,7 @@
width: 66*@toVw; width: 66*@toVw;
border-radius: 8*@toVw; border-radius: 8*@toVw;
border: 1*@toVw solid #666666; border: 1*@toVw solid #666666;
font-size:12px; font-size:12*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
font-weight:500; font-weight:500;
color:rgba(102,102,102,1); color:rgba(102,102,102,1);
...@@ -486,7 +510,7 @@ ...@@ -486,7 +510,7 @@
.change-block{ .change-block{
border-radius: 1000*@toVw; border-radius: 1000*@toVw;
width: 144*@toVw; width: 144*@toVw;
border:1px solid #40A9FF; border:1*@toVw solid #40A9FF;
&:after{ &:after{
content: ''; content: '';
display: block; display: block;
...@@ -496,7 +520,7 @@ ...@@ -496,7 +520,7 @@
float: left; float: left;
width: 50%; width: 50%;
border-radius: 100*@toVw; border-radius: 100*@toVw;
font-size:12px; font-size:12*@toVw;
height: 28*@toVw; height: 28*@toVw;
line-height: 28*@toVw; line-height: 28*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
...@@ -509,4 +533,215 @@ ...@@ -509,4 +533,215 @@
} }
} }
} }
.change-block-HP{
display: none;
}
@media screen and (orientation: landscape) {
@toVw:100/667vw;
.playImage{background:url('/static/images/playImage.png?v=2') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}
._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}
._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}
.last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}
.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}
.replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}
.next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}
.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}
.list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}
.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}
.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}
.play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}
.stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}
.audio-page{
position: absolute;
top: 5*@toVw;
bottom: 5*@toVw;
left: 5*@toVw;
right: 5*@toVw;
overflow: auto;
border-radius:8*@toVw;
.content{
position: static;
height: 100%;
width: 100%;
display: flex;
border-radius: 8*@toVw;
padding: 0;
.hp-left{
flex: 1;
margin-right: 20*@toVw;
.hp-top{
display: flex;
width: 100%;
}
}
.image-block{
width: 150*@toVw;
height: 150*@toVw;
box-shadow: 0 0 30*@toVw 5*@toVw #ddd;
overflow: hidden;
display: block;
margin: auto;
border-radius: 8*@toVw;
img{
width: 100%;
}
}
.title-block{
margin-top: 24*@toVw;
.title{
font-size:16*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.tips{
font-size:14*@toVw;
margin-top: 6*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(153,153,153,1);
}
}
.range-block{
width: auto;
margin-top: 16*@toVw;
.time-block{
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
text-align: left;
&:after{
content: '';
display: block;
clear: both;
}
.left-time{
float: left;
}
.right-time{
float: right;
}
}
input[type=range] {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-appearance: none;
background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;
background-size: 75% 100%;/*设置左右宽度比例*/
width: 100%;
border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}
input[type=range]::-webkit-slider-runnable-track {
height: 4*@toVw;
border-radius: 2*@toVw ;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border-radius: 50%; /*外观设置为圆形*/
height: 16*@toVw;
width: 16*@toVw;
margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/
background: #49E2A5;
}
}
.btn-group{
margin-top: 15vh;
display: none;
width: 200*@toVw;
&.hp{
display: flex;
}
}
}
.list-popup{
width: 375*@toVw;
max-height: 345*@toVw;
overflow: auto;
border-radius: 8*@toVw 8*@toVw 0 0;
background: white;
padding-top: 20*@toVw;
.list-block{
display: block;
width: auto;
margin: 0 20*@toVw;
padding:12*@toVw 36*@toVw;
border-bottom: 1*@toVw solid #dddddd;
&.active{
color: #49E2A5;
}
}
.close-btn{
text-align: center;
padding: 20*@toVw;
}
}
.imgPop-block{
max-height: 500*@toVw;
overflow: auto;
img{
max-width: 300*@toVw;
}
}
.btn-block{
position:relative;
min-width:90*@toVw ;
margin-top: 0;
display: block;
height: 100%;
.age-block{
display: block;
position: static;
padding: 0;
height: 28*@toVw;
width: 88*@toVw;
line-height: 28*@toVw;
border: 1*@toVw solid #666;
border-radius: 100*@toVw;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.age-change-block{
position: static;
width: 80*@toVw;
margin-top: 10*@toVw;
border-radius: 8*@toVw;
border: 1*@toVw solid #666666;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
&>div{
padding: 6*@toVw 11*@toVw;
text-align: left;
&:first-child{
border-bottom: 1*@toVw solid #eee;
}
}
}
.change-block-HP{
position: absolute;
bottom: 0;
display: block;
width: 78*@toVw;
img{
width: 100%;
}
}
.change-block{
display: none;
}
}
}
}
</style> </style>
src/components/newLesson/index.vue
View file @ 38838cb0
<template> <template>
<div class="newLesson"> <div class="newLesson">
<!--竖屏导航-->
<div class="header" v-if="!nowLesson.old"> <div class="header" v-if="!nowLesson.old">
<i class="lessonHeader home" @click="backList"></i> <i class="lessonHeader home" @click="backList"></i>
<i :class="{lessonHeader:true, defaultLook:nowShow !== 1,look:nowShow===1}" @click="changeTitle(1)"></i> <i :class="{lessonHeader:true, defaultLook:nowShow !== 1,look:nowShow===1}" @click="changeTitle(1)"></i>
<i :class="{lessonHeader:true, defaultPlay:nowShow !== 2,play:nowShow===2}" @click="changeTitle(2)"></i> <i :class="{lessonHeader:true, defaultPlay:nowShow !== 2,play:nowShow===2}" @click="changeTitle(2)"></i>
<i :class="{lessonHeader:true, defaultFun:nowShow !== 3,fun:nowShow===3}" @click="changeTitle(3)"></i> <i :class="{lessonHeader:true, defaultFun:nowShow !== 3,fun:nowShow===3}" @click="changeTitle(3)"></i>
</div> </div>
<!--横屏导航-->
<div class="header-h"> <div class="header-h">
<i :class="{headerHP:true, defaultLook:nowShow !== 1,lookHP:nowShow===1}" @click="changeTitle(1)"></i> <i :class="{headerHP:true, defaultLook:nowShow !== 1,lookHP:nowShow===1}" @click="changeTitle(1)"></i>
<i :class="{headerHP:true, defaultPlay:nowShow !== 2,playHP:nowShow===2}" @click="changeTitle(2)"></i> <i :class="{headerHP:true, defaultPlay:nowShow !== 2,playHP:nowShow===2}" @click="changeTitle(2)"></i>
<i :class="{headerHP:true, defaultFun:nowShow !== 3,funHP:nowShow===3}" @click="changeTitle(3)"></i> <i :class="{headerHP:true, defaultFun:nowShow !== 3,funHP:nowShow===3}" @click="changeTitle(3)"></i>
<i class="lessonHeader home" @click="backList"></i> <i class="headerHP home" @click="backList"></i>
</div> </div>
<!--老课包返回按钮-->
<img :src="backUrl" v-if="nowLesson.old" @click="backList" class="backImg"> <img :src="backUrl" v-if="nowLesson.old" @click="backList" class="backImg">
<div class="header-h"> <!--内容-->
<div class="header-list active"> <div :class="{'index-content-block':true,radius:nowShow !== 1}">
<i class="index-h look-h"></i>
</div>
<div class="header-list">
<i class="index-h play-h"></i>
</div>
<div class="header-list">
<i class="index-h fun-h"></i>
</div>
<div class="header-list">
<i class="index-h home-h"></i>
</div>
</div>
<div class="index-content-block">
<look-block v-if="nowLesson.type === 'text'" :contentData="nowLesson"/> <look-block v-if="nowLesson.type === 'text'" :contentData="nowLesson"/>
<video-block v-if="nowLesson.type === 'video'" :contentData="nowLesson" :nowShow="nowShow"/> <video-block v-if="nowLesson.type === 'video'" :contentData="nowLesson" :nowShow="nowShow"/>
<audio-block v-if="nowLesson.type === 'audio'" :contentData="nowLesson"/> <audio-block v-if="nowLesson.type === 'audio'" :contentData="nowLesson"/>
...@@ -170,6 +160,59 @@ ...@@ -170,6 +160,59 @@
} }
@media screen and (orientation: landscape) { @media screen and (orientation: landscape) {
@toVw:100/667vw;
.lessonHeader{
display: none;
}
.header{
display: none;
}
.actBanKuai{
background-color: white;
border: 1*@toVw solid transparent;
border-left-color: black;
border-top-color: black;
border-bottom-color: black;
border-radius: 8*@toVw 0 0 8*@toVw;
}
.headerHP{
background:url('/static/images/index-h.png') no-repeat;
background-size:62*@toVw 434*@toVw;
display: inline-block;
&.lookHP{height:62*@toVw;width:62*@toVw;background-position:0 0;.actBanKuai}
&.defaultPlay{height:62*@toVw;width:62*@toVw;background-position:0 -62*@toVw;}
&.playHP{height:62*@toVw;width:62*@toVw;background-position:0 -124*@toVw;.actBanKuai}
&.defaultLook{height:62*@toVw;width:62*@toVw;background-position:0 -186*@toVw;}
&.home{height:62*@toVw;width:62*@toVw;background-position:0 -248*@toVw;}
&.defaultFun{height:62*@toVw;width:62*@toVw;background-position:0 -310*@toVw;}
&.funHP{height:62*@toVw;width:62*@toVw;background-position:0 -372*@toVw;.actBanKuai}
}
.header-h{
display: block;
width: 62*@toVw;
position: absolute;
left: 17.5*@toVw;
top: 20*@toVw;
z-index: 2;
.headerHP{
display: block;
}
}
.index-content-block{
position: absolute;
top: 20*@toVw;
left: 80*@toVw;
right: 20*@toVw;
bottom: 20*@toVw;
background: white;
border: 1*@toVw solid #000;
border-radius: 0 8*@toVw 8*@toVw 8*@toVw;
&.radius{
border-radius: 8*@toVw;
}
}
} }
</style> </style>
src/components/newLesson/look.vue
View file @ 38838cb0
...@@ -59,6 +59,33 @@ ...@@ -59,6 +59,33 @@
padding: 10*@toVw; padding: 10*@toVw;
} }
} }
@media screen and (orientation: landscape) {
@toVw:100/667vw;
.look-content{
position: absolute;
top: 20*@toVw;
bottom: 20*@toVw;
left: 20*@toVw;
right: 20*@toVw;
background:rgba(255,255,255,1);
box-shadow:inset 0*@toVw 1*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.2);
overflow: auto;
border-radius:8*@toVw;
padding: 20*@toVw;
.content{
width: 300*@toVw;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
border-radius: 8px;
padding: 10*@toVw;
}
}
}
</style> </style>
<style> <style>
.old-content img,.old-content video{ .old-content img,.old-content video{
......
src/components/newLesson/video.vue
View file @ 38838cb0
...@@ -8,15 +8,29 @@ ...@@ -8,15 +8,29 @@
<div class="video-block" v-for="data in showObj.video"> <div class="video-block" v-for="data in showObj.video">
<video :src="data.url" controls :poster="data.url+'?vframe/jpg/offset/3'"></video> <video :src="data.url" controls :poster="data.url+'?vframe/jpg/offset/3'"></video>
</div> </div>
<div class="video-block hp-video" v-if="showObj.video[videoIndex]">
<video :src="showObj.video[videoIndex].url" controls :poster="showObj.video[videoIndex].url+'?vframe/jpg/offset/3'"></video>
</div>
<div class="btn-block"> <div class="btn-block">
<div v-if="contentData.content.age" class="age-block" @click="ageShow = !ageShow"> <div v-if="contentData.content.age" class="age-block" @click="ageShow = !ageShow">
<div v-if="contentData.age === 1">0-3岁<i class="playImage _154722344142123489"></i></div> <div v-if="contentData.age === 1">0-3岁<i class="playImage _154722344142123489"></i></div>
<div v-if="contentData.age === 2">4-6岁<i class="playImage _154722344142123489"></i></div> <div v-if="contentData.age === 2">4-6岁<i class="playImage _154722344142123489"></i></div>
</div> </div>
<div v-if="showObj.video.length > 1" class="age-block" @click="videoShow = !videoShow">
<div>视频({{videoIndex+1}})<i class="playImage _154722344142123489"></i></div>
</div>
<div class="age-change-block" v-show="videoShow" v-if="showObj.video.length > 1">
<div @click="videoIndex= index;videoShow=false" v-for="(item,index) in showObj.video">视频({{index+1}})<i :class="{'playImage _282918034425091245':index === videoIndex}" v-if="contentData.age === 1"></i></div>
</div>
<div class="age-change-block" v-show="ageShow" v-if="contentData.content.age"> <div class="age-change-block" v-show="ageShow" v-if="contentData.content.age">
<div @click="contentData.age = 1;ageShow=false">0-3岁<i class="playImage _282918034425091245" v-if="contentData.age === 1"></i></div> <div @click="contentData.age = 1;ageShow=false">0-3岁<i class="playImage _282918034425091245" v-if="contentData.age === 1"></i></div>
<div @click="contentData.age = 2;ageShow=false">4-6岁<i class="playImage _282918034425091245" v-if="contentData.age === 2"></i></div> <div @click="contentData.age = 2;ageShow=false">4-6岁<i class="playImage _282918034425091245" v-if="contentData.age === 2"></i></div>
</div> </div>
<div v-if="showObj.change" class="change-block-HP" @click="changeAudio()">
<div class="">
<img :src="imgURL.tapToAudio"/>
</div>
</div>
<div v-if="showObj.change" class="change-block"> <div v-if="showObj.change" class="change-block">
<div class="active">视频教学</div> <div class="active">视频教学</div>
<div @click="changeAudio()">音频教学</div> <div @click="changeAudio()">音频教学</div>
...@@ -32,6 +46,7 @@ ...@@ -32,6 +46,7 @@
import luolacoming from '../../assets/newLesson/luoLacoming.png' import luolacoming from '../../assets/newLesson/luoLacoming.png'
import luolalaila from '../../assets/newLesson/luolalaila.png' import luolalaila from '../../assets/newLesson/luolalaila.png'
import guideBlock from '../guide/video' import guideBlock from '../guide/video'
import tapToAudio from '../../assets/tapToAudio.png'
export default { export default {
name: "play", name: "play",
components:{ components:{
...@@ -44,9 +59,12 @@ ...@@ -44,9 +59,12 @@
video:[], video:[],
change:false change:false
}, },
videoShow:false,
videoIndex:0,
imgURL:{ imgURL:{
luolacoming:luolacoming, luolacoming:luolacoming,
luolalaila:luolalaila luolalaila:luolalaila,
tapToAudio:tapToAudio
} }
} }
}, },
...@@ -115,6 +133,9 @@ ...@@ -115,6 +133,9 @@
border: 1*@toVw solid #666; border: 1*@toVw solid #666;
border-radius: 12*@toVw; border-radius: 12*@toVw;
padding: 8*@toVw; padding: 8*@toVw;
&.hp-video{
display: none;
}
video{ video{
width: 100%; width: 100%;
margin: 0; margin: 0;
...@@ -186,4 +207,100 @@ ...@@ -186,4 +207,100 @@
} }
} }
} }
.change-block-HP{
display: none;
}
@media screen and (orientation: landscape) {
@toVw:100/667vw;
.video-page{
position: absolute;
top: 5*@toVw;
bottom: 5*@toVw;
left: 5*@toVw;
right: 5*@toVw;
background:rgba(255,255,255,1);
overflow: auto;
border-radius:8*@toVw;
.content{
position: static;
height: 100%;
width: 100%;
display: flex;
border-radius: 8px;
padding: 0;
.header{
display: none;
}
.video-block{
display: none;
&.hp-video{
display: inline-block;
margin: 0 10*@toVw 0 0;
border: none;
height: 100%;
border-radius: 12*@toVw;
padding: 0;
}
video{
height: 100%;
margin: auto;
width: auto;
display: block;
background:rgba(0,0,0,0.4);
border-radius:8*@toVw;
}
}
.btn-block{
position:relative;
min-width:90*@toVw ;
display: block;
height: 100%;
.age-block{
display: block;
position: static;
padding: 0;
height: 28*@toVw;
width: 88*@toVw;
line-height: 28*@toVw;
border: 1*@toVw solid #666;
border-radius: 100*@toVw;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.age-change-block{
position: static;
width: 80*@toVw;
margin-top: 10*@toVw;
border-radius: 8*@toVw;
border: 1*@toVw solid #666666;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
&>div{
padding: 6*@toVw 11*@toVw;
text-align: left;
&:first-child{
border-bottom: 1*@toVw solid #eee;
}
}
}
.change-block-HP{
position: absolute;
bottom: 0;
display: block;
width: 78*@toVw;
img{
width: 100%;
}
}
.change-block{
display: none;
}
}
}
}
}
</style> </style>
src/components/public/bottomTab.vue
View file @ 38838cb0
...@@ -56,4 +56,36 @@ ...@@ -56,4 +56,36 @@
} }
@media screen and (orientation: landscape) {
@toVw:100/667vw;
.bottom-tab{
width: 667*@toVw;
height: 48*@toVw;
position: fixed;
left: 0;
bottom: 0;
box-shadow:0px -1px 2px 0px rgba(204,204,204,0.5);
padding: 0 6*@toVw;
display: flex;
font-size:10px;
font-family:PingFang-SC-Medium;
text-align: center;
font-weight:normal;
color:#ccc;
line-height:14px;
z-index: 30;
background: white;
&>div{
width: 50%;
}
.left{
border-right: 1px solid #eeeeee;
}
.actived{
color: #6EB1FF;
}
}
}
</style> </style>
static/images/index-h.png
View replaced file @ 396517dd View file @ 38838cb0
static/images/index-h.png

10.1 KB | W: | H:

static/images/index-h.png

38.5 KB | W: | H:

static/images/index-h.png
static/images/index-h.png
static/images/index-h.png
static/images/index-h.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment