Skip to content

H
h5-base
Commit 00679ada authored by wangwei's avatar wangwei
Browse files
Options

新课包编写

parent 297827bb
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 446 additions and 141 deletions
config/index.js
View file @ 00679ada
...@@ -12,8 +12,8 @@ module.exports = { ...@@ -12,8 +12,8 @@ module.exports = {
assetsPublicPath: '/', assetsPublicPath: '/',
proxyTable: { proxyTable: {
'/api': { '/api': {
// target: 'http://local.base-api.sing.com', // 接口的域名 target: 'http://local.base-api.sing.com', // 接口的域名
target: 'https://wechat-test.changchangenglish.com', // target: 'https://wechat-test.changchangenglish.com',
changeOrigin: true, // 如果接口跨域，需要进行这个参数配置 changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
} }
}, },
......
dev/index.html
View file @ 00679ada
...@@ -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 src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.312fc1e3635af4233954.js></script><script type=text/javascript src=/static/js/vendor.f0bc50a715dde12aa04f.js></script><script type=text/javascript src=/static/js/app.a2b532084f76a79db2c2.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 src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.936e712068d08d04bfa2.js></script><script type=text/javascript src=/static/js/vendor.f0bc50a715dde12aa04f.js></script><script type=text/javascript src=/static/js/app.97760ad7dc972d97be55.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dev/static/cache/demo.appcache 0 → 100644
View file @ 00679ada
CACHE MANIFEST
# 2010-06-18:v2
CACHE:
NETWORK:
https://cdn.singsingenglish.com/
FALLBACK:
dev/static/js/0.ad13957c89d0030bbd6a.js 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/0.ad13957c89d0030bbd6a.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/11.ca4a07a64fd4e5deca27.js 0 → 100644
View file @ 00679ada
webpackJsonp([11],{OBPd:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.author[data-v-1bb02e1b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100vh;\n font-size: 1.8rem;\n}\n.author > .img[data-v-1bb02e1b] {\n width: 50vw;\n height: 50vw;\n background-size: 100% 100%;\n}\n.author .reload[data-v-1bb02e1b] {\n font-size: 1.2rem;\n color: #199be0;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/components/author.vue","D:/myproject/new-singsingH5/src/components/author.vue"],names:[],mappings:";AAsCA;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,6BAAA;EAAA,8BAAA;MAAA,6BAAA;UAAA,yBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,wBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,cAAA;EACA,kBAAA;CCrCD;ADsCC;EACE,YAAA;EACA,aAAA;EACA,2BAAA;CCpCH;AD0BD;EAaI,kBAAA;EACA,eAAA;CCpCH",file:"author.vue",sourcesContent:["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.author {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n height: 100vh;\n font-size: 1.8rem;\n &>.img {\n width: 50vw;\n height: 50vw;\n background-size: 100% 100%;\n }\n .reload {\n font-size: 1.2rem;\n color: #199be0;\n }\n}\n",".author {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n height: 100vh;\n font-size: 1.8rem;\n}\n.author > .img {\n width: 50vw;\n height: 50vw;\n background-size: 100% 100%;\n}\n.author .reload {\n font-size: 1.2rem;\n color: #199be0;\n}\n"],sourceRoot:""}])},TSGa:function(n,e,t){var o=t("OBPd");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);t("rjj0")("fbc9f3da",o,!1,{})},VAx7:function(n,e,t){n.exports=t.p+"static/img/authorLoading.39aaada.png"},"sA+T":function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=t("VAx7"),r=t.n(o),i={name:"author",data:function(){return{loadingUrl:r.a}},created:function(){this.$route.query&&this.$route.query.retUrl?localStorage.setItem("retUrl",this.$route.query.retUrl):localStorage.setItem("retUrl",""),this.$route.query&&this.$route.query.is_new_user_url?window.location.href="https://wechat-test.changchangenglish.com/api/client/login?redirect_url=https://wechat-test.changchangenglish.com":(localStorage.setItem("retUrl",""),window.location.href="https://wechat-test.changchangenglish.com/api/client/login?redirect_url=https://wechat-test.changchangenglish.com&is_new_user_url=1")},methods:{onPageReload:function(){window.location.reload()}}},a=function(){var n=this.$createElement,e=this._self._c||n;return e("div",{staticClass:"author"},[e("div",{staticClass:"img",style:{backgroundImage:"url("+this.loadingUrl+")"}}),this._v(" "),e("p",[this._v("正在加载中......")]),this._v(" "),e("p",{staticClass:"reload",attrs:{click:this.onPageReload}},[this._v("点击重新加载")])])};a._withStripped=!0;var A={render:a,staticRenderFns:[]},s=A;var c=!1;var l=t("VU/8")(i,s,!1,function(n){c||t("TSGa")},"data-v-1bb02e1b",null);l.options.__file="src/components/author.vue";e.default=l.exports}});
//# sourceMappingURL=11.ca4a07a64fd4e5deca27.js.map
\ No newline at end of file
dev/static/js/11.ca4a07a64fd4e5deca27.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/12.2be327ff41f5bc634dc4.js 0 → 100644
View file @ 00679ada
webpackJsonp([12],{"4ZAX":function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-fe11ea3a] {\n float: right;\n}\n.main-block[data-v-fe11ea3a] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-fe11ea3a]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-fe11ea3a]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-fe11ea3a]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-fe11ea3a]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n height: 10px;\n min-height: 10px;\n}\n.mine[data-v-fe11ea3a] {\n height: 100%;\n background: #EEEEEE;\n overflow: auto;\n}\n.mine .head[data-v-fe11ea3a] {\n width: 100vw;\n height: 42.66666667vw;\n background-size: 100% 100%;\n color: white;\n text-align: center;\n}\n.mine .head .ref-block[data-v-fe11ea3a] {\n width: 6.66666667vw;\n height: 6.66666667vw;\n position: absolute;\n right: 5.33333333vw;\n top: 5.33333333vw;\n}\n.mine .head .ref-block img[data-v-fe11ea3a] {\n width: 100%;\n}\n.mine .head .header-icon[data-v-fe11ea3a] {\n margin-top: 4.8vw;\n margin-bottom: 3.73333333vw;\n width: 19.2vw;\n height: 19.2vw;\n border-radius: 10000px;\n}\n.mine .head .name[data-v-fe11ea3a] {\n font-size: 14px;\n font-family: PingFang-SC-Medium;\n font-weight: normal;\n color: #ffffff;\n line-height: 5.33333333vw;\n}\n.mine .head .id[data-v-fe11ea3a] {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: normal;\n color: #808080;\n border-radius: 200px;\n line-height: 4.53333333vw;\n background-color: white;\n padding: 0 5.33333333vw;\n}\n.mine .list[data-v-fe11ea3a] {\n margin-top: 3.2vw;\n}\n.mine .list .mt-cell[data-v-fe11ea3a] {\n height: 10.66666667vw;\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/mine.vue","D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/components/mine.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;ACiCD;EACE,aAAA;EACA,oBAAA;EACA,eAAA;CD/BD;AC4BD;EAeI,aAAA;EACA,sBAAA;EACA,2BAAA;EACA,aAAA;EACA,mBAAA;CDxCH;ACqBD;EAMM,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,oBAAA;EACA,kBAAA;CDxBL;ACcD;EAYQ,YAAA;CDvBP;ACWD;EAqBM,kBAAA;EACA,4BAAA;EACA,cAAA;EACA,eAAA;EACA,uBAAA;CD7BL;ACID;EA4BM,gBAAA;EACA,gCAAA;EACA,oBAAA;EACA,eAAA;EACA,0BAAA;CD7BL;ACHD;EAmCM,gBAAA;EACA,gCAAA;EACA,oBAAA;EACA,eAAA;EACA,qBAAA;EACA,0BAAA;EACA,wBAAA;EACA,wBAAA;CD7BL;ACbD;EA8CI,kBAAA;CD9BH;AChBD;EAgDM,sBAAA;CD7BL",file:"mine.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.mine {\n height: 100%;\n background: #EEEEEE;\n overflow: auto;\n}\n.mine .head {\n width: 100vw;\n height: 42.66666667vw;\n background-size: 100% 100%;\n color: white;\n text-align: center;\n}\n.mine .head .ref-block {\n width: 6.66666667vw;\n height: 6.66666667vw;\n position: absolute;\n right: 5.33333333vw;\n top: 5.33333333vw;\n}\n.mine .head .ref-block img {\n width: 100%;\n}\n.mine .head .header-icon {\n margin-top: 4.8vw;\n margin-bottom: 3.73333333vw;\n width: 19.2vw;\n height: 19.2vw;\n border-radius: 10000px;\n}\n.mine .head .name {\n font-size: 14px;\n font-family: PingFang-SC-Medium;\n font-weight: normal;\n color: #ffffff;\n line-height: 5.33333333vw;\n}\n.mine .head .id {\n font-size: 12px;\n font-family: PingFang-SC-Medium;\n font-weight: normal;\n color: #808080;\n border-radius: 200px;\n line-height: 4.53333333vw;\n background-color: white;\n padding: 0 5.33333333vw;\n}\n.mine .list {\n margin-top: 3.2vw;\n}\n.mine .list .mt-cell {\n height: 10.66666667vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../util/public";\n.mine{\n height: 100%;\n background: #EEEEEE;\n overflow: auto;\n .head{\n .ref-block{\n width: 25 * @toVw;\n height: 25 * @toVw;\n position: absolute;\n right: 20 * @toVw;\n top: 20 * @toVw;\n img{\n width: 100%;\n }\n }\n width: 375 * @toVw;\n height: 160 * @toVw ;\n background-size: 100% 100%;\n color: white;\n text-align: center;\n .header-icon{\n margin-top: 18 * @toVw;\n margin-bottom: 14 * @toVw;\n width: 72 * @toVw;\n height: 72 * @toVw;\n border-radius: 10000px;\n }\n .name{\n font-size:14px;\n font-family:PingFang-SC-Medium;\n font-weight:normal;\n color:rgba(255,255,255,1);\n line-height:20* @toVw;\n }\n .id{\n font-size:12px;\n font-family:PingFang-SC-Medium;\n font-weight:normal;\n color: #808080;\n border-radius: 200px;\n line-height:17* @toVw;\n background-color: white;\n padding: 0 20*@toVw;\n }\n }\n .list{\n margin-top: 12*@toVw;\n .mt-cell{\n height: 40 * @toVw;\n }\n }\n}\n'],sourceRoot:""}])},TUpA:function(n,e,t){var i=t("4ZAX");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("52f65dee",i,!1,{})},"U/b5":function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=t("2oJL"),a=t("Jmy5"),o=t("CCn6"),A=t("Au9i"),r={name:"mine",components:{bottomTab:i.a},data:function(){return{image:a.c,userDetail:{}}},mounted:function(){this.initPage()},methods:{initPage:function(){var n=this;Object(o.o)().then(function(e){n.userDetail=e})},clearBoth:function(){localStorage.clear(),Object(A.Toast)("清除成功")}}},l=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"mine"},[t("div",{staticClass:"head",style:{backgroundImage:"url("+n.image.head_bg+")"}},[t("img",{staticClass:"header-icon",attrs:{src:n.userDetail.avatar}}),n._v(" "),t("div",{staticClass:"ref-block",on:{click:function(e){n.clearBoth()}}},[t("img",{attrs:{src:n.image.ref}})]),n._v(" "),t("p",{staticClass:"name"},[n._v(n._s(n.userDetail.nickname))]),n._v(" "),t("span",{staticClass:"id"},[n._v("学员号:"+n._s(n.userDetail.user_id))])]),n._v(" "),t("div",{staticClass:"list"},[t("mt-cell",{attrs:{title:"订单",to:"/order","is-link":""}},[t("img",{attrs:{slot:"icon",src:n.image.order,width:"24",height:"24"},slot:"icon"})])],1),n._v(" "),t("bottom-tab")],1)};l._withStripped=!0;var c={render:l,staticRenderFns:[]},s=c;var h=!1;var d=t("VU/8")(r,s,!1,function(n){h||t("TUpA")},"data-v-fe11ea3a",null);d.options.__file="src/components/mine.vue";e.default=d.exports}});
//# sourceMappingURL=12.2be327ff41f5bc634dc4.js.map
\ No newline at end of file
dev/static/js/12.2be327ff41f5bc634dc4.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/3.d69f4eb7bfacbeb94c98.js 0 → 100644
View file @ 00679ada
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/3.d69f4eb7bfacbeb94c98.js.map 0 → 100644
View file @ 00679ada
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/4.a4d1ee643c4a238cb48a.js 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/4.a4d1ee643c4a238cb48a.js.map 0 → 100644
View file @ 00679ada
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/5.700bd8b356edf0f6411d.js 0 → 100644
View file @ 00679ada
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/5.700bd8b356edf0f6411d.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/6.03b9b374fe321e4a1ffa.js 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/6.03b9b374fe321e4a1ffa.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/7.88805773670f74c498b5.js 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/7.88805773670f74c498b5.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/8.3c8c1cf1351d817f9488.js 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/8.3c8c1cf1351d817f9488.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/app.97760ad7dc972d97be55.js 0 → 100644
View file @ 00679ada
webpackJsonp([17],{GHGh:function(e,n,t){var a=t("z/+d");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);t("rjj0")("64033dd0",a,!1,{})},IcnI:function(e,n,t){"use strict";var a=t("7+uW"),i=t("NYxO"),o=(t("zSLJ"),{setToken:function(e,n){e.token=n,localStorage.setItem("cc_token",n)},transitionGo:function(e){e.transitionName="slide-left"},transitionBack:function(e){e.transitionName="slide-right"}});a.default.use(i.a);n.a=new i.a.Store({state:{token:"",transitionName:"slide-left"},mutations:o,actions:{setToken:function(e,n){(0,e.commit)("setToken",n)}}})},NHnr:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=t("7+uW"),i=function(){var e=this.$createElement,n=this._self._c||e;return n("div",{attrs:{id:"app"}},[n("transition",{attrs:{name:"fade"}},[n("router-view",{staticClass:"child-view"})],1)],1)};i._withStripped=!0;var o={render:i,staticRenderFns:[]},r=o;var l=!1;var c=t("VU/8")({name:"App"},r,!1,function(e){l||t("GHGh")},null,null);c.options.__file="src/App.vue";var s=c.exports,p=t("YaEn"),u=t("IcnI"),A=t("Au9i"),d=t.n(A);t("d8/S");a.default.config.productionTip=!1,a.default.use(d.a),new a.default({el:"#app",router:p.a,store:u.a,components:{App:s},template:"<App/>"}),Array.prototype.find||(Array.prototype.find=function(e){if(null==this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var n,t=Object(this),a=t.length>>>0,i=arguments[1],o=0;o<a;o++)if(n=t[o],e.call(i,n,o,t))return n})},YaEn:function(e,n,t){"use strict";var a=t("7+uW"),i=t("IcnI"),o=function(){var e=location.search,n=new Object;if(-1!=e.indexOf("?"))for(var t=e.substr(1).split("&"),a=0;a<t.length;a++)n[t[a].split("=")[0]]=unescape(t[a].split("=")[1]);return n},r=t("/ocq");a.default.use(r.a);var l=new r.a({routes:[{path:"/",name:"index",component:function(e){return Promise.all([t.e(0),t.e(8)]).then(function(){var n=[t("dAjm")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:0}},{path:"/newLesson",name:"newLesson",component:function(e){return Promise.all([t.e(0),t.e(3)]).then(function(){var n=[t("4t0V")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:0}},{path:"/myGoodsList",name:"myGoodsList",component:function(e){return Promise.all([t.e(0),t.e(13)]).then(function(){var n=[t("P3Wy")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:1}},{path:"/mine",name:"mine",component:function(e){return Promise.all([t.e(0),t.e(12)]).then(function(){var n=[t("U/b5")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:1}},{path:"/order",name:"order",component:function(e){return Promise.all([t.e(0),t.e(7)]).then(function(){var n=[t("R7Pr")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:2}},{path:"/share",name:"share",component:function(e){return Promise.all([t.e(0),t.e(15)]).then(function(){var n=[t("Eg0l")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:2}},{path:"/author",name:"author",component:function(e){return t.e(11).then(function(){var n=[t("sA+T")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:100,noNew:!0}},{path:"/buyDetail",name:"buyDetail",component:function(e){return Promise.all([t.e(0),t.e(2)]).then(function(){var n=[t("bNYG")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{skip_login:!0,noNew:!0,deep:10}},{path:"/buy",name:"buy",component:function(e){return Promise.all([t.e(0),t.e(5)]).then(function(){var n=[t("Y1ei")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{noNew:!0,deep:11}},{path:"/success",name:"success",component:function(e){return Promise.all([t.e(0),t.e(6)]).then(function(){var n=[t("IF8E")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{noNew:!0,deep:12}},{path:"/buySuccess",name:"buySuccess",component:function(e){return Promise.all([t.e(0),t.e(14)]).then(function(){var n=[t("w9eS")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{noNew:!0,deep:12}},{path:"/map",name:"map",component:function(e){return Promise.all([t.e(0),t.e(4)]).then(function(){var n=[t("3QU7")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:3}},{path:"/lesson",name:"lesson",component:function(e){return Promise.all([t.e(0),t.e(1)]).then(function(){var n=[t("v9XT")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:4}},{path:"/saleSuccess",name:"saleSuccess",component:function(e){return Promise.all([t.e(0),t.e(10)]).then(function(){var n=[t("wSE2")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:4}},{path:"/bindMobile",name:"bindMobile",component:function(e){return t.e(9).then(function(){var n=[t("/Vxk")];e.apply(null,n)}.bind(this)).catch(t.oe)},meta:{deep:0}}]});l.beforeEach(function(e,n,t){var a=function(){var e=navigator.userAgent;navigator.appVersion;return{trident:e.indexOf("Trident")>-1,presto:e.indexOf("Presto")>-1,webKit:e.indexOf("AppleWebKit")>-1,gecko:e.indexOf("Gecko")>-1&&-1===e.indexOf("KHTML"),mobile:!!e.match(/AppleWebKit.*Mobile.*/),ios:!!e.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:e.indexOf("Android")>-1||e.indexOf("Linux")>-1,iPhone:e.indexOf("iPhone")>-1,iPad:e.indexOf("iPad")>-1,webApp:-1==e.indexOf("Safari")}}();(navigator.browserLanguage||navigator.language).toLowerCase();a.mobile&&navigator.userAgent.toLowerCase().match(/MicroMessenger/i);window._hmt.push(["_trackPageview","/#"+e.fullPath]),document.title="唱唱启蒙英语";var r=function(){if(localStorage.getItem("retUrl")&&null!==localStorage.getItem("retUrl")&&""!==localStorage.getItem("retUrl")){var e=localStorage.getItem("retUrl").toString();localStorage.removeItem("retUrl"),t(e)}else t()};if("author"===e.name)t();else if(window.location.href.indexOf("token")>-1){var l=o().token;i.a.dispatch("setToken",l),r()}else if(localStorage.getItem("cc_token"))i.a.dispatch("setToken",localStorage.getItem("cc_token")),r();else if(e.meta.skip_login)r();else{var c={retUrl:e.fullPath};e.meta.noNew&&(c.is_new_user_url=1),t({name:"author",query:c})}});n.a=l},"d8/S":function(e,n){},"z/+d":function(e,n,t){(e.exports=t("FZ+f")(!0)).push([e.i,'\n#app {\n font-family: "Helvetica Neue",\n Helvetica,\n "PingFang SC",\n "Hiragino Sans GB",\n "Microsoft YaHei",\n "\\5FAE\\8F6F\\96C5\\9ED1",\n Arial,\n sans-serif;\n}\nhtml,body,#app{\n height: 100%;\n}\n*{\n margin: auto;\n padding: auto;\n}\n.child-view {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n -webkit-transition: all .5s;\n transition: all .5s;\n}\n.fade-enter-active, .fade-leave-active {\n -webkit-transition: opacity .5s;\n transition: opacity .5s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n opacity: 0;\n}\n',"",{version:3,sources:["D:/myproject/new-singsingH5/src/src/App.vue"],names:[],mappings:";AAeA;EACA;;;;;;;aAOA;CACA;AACA;IACA,aAAA;CACA;AACA;IACA,aAAA;IACA,cAAA;CACA;AACA;EACA,mBAAA;EACA,QAAA;EACA,OAAA;EACA,YAAA;EACA,aAAA;EACA,4BAAA;EAAA,oBAAA;CACA;AACA;EACA,gCAAA;EAAA,wBAAA;CACA;AACA;EACA,WAAA;CACA",file:"App.vue",sourcesContent:['<template>\n <div id="app">\n <transition name="fade">\n <router-view class="child-view"/>\n </transition>\n </div>\n</template>\n\n<script>\nexport default {\n name: \'App\',\n}\n<\/script>\n\n<style>\n#app {\n font-family: "Helvetica Neue",\n Helvetica,\n "PingFang SC",\n "Hiragino Sans GB",\n "Microsoft YaHei",\n "微软雅黑",\n Arial,\n sans-serif;\n}\n html,body,#app{\n height: 100%;\n }\n *{\n margin: auto;\n padding: auto;\n }\n.child-view {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n transition: all .5s;\n}\n.fade-enter-active, .fade-leave-active {\n transition: opacity .5s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n opacity: 0;\n}\n</style>\n'],sourceRoot:""}])},zSLJ:function(e,n,t){"use strict"}},["NHnr"]);
//# sourceMappingURL=app.97760ad7dc972d97be55.js.map
\ No newline at end of file
dev/static/js/app.97760ad7dc972d97be55.js.map 0 → 100644
View file @ 00679ada
This diff is collapsed.
dev/static/js/manifest.936e712068d08d04bfa2.js 0 → 100644
View file @ 00679ada
!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={18:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"ad13957c89d0030bbd6a",1:"018ebfeb3b60610fa566",2:"4b793d0de9f3f2bd254c",3:"d69f4eb7bfacbeb94c98",4:"a4d1ee643c4a238cb48a",5:"700bd8b356edf0f6411d",6:"03b9b374fe321e4a1ffa",7:"88805773670f74c498b5",8:"3c8c1cf1351d817f9488",9:"0c7e7dd9a05bdb56a5a7",10:"3eb561963527de56e0cb",11:"ca4a07a64fd4e5deca27",12:"2be327ff41f5bc634dc4",13:"b84278c61dd897f99656",14:"530a94989af4b053e672",15:"2f54991e72a53597dd95"}[e]+".js";var f=setTimeout(d,12e4);function d(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=d,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="/",o.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.936e712068d08d04bfa2.js.map
\ No newline at end of file
dev/static/js/manifest.936e712068d08d04bfa2.js.map 0 → 100644
View file @ 00679ada
{"version":3,"sources":["webpack:///webpack/bootstrap f456c7d383609b7acad4"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","18","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,GAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAA,SAAApB,GACA,IAAAqB,EAAAhB,EAAAL,GACA,OAAAqB,EACA,WAAAC,QAAA,SAAAC,GAA0CA,MAI1C,GAAAF,EACA,OAAAA,EAAA,GAIA,IAAAG,EAAA,IAAAF,QAAA,SAAAC,EAAAE,GACAJ,EAAAhB,EAAAL,IAAAuB,EAAAE,KAEAJ,EAAA,GAAAG,EAGA,IAAAE,EAAAC,SAAAC,qBAAA,WACAC,EAAAF,SAAAG,cAAA,UACAD,EAAAE,KAAA,kBACAF,EAAAG,QAAA,QACAH,EAAAI,OAAA,EACAJ,EAAAK,QAAA,KAEArB,EAAAsB,IACAN,EAAAO,aAAA,QAAAvB,EAAAsB,IAEAN,EAAAQ,IAAAxB,EAAAyB,EAAA,aAAAtC,EAAA,KAAwEuC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,wBAAsbtD,GAAA,MAC9f,IAAAkC,EAAAqB,WAAAC,EAAA,MAEA,SAAAA,IAEA3B,EAAA4B,QAAA5B,EAAA6B,OAAA,KACAC,aAAAzB,GACA,IAAA0B,EAAAvD,EAAAL,GACA,IAAA4D,IACAA,GACAA,EAAA,OAAAC,MAAA,iBAAA7D,EAAA,aAEAK,EAAAL,QAAA8D,GAKA,OAfAjC,EAAA4B,QAAA5B,EAAA6B,OAAAF,EAaA9B,EAAAqC,YAAAlC,GAEAL,GAIAX,EAAAmD,EAAArD,EAGAE,EAAAoD,EAAAlD,EAGAF,EAAAqD,EAAA,SAAAjD,EAAAkD,EAAAC,GACAvD,EAAAwD,EAAApD,EAAAkD,IACA5D,OAAA+D,eAAArD,EAAAkD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAvD,EAAA6D,EAAA,SAAAxD,GACA,IAAAkD,EAAAlD,KAAAyD,WACA,WAA2B,OAAAzD,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAqD,EAAAE,EAAA,IAAAA,GACAA,GAIAvD,EAAAwD,EAAA,SAAAO,EAAAC,GAAsD,OAAAtE,OAAAC,UAAAC,eAAAC,KAAAkE,EAAAC,IAGtDhE,EAAAyB,EAAA,IAGAzB,EAAAiE,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.936e712068d08d04bfa2.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t18: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"ad13957c89d0030bbd6a\",\"1\":\"018ebfeb3b60610fa566\",\"2\":\"4b793d0de9f3f2bd254c\",\"3\":\"d69f4eb7bfacbeb94c98\",\"4\":\"a4d1ee643c4a238cb48a\",\"5\":\"700bd8b356edf0f6411d\",\"6\":\"03b9b374fe321e4a1ffa\",\"7\":\"88805773670f74c498b5\",\"8\":\"3c8c1cf1351d817f9488\",\"9\":\"0c7e7dd9a05bdb56a5a7\",\"10\":\"3eb561963527de56e0cb\",\"11\":\"ca4a07a64fd4e5deca27\",\"12\":\"2be327ff41f5bc634dc4\",\"13\":\"b84278c61dd897f99656\",\"14\":\"530a94989af4b053e672\",\"15\":\"2f54991e72a53597dd95\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap f456c7d383609b7acad4"],"sourceRoot":""}
\ No newline at end of file
src/components/guide/audio.vue
View file @ 00679ada
<template> <template>
<div>
<div class="guide" v-if="show">
<div class="title">
点击放大图片
</div>
<div class="btn-block">
<img :src="listUrl"/>
<img :src="backUrl"/>
<img class="play-btn" :src="playUrl"/>
<img :src="nextUrl"/>
<img :src="refUrl"/>
</div>
<img :src="goDownUrl" class="toLesson"/>
<div class="lesson-text">音频功能栏</div>
<img class="i-know" :src="iKnowUrl" @click="show=false"/>
</div>
</div>
</template> </template>
<script> <script>
export default { import iKnowUrl from '../../assets/guide/lesson.png'
name: "audio" import playUrl from '../../assets/guide/play.png'
import nextUrl from '../../assets/guide/next.png'
import backUrl from '../../assets/guide/back.png'
import listUrl from '../../assets/guide/list.png'
import refUrl from '../../assets/guide/ref.png'
import goUrl from '../../assets/guide/go.png'
import goDownUrl from '../../assets/guide/go-down.png'
export default {
name: "guide",
data(){
return{
iKnowUrl:iKnowUrl,
goDownUrl:goDownUrl,
playUrl:playUrl,
nextUrl:nextUrl,
backUrl:backUrl,
listUrl:listUrl,
refUrl:refUrl,
goUrl:goUrl,
show:false
}
},
mounted(){
if(!localStorage.getItem('audioGuide')){
this.show=true;
localStorage.setItem('audioGuide','1')
}
} }
}
</script> </script>
<style scoped> <style scoped lang="less">
@import "../../util/public";
.star{
width: 23*@toVw;
}
.title{
width:190*@toVw;
height:187*@toVw;
border-radius:4*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
line-height: 187*@toVw;
text-align: center;
position: absolute;
top: 107*@toVw;
left: 93*@toVw;
}
.btn-block{
width:251*@toVw;
height:57*@toVw;
border-radius:29*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
display: flex;
position: absolute;
top: 430*@toVw;
left: 60*@toVw;
img{
width: 16*@toVw;
vertical-align: middle;
}
.play-btn{
width: 40*@toVw;
}
}
.toTitle{
width: 45*@toVw;
position: absolute;
top: 110*@toVw;
left: 60*@toVw ;
}
.guide{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: white;
background:rgba(0,0,0,0.8);
z-index: 9999;
.i-know{
position: absolute;
width: 129*@toVw;
left: 120*@toVw;
top: 320*@toVw;
}
.toLesson{
width: 45*@toVw;
position: absolute;
top: 500*@toVw;
left: 100*@toVw;
transform: rotate(30deg);
}
.color-red{
color: #FF6477;
}
.lesson-text{
width:114*@toVw;
height:26*@toVw;
line-height: 26*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
font-size: 14*@toVw;
border-radius:8*@toVw;
position: absolute;
top: 520*@toVw;
left: 150*@toVw;
text-align: center;
border:1*@toVw solid rgba(255,255,255,1)
}
}
</style> </style>
src/components/guide/content.vue
View file @ 00679ada
<template> <template>
<div> <div>
<div class="off" v-if="show" @click="show=false">跳过>></div>
<div class="guide" v-if="show"> <div class="guide" v-if="show">
<div class="guide-content"> <div class="guide-content">
<div class="title"> <div class="title">
...@@ -39,9 +38,9 @@ ...@@ -39,9 +38,9 @@
} }
}, },
mounted(){ mounted(){
this.show=true; if(!localStorage.getItem('contentGuide')){
if(!localStorage.getItem('mapGuide')){ this.show=true;
localStorage.setItem('mapGuide','1') localStorage.setItem('contentGuide','1')
} }
} }
} }
......
src/components/guide/index.vue
View file @ 00679ada
<template> <template>
<div> <div>
<div class="off" v-if="show" @click="show=false">跳过>></div>
<div class="guide" v-if="show"> <div class="guide" v-if="show">
<img class="i-know" :src="iKnowUrl"/> <img class="i-know" :src="iKnowUrl" @click="show=false"/>
<img class="go" @click="show=false" :src="goUrl"/> <img class="go" :src="goUrl"/>
<div class="tips"> <div class="tips">
已购课程，点击<span>开始上课!</span> 已购课程，点击<span>开始上课!</span>
</div> </div>
......
src/components/guide/look.vue
View file @ 00679ada
<template> <template>
<div> <div>
<div class="off" v-if="show" @click="show=false">跳过>></div>
<div class="guide" v-if="show"> <div class="guide" v-if="show">
<div class="Unit"> <div class="radius-block">
Unit <div class="radius"></div>
<br> <div class="radius"></div>
我家农场 <div class="radius"></div>
</div> </div>
<img class="toUntil" :src="goDownUrl"/> <img class="toUntil" :src="goDownUrl"/>
<div class="until-test"> <div class="until-test">
点击切换<span class="color-red">月份主题</span> 点击<span class="color-red">切换课程模块</span>
</div>
<img :src="goUrl" class="toLesson"/>
<div class="lesson-text">点击进入<span class="color-red">单天课程</span></div>
<div class="lesson-block">
<div>
DAY 1 Bingo
<div>
lesson 1·唱动体验
</div>
</div>
<div>
<img class="star" :src="starUrl"/>
<img class="star" :src="starUrl"/>
<img class="star" :src="starUrl"/>
</div>
</div> </div>
<img class="i-know" :src="iKnowUrl" @click="show=false"/> <img class="i-know" :src="iKnowUrl" @click="show=false"/>
</div> </div>
...@@ -49,9 +33,9 @@ ...@@ -49,9 +33,9 @@
} }
}, },
mounted(){ mounted(){
this.show=true; if(!localStorage.getItem('lookGuide')){
if(!localStorage.getItem('mapGuide')){ this.show=true;
localStorage.setItem('mapGuide','1') localStorage.setItem('lookGuide','1')
} }
} }
} }
...@@ -59,9 +43,6 @@ ...@@ -59,9 +43,6 @@
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
.star{
width: 23*@toVw;
}
.off{ .off{
position: absolute; position: absolute;
top: 9*@toVw; top: 9*@toVw;
...@@ -72,43 +53,6 @@ ...@@ -72,43 +53,6 @@
font-weight:500; font-weight:500;
color:rgba(255,255,255,1); color:rgba(255,255,255,1);
} }
.Unit{
font-size:14px;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
border: 1*@toVw solid #fff;
position: absolute;
text-align: center;
border-radius: 8*@toVw;
width:69*@toVw;
top: 7*@toVw;
left: 20*@toVw;
padding-top:10*@toVw ;
height:55*@toVw;
border-radius:8*@toVw;
}
.until-test{
font-size:14px;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
line-height:26*@toVw;
position: absolute;
width:144*@toVw;
height:26*@toVw;
border-radius:8*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
text-align: center;
top: 87*@toVw;
left: 93*@toVw;
}
.toUntil{
width: 45*@toVw;
position: absolute;
top: 77*@toVw;
left: 43*@toVw ;
}
.guide{ .guide{
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -118,50 +62,52 @@ ...@@ -118,50 +62,52 @@
color: white; color: white;
background:rgba(0,0,0,0.8); background:rgba(0,0,0,0.8);
z-index: 9999; z-index: 9999;
.radius-block{
padding: 10*@toVw;
&:after{
content: '';
display: block;
clear: both;
}
.radius{
margin-right: 5*@toVw;
float: left;
width:96*@toVw;
height:40*@toVw;
border-radius:20*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
}
}
.i-know{ .i-know{
position: absolute; position: absolute;
width: 129*@toVw; width: 129*@toVw;
left: 123*@toVw; left: 123*@toVw;
bottom: 110*@toVw; bottom: 160*@toVw;
}
.toLesson{
width: 45*@toVw;
position: absolute;
top: 190*@toVw;
left: 91*@toVw;
} }
.color-red{ .color-red{
color: #FF6477; color: #FF6477;
} }
.lesson-block{ .toUntil{
width:336px; width: 50*@toVw;
height:82px;
display: flex;
border-radius:8px;
border:1px solid rgba(255,255,255,1);
position: absolute; position: absolute;
top: 230*@toVw; left: 50*@toVw;
left: 19*@toVw; top: 60*@toVw;
transform: rotate(20deg);
} }
.lesson-text{ .until-test{
width:144*@toVw; width:158*@toVw;
position: absolute;
left: 109*@toVw;
top: 80*@toVw;
height:26*@toVw; height:26*@toVw;
line-height: 26*@toVw; border-radius:8*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
font-size:14*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
font-weight:500; font-weight:500;
font-size: 14*@toVw; line-height: 26*@toVw;
border-radius:8*@toVw;
position: absolute;
top: 187*@toVw;
left: 137*@toVw;
text-align: center; text-align: center;
border:1*@toVw solid rgba(255,255,255,1) color:rgba(255,255,255,1);
}
.go{
width: 67*@toVw;
position: absolute;
bottom: 254*@toVw;
left: 83*@toVw;
} }
} }
</style> </style>
src/components/guide/map.vue
View file @ 00679ada
<template> <template>
<div> <div>
<div class="off" v-if="show" @click="show=false">跳过>></div>
<div class="guide" v-if="show"> <div class="guide" v-if="show">
<div class="Unit"> <div class="Unit">
Unit Unit
<br> <br>
我家农场 我家农场
</div> </div>
<img class="toUntil" :src="goDownUrl"/> <img class="toUntil" :src="goUrl"/>
<div class="until-test"> <div class="until-test">
点击切换<span class="color-red">月份主题</span> 点击这里可以<span class="color-red">切换主题</span>
</div> </div>
<img :src="goUrl" class="toLesson"/> <img :src="goUrl" class="toLesson"/>
<div class="lesson-text">点击进入<span class="color-red">单天课程</span></div> <div class="lesson-text">点击这里可以<span class="color-red">选择课程</span></div>
<div class="lesson-block"> <div class="lesson-block">
<div> <div class="lesson-content">
DAY 1 Bingo
<div> <div>
lesson 1·唱动体验 DAY 1 Bingo
<div>
lesson 1·唱动体验
</div>
</div>
<div>
<img class="star" :src="starUrl"/>
<img class="star" :src="starUrl"/>
<img class="star" :src="starUrl"/>
</div> </div>
</div> </div>
<div> <div class="lesson-content">
<img class="star" :src="starUrl"/> <div>
<img class="star" :src="starUrl"/> DAY 1 Bingo
<img class="star" :src="starUrl"/> <div>
lesson 1·唱动体验
</div>
</div>
<div>
<img class="star" :src="starUrl"/>
<img class="star" :src="starUrl"/>
<img class="star" :src="starUrl"/>
</div>
</div> </div>
</div> </div>
<img class="i-know" :src="iKnowUrl" @click="show=false"/> <img class="i-know" :src="iKnowUrl" @click="show=false"/>
</div> </div>
</div> </div>
...@@ -49,8 +64,8 @@ ...@@ -49,8 +64,8 @@
} }
}, },
mounted(){ mounted(){
this.show=true;
if(!localStorage.getItem('mapGuide')){ if(!localStorage.getItem('mapGuide')){
this.show=true;
localStorage.setItem('mapGuide','1') localStorage.setItem('mapGuide','1')
} }
} }
...@@ -73,7 +88,7 @@ ...@@ -73,7 +88,7 @@
color:rgba(255,255,255,1); color:rgba(255,255,255,1);
} }
.Unit{ .Unit{
font-size:14px; font-size:14*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
font-weight:500; font-weight:500;
color:rgba(255,255,255,1); color:rgba(255,255,255,1);
...@@ -83,13 +98,13 @@ ...@@ -83,13 +98,13 @@
border-radius: 8*@toVw; border-radius: 8*@toVw;
width:69*@toVw; width:69*@toVw;
top: 7*@toVw; top: 7*@toVw;
left: 20*@toVw; right: 20*@toVw;
padding-top:10*@toVw ; padding-top:10*@toVw ;
height:55*@toVw; height:55*@toVw;
border-radius:8*@toVw; border-radius:8*@toVw;
} }
.until-test{ .until-test{
font-size:14px; font-size:14*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
font-weight:500; font-weight:500;
color:rgba(255,255,255,1); color:rgba(255,255,255,1);
...@@ -101,13 +116,14 @@ ...@@ -101,13 +116,14 @@
border:1*@toVw solid rgba(255,255,255,1); border:1*@toVw solid rgba(255,255,255,1);
text-align: center; text-align: center;
top: 87*@toVw; top: 87*@toVw;
left: 93*@toVw; right: 100*@toVw;
} }
.toUntil{ .toUntil{
width: 45*@toVw; width: 45*@toVw;
position: absolute; position: absolute;
top: 77*@toVw; top: 77*@toVw;
left: 43*@toVw ; transform: rotate(180deg);
right: 43*@toVw ;
} }
.guide{ .guide{
position: fixed; position: fixed;
...@@ -134,17 +150,20 @@ ...@@ -134,17 +150,20 @@
color: #FF6477; color: #FF6477;
} }
.lesson-block{ .lesson-block{
width:336px; width:336*@toVw;
height:82px; height:163*@toVw;
display: flex; border-radius:8*@toVw;
border-radius:8px; border:1*@toVw solid rgba(255,255,255,1);
border:1px solid rgba(255,255,255,1);
position: absolute; position: absolute;
top: 230*@toVw; top: 230*@toVw;
left: 19*@toVw; left: 19*@toVw;
.lesson-content{
display: flex;
height:82*@toVw;
}
} }
.lesson-text{ .lesson-text{
width:144*@toVw; width:154*@toVw;
height:26*@toVw; height:26*@toVw;
line-height: 26*@toVw; line-height: 26*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
......
src/components/guide/video.vue
View file @ 00679ada
<template> <template>
<div>
<div class="guide" v-if="show">
<img class="toVideo" :src="goUrl"/>
<div class="video-test">
点击<span class="color-red">查看视频课程</span>
</div>
<div class="video-block">
</div>
<div class="change-block">
<div>视频教学</div>
<div>音频教学</div>
</div>
<img class="toUntil" :src="goDownUrl"/>
<div class="until-test">
点击<span class="color-red">音画切换</span>
</div>
<img class="i-know" :src="iKnowUrl" @click="show=false"/>
</div>
</div>
</template> </template>
<script> <script>
export default { import iKnowUrl from '../../assets/guide/iKnow.png'
name: "video" import goUrl from '../../assets/guide/go.png'
import goDownUrl from '../../assets/guide/go-down.png'
import starUrl from '../../assets/guide/star.png'
export default {
name: "guide",
data(){
return{
iKnowUrl:iKnowUrl,
goDownUrl:goDownUrl,
goUrl:goUrl,
starUrl:starUrl,
show:false
}
},
mounted(){
if(!localStorage.getItem('videoGuide')){
this.show=true;
localStorage.setItem('videoGuide','1')
}
} }
}
</script> </script>
<style scoped> <style scoped lang="less">
@import "../../util/public";
.off{
position: absolute;
top: 9*@toVw;
z-index: 99999;
right: 20*@toVw;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
}
.guide{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: white;
background:rgba(0,0,0,0.8);
z-index: 9999;
.toVideo{
transform: rotate(-30deg);
width: 50*@toVw;
position: absolute;
top: 100*@toVw;
left: 50*@toVw;
}
.video-block{
width:320*@toVw;
height:185*@toVw;
border-radius:8*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
position: absolute;
top: 154*@toVw;
left: 27*@toVw;
}
.change-block{
position: absolute;
top: 356*@toVw;
left: 115*@toVw;
width:145*@toVw;
height:28*@toVw;
border-radius:14*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
div{
width: 49%;
float: left;
border-radius: 100*@toVw;
line-height: 28*@toVw;
text-align: center;
&:first-child{
border:1*@toVw solid rgba(255,255,255,1);
}
}
}
.video-test{
width:148*@toVw;
position: absolute;
left: 99*@toVw;
top: 80*@toVw;
height:26*@toVw;
border-radius:8*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
font-size:14*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
line-height: 26*@toVw;
text-align: center;
color:rgba(255,255,255,1);
}
.i-know{
position: absolute;
width: 129*@toVw;
left: 123*@toVw;
top: 430*@toVw;
}
.color-red{
color: #FF6477;
}
.toUntil{
width: 50*@toVw;
position: absolute;
left: 150*@toVw;
top: 390*@toVw;
}
.until-test{
width:108*@toVw;
position: absolute;
left: 209*@toVw;
top: 400*@toVw;
height:26*@toVw;
border-radius:8*@toVw;
border:1*@toVw solid rgba(255,255,255,1);
font-size:14*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
line-height: 26*@toVw;
text-align: center;
color:rgba(255,255,255,1);
}
}
</style> </style>
src/components/map/index.vue
View file @ 00679ada
...@@ -44,14 +44,17 @@ ...@@ -44,14 +44,17 @@
<i :class="{map:true,right:index !== item.length-1,money:index === lessonList.length-1 && x === data.length-1}"></i> <i :class="{map:true,right:index !== item.length-1,money:index === lessonList.length-1 && x === data.length-1}"></i>
</div> </div>
</div> </div>
<div class="card-li" v-for="a in 5- data.length"> <div v-if="data.length < 5">
<div class="clock-block"> <div class="card-li" v-for="a in 5- data.length">
<div class="map clock"> <div class="clock-block">
<div class="map clock">
</div>
<br>
课程还未开始
</div> </div>
<br>
课程还未开始
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<guide-content v-if="popupVisible && thisLesson"/> <guide-content v-if="popupVisible && thisLesson"/>
......
src/components/newLesson/audio.vue
View file @ 00679ada
...@@ -63,16 +63,21 @@ ...@@ -63,16 +63,21 @@
<img :src="showObj.audio[index].image"/> <img :src="showObj.audio[index].image"/>
</div> </div>
</mt-popup> </mt-popup>
<guide-block/>
</div> </div>
</template> </template>
<script> <script>
import { Toast } from 'mint-ui'; import { Toast } from 'mint-ui';
import guideBlock from '../guide/audio'
export default { export default {
name: "fun", name: "fun",
props:[ props:[
'contentData' 'contentData'
], ],
components:{
guideBlock
},
data(){ data(){
return{ return{
popupVisible:false, popupVisible:false,
......
src/components/newLesson/video.vue
View file @ 00679ada
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
</div> </div>
</div> </div>
</div> </div>
<guide-block/>
</div> </div>
</template> </template>
...@@ -30,8 +31,12 @@ ...@@ -30,8 +31,12 @@
<script> <script>
import headerLuolaUrl from '../../assets/newLesson/playLuola.png' import headerLuolaUrl from '../../assets/newLesson/playLuola.png'
import luolacoming from '../../assets/newLesson/luoLacoming.png' import luolacoming from '../../assets/newLesson/luoLacoming.png'
import guideBlock from '../guide/video'
export default { export default {
name: "play", name: "play",
components:{
guideBlock
},
data(){ data(){
return{ return{
ageShow:false, ageShow:false,
......
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