C端修改

55585949 · wangwei · 59258cab · 55585949 · 55585949 · 59258cab
Commit 55585949 authored Oct 10, 2018 by wangwei
67 changed files
--- a/build/webpack.prod.conf.js
+++ b/build/webpack.prod.conf.js
 'use strict'
-const path = require('path')
+const path = require('path');
-const utils = require('./utils')
+const utils = require('./utils');
-const webpack = require('webpack')
+const webpack = require('webpack');
-const config = require('../config')
+const config = require('../config');
-const merge = require('webpack-merge')
+const merge = require('webpack-merge');
-const baseWebpackConfig = require('./webpack.base.conf')
+const baseWebpackConfig = require('./webpack.base.conf');
-const CopyWebpackPlugin = require('copy-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin');
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const env =  process.env.NODE_ENV === 'testing'
  ? require('../config/test.env')
@@ -64,7 +64,7 @@ const webpackConfig = merge(baseWebpackConfig, {
    // see https://github.com/ampedandwired/html-webpack-plugin
    new HtmlWebpackPlugin({
      filename: config.build.index,
-      template: 'index.html',
+      template:  process.env.NODE_ENV === 'testing' ? 'index.html' : 'indexMaster.html',
      inject: true,
      minify: {
        removeComments: true,

--- a/dev/index.html
+++ b/dev/index.html
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><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>// var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.bed3e48b878b1307dc84.js></script><script type=text/javascript src=/static/js/vendor.f7d752f81e041f0445ce.js></script><script type=text/javascript src=/static/js/app.19a993143ff8f8285e07.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><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.774f0076e0c0772d13e6.js></script><script type=text/javascript src=/static/js/vendor.5ef5caa2a3de36ad6489.js></script><script type=text/javascript src=/static/js/app.efacec1519e0ddecf575.js></script></body></html>
\ No newline at end of file
--- a/dist/static/img/2.7886efa.png
+++ b/dist/static/img/2.7886efa.png
--- a/dist/static/img/1.acc1df3.png
+++ b/dist/static/img/1.acc1df3.png
--- a/dist/static/img/5.885750d.png
+++ b/dist/static/img/5.885750d.png
--- a/dist/static/img/3.70eae92.png
+++ b/dist/static/img/3.70eae92.png
--- a/dist/static/img/4.659f858.png
+++ b/dist/static/img/4.659f858.png
--- a/dev/static/js/0.910c92cd927e62f3b750.js
+++ b/dev/static/js/0.910c92cd927e62f3b750.js
--- a/dev/static/js/0.910c92cd927e62f3b750.js.map
+++ b/dev/static/js/0.910c92cd927e62f3b750.js.map
--- a/dev/static/js/1.51f41faca70282f154c5.js
+++ b/dev/static/js/1.51f41faca70282f154c5.js
--- a/dev/static/js/1.51f41faca70282f154c5.js.map
+++ b/dev/static/js/1.51f41faca70282f154c5.js.map
--- a/dev/static/js/10.9b000eb965034017f426.js
+++ b/dev/static/js/10.9b000eb965034017f426.js
--- a/dev/static/js/10.9b000eb965034017f426.js.map
+++ b/dev/static/js/10.9b000eb965034017f426.js.map
--- a/dev/static/js/4.fbacb615c4eee031df90.js
+++ b/dev/static/js/4.fbacb615c4eee031df90.js
--- a/dev/static/js/4.fbacb615c4eee031df90.js.map
+++ b/dev/static/js/4.fbacb615c4eee031df90.js.map
--- a/dev/static/js/5.69055e518e8675b56880.js
+++ b/dev/static/js/5.69055e518e8675b56880.js
--- a/dev/static/js/5.69055e518e8675b56880.js.map
+++ b/dev/static/js/5.69055e518e8675b56880.js.map
--- a/dev/static/js/7.6e46acd9487d9e4bbfe2.js
+++ b/dev/static/js/7.6e46acd9487d9e4bbfe2.js
+webpackJsonp([7],{"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:";AAaA;EACE,aAAA;CCZD;ADcD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCZD;ADkBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CChBH;ADoBD;EACE,oBAAA;CClBD;ADoBD;EACE,WAAA;EACA,YAAA;CClBD;ADoBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CClBD;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@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.d,userDetail:{}}},mounted:function(){this.initPage()},methods:{initPage:function(){var n=this;Object(o.j)().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 d=!1;var h=t("VU/8")(r,s,!1,function(n){d||t("TUpA")},"data-v-fe11ea3a",null);h.options.__file="src/components/mine.vue";e.default=h.exports}});
+//# sourceMappingURL=7.6e46acd9487d9e4bbfe2.js.map
\ No newline at end of file
--- a/dev/static/js/7.6e46acd9487d9e4bbfe2.js.map
+++ b/dev/static/js/7.6e46acd9487d9e4bbfe2.js.map
--- a/dev/static/js/app.efacec1519e0ddecf575.js
+++ b/dev/static/js/app.efacec1519e0ddecf575.js
+webpackJsonp([14],{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 s=t("VU/8")({name:"App"},r,!1,function(e){l||t("GHGh")},null,null);s.options.__file="src/App.vue";var c=s.exports,p=t("YaEn"),u=t("IcnI"),A=t("Au9i"),m=t.n(A);t("d8/S");a.default.config.productionTip=!1,a.default.use(m.a),new a.default({el:"#app",router:p.a,store:u.a,components:{App:c},template:"<App/>"})},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(5)]).then(function(){var n=[t("dAjm")];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(8)]).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(7)]).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(11)]).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(12)]).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(6).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(4)]).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(3)]).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(9)]).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(10)]).then(function(){var n=[t("LM1A")];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}}]});l.beforeEach(function(e,n,t){e.meta.deep<n.meta.deep?i.a.commit("transitionBack"):i.a.commit("transitionGo");var a=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 r=o().token;i.a.dispatch("setToken",r),a()}else if(localStorage.getItem("cc_token"))i.a.dispatch("setToken",localStorage.getItem("cc_token")),a();else if(e.meta.skip_login)a();else{var l={retUrl:e.fullPath};e.meta.noNew&&(l.is_new_user_url=1),t({name:"author",query:l})}});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.efacec1519e0ddecf575.js.map
\ No newline at end of file
--- a/dev/static/js/app.efacec1519e0ddecf575.js.map
+++ b/dev/static/js/app.efacec1519e0ddecf575.js.map
--- a/dist/static/js/manifest.6468930badad8efc716d.js
+++ b/dist/static/js/manifest.6468930badad8efc716d.js
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,b=0,d=[];b<r.length;b++)i=r[b],t[i]&&d.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);d.length;)d.shift()();if(a)for(b=0;b<a.length;b++)u=o(o.s=a[b]);return u};var r={},t={15: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 c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"7c0b62ca7b9159382cb7",1:"97555cabb4bb6dd70d71",2:"840436b48049837406b6",3:"a581e7e90b86e1d5955b",4:"bdd42a308f18df86720c",5:"d439f0f06c47cb221b97",6:"98b7b421a970b1d30cf3",7:"ce0fec96c9a7cb143722",8:"a74f73b28f7f5c08fba6",9:"38426fafc96dd527bbf9",10:"b7cbd4a3997eb8a5f652",11:"03774de303215173ea90",12:"bda911c80c1efc9426ea"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),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}}([]);
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15: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 c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"910c92cd927e62f3b750",1:"51f41faca70282f154c5",2:"4f37cf142c439b7a6853",3:"dcf4b5c1e89567e163c5",4:"fbacb615c4eee031df90",5:"69055e518e8675b56880",6:"5d027928caf90f2a9fa4",7:"6e46acd9487d9e4bbfe2",8:"d8dc3d21a8666bd39929",9:"e43a2bba940bf3010a57",10:"9b000eb965034017f426",11:"9221fb41fea6c5fce716",12:"dabab0508a2269534756"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),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.6468930badad8efc716d.js.map
+//# sourceMappingURL=manifest.774f0076e0c0772d13e6.js.map
\ No newline at end of file
--- a/dev/static/js/manifest.774f0076e0c0772d13e6.js.map
+++ b/dev/static/js/manifest.774f0076e0c0772d13e6.js.map
+{"version":3,"sources":["webpack:///webpack/bootstrap 5cecfcd7f16a709ffe77"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","15","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","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,wBAAkWnD,GAAA,MAC1a,IAAAkC,EAAAkB,WAAAC,EAAA,MAEA,SAAAA,IAEAxB,EAAAyB,QAAAzB,EAAA0B,OAAA,KACAC,aAAAtB,GACA,IAAAuB,EAAApD,EAAAL,GACA,IAAAyD,IACAA,GACAA,EAAA,OAAAC,MAAA,iBAAA1D,EAAA,aAEAK,EAAAL,QAAA2D,GAKA,OAfA9B,EAAAyB,QAAAzB,EAAA0B,OAAAF,EAaA3B,EAAAkC,YAAA/B,GAEAL,GAIAX,EAAAgD,EAAAlD,EAGAE,EAAAiD,EAAA/C,EAGAF,EAAAkD,EAAA,SAAA9C,EAAA+C,EAAAC,GACApD,EAAAqD,EAAAjD,EAAA+C,IACAzD,OAAA4D,eAAAlD,EAAA+C,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMApD,EAAA0D,EAAA,SAAArD,GACA,IAAA+C,EAAA/C,KAAAsD,WACA,WAA2B,OAAAtD,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAkD,EAAAE,EAAA,IAAAA,GACAA,GAIApD,EAAAqD,EAAA,SAAAO,EAAAC,GAAsD,OAAAnE,OAAAC,UAAAC,eAAAC,KAAA+D,EAAAC,IAGtD7D,EAAAyB,EAAA,IAGAzB,EAAA8D,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.774f0076e0c0772d13e6.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\t15: 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\":\"910c92cd927e62f3b750\",\"1\":\"51f41faca70282f154c5\",\"2\":\"4f37cf142c439b7a6853\",\"3\":\"dcf4b5c1e89567e163c5\",\"4\":\"fbacb615c4eee031df90\",\"5\":\"69055e518e8675b56880\",\"6\":\"5d027928caf90f2a9fa4\",\"7\":\"6e46acd9487d9e4bbfe2\",\"8\":\"d8dc3d21a8666bd39929\",\"9\":\"e43a2bba940bf3010a57\",\"10\":\"9b000eb965034017f426\",\"11\":\"9221fb41fea6c5fce716\",\"12\":\"dabab0508a2269534756\"}[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 5cecfcd7f16a709ffe77"],"sourceRoot":""}
\ No newline at end of file
--- a/dev/static/js/vendor.5ef5caa2a3de36ad6489.js
+++ b/dev/static/js/vendor.5ef5caa2a3de36ad6489.js
--- a/dev/static/js/vendor.5ef5caa2a3de36ad6489.js.map
+++ b/dev/static/js/vendor.5ef5caa2a3de36ad6489.js.map
--- a/dist/index.html
+++ b/dist/index.html
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style></style><link href=/static/css/app.d40c8de31d50e9e2c95ffba654df5d21.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>// var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.6468930badad8efc716d.js></script><script type=text/javascript src=/static/js/vendor.681131915737e8096bf9.js></script><script type=text/javascript src=/static/js/app.660e2f9b27560df6f76f.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style></style><link href=/static/css/app.7879156ac4cb3e8b26d9486d3d9617ff.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>// var vConsole = new VConsole();</script><script type=text/javascript src=/static/js/manifest.c24e1a0c4b296d0de921.js></script><script type=text/javascript src=/static/js/vendor.a672980c09f89a39402c.js></script><script type=text/javascript src=/static/js/app.bcc984c053be2673c9a3.js></script></body></html>
\ No newline at end of file
--- a/dist/static/css/app.d40c8de31d50e9e2c95ffba654df5d21.css
+++ b/dist/static/css/app.d40c8de31d50e9e2c95ffba654df5d21.css
--- a/dist/static/css/app.7879156ac4cb3e8b26d9486d3d9617ff.css.map
+++ b/dist/static/css/app.7879156ac4cb3e8b26d9486d3d9617ff.css.map
--- a/dist/static/css/app.d40c8de31d50e9e2c95ffba654df5d21.css.map
+++ b/dist/static/css/app.d40c8de31d50e9e2c95ffba654df5d21.css.map
--- a/dist/static/img/1.8b6cf58.png
+++ b/dist/static/img/1.8b6cf58.png
--- a/dist/static/img/2.a9e932c.png
+++ b/dist/static/img/2.a9e932c.png
--- a/dist/static/img/3.2840285.png
+++ b/dist/static/img/3.2840285.png
--- a/dist/static/img/4.0c14f04.png
+++ b/dist/static/img/4.0c14f04.png
--- a/dist/static/img/5.af4c4d3.png
+++ b/dist/static/img/5.af4c4d3.png
--- a/dist/static/js/0.7c0b62ca7b9159382cb7.js
+++ b/dist/static/js/0.7c0b62ca7b9159382cb7.js
--- a/dist/static/js/0.7c0b62ca7b9159382cb7.js.map
+++ b/dist/static/js/0.7c0b62ca7b9159382cb7.js.map
--- a/dist/static/js/1.5528c1e21ab247cc0a6b.js
+++ b/dist/static/js/1.5528c1e21ab247cc0a6b.js
--- a/dist/static/js/1.5528c1e21ab247cc0a6b.js.map
+++ b/dist/static/js/1.5528c1e21ab247cc0a6b.js.map
--- a/dist/static/js/1.97555cabb4bb6dd70d71.js
+++ b/dist/static/js/1.97555cabb4bb6dd70d71.js
--- a/dist/static/js/1.97555cabb4bb6dd70d71.js.map
+++ b/dist/static/js/1.97555cabb4bb6dd70d71.js.map
--- a/dist/static/js/4.bdd42a308f18df86720c.js
+++ b/dist/static/js/4.bdd42a308f18df86720c.js
--- a/dist/static/js/4.bdd42a308f18df86720c.js.map
+++ b/dist/static/js/4.bdd42a308f18df86720c.js.map
--- a/dist/static/js/5.d439f0f06c47cb221b97.js
+++ b/dist/static/js/5.d439f0f06c47cb221b97.js
--- a/dist/static/js/5.d439f0f06c47cb221b97.js.map
+++ b/dist/static/js/5.d439f0f06c47cb221b97.js.map
--- a/dist/static/js/7.ce0fec96c9a7cb143722.js
+++ b/dist/static/js/7.ce0fec96c9a7cb143722.js
--- a/dist/static/js/7.666e65f4c721447e31d7.js.map
+++ b/dist/static/js/7.666e65f4c721447e31d7.js.map
--- a/dist/static/js/7.ce0fec96c9a7cb143722.js.map
+++ b/dist/static/js/7.ce0fec96c9a7cb143722.js.map
--- a/dist/static/js/8.a74f73b28f7f5c08fba6.js
+++ b/dist/static/js/8.a74f73b28f7f5c08fba6.js
 webpackJsonp([8],{"U/b5":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a("2oJL"),s=a("Jmy5"),n=a("CCn6"),r=a("Au9i"),c={name:"mine",components:{bottomTab:i.a},data:function(){return{image:s.d,userDetail:{}}},mounted:function(){this.initPage()},methods:{initPage:function(){var t=this;Object(n.j)().then(function(e){t.userDetail=e})},clearBoth:function(){localStorage.clear(),Object(r.Toast)("清除成功")}}},o={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"mine"},[a("div",{staticClass:"head",style:{backgroundImage:"url("+t.image.head_bg+")"}},[a("img",{staticClass:"header-icon",attrs:{src:t.userDetail.avatar}}),t._v(" "),a("div",{staticClass:"ref-block",on:{click:function(e){t.clearBoth()}}},[a("img",{attrs:{src:t.image.ref}})]),t._v(" "),a("p",{staticClass:"name"},[t._v(t._s(t.userDetail.nickname))]),t._v(" "),a("span",{staticClass:"id"},[t._v("学员号:"+t._s(t.userDetail.user_id))])]),t._v(" "),a("div",{staticClass:"list"},[a("mt-cell",{attrs:{title:"订单",to:"/order","is-link":""}},[a("img",{attrs:{slot:"icon",src:t.image.order,width:"24",height:"24"},slot:"icon"})])],1),t._v(" "),a("bottom-tab")],1)},staticRenderFns:[]};var l=a("VU/8")(c,o,!1,function(t){a("iLBB")},"data-v-5a0d153e",null);e.default=l.exports},iLBB:function(t,e){}});
-//# sourceMappingURL=8.a74f73b28f7f5c08fba6.js.map
+//# sourceMappingURL=8.ddbdaae2202a8502d732.js.map
\ No newline at end of file
--- a/dist/static/js/8.a74f73b28f7f5c08fba6.js.map
+++ b/dist/static/js/8.a74f73b28f7f5c08fba6.js.map
--- a/dist/static/js/app.660e2f9b27560df6f76f.js
+++ b/dist/static/js/app.660e2f9b27560df6f76f.js
 webpackJsonp([14],{IcnI:function(e,t,n){"use strict";var a=n("7+uW"),o=n("NYxO"),i=(n("zSLJ"),{setToken:function(e,t){e.token=t,localStorage.setItem("cc_token",t)},transitionGo:function(e){e.transitionName="slide-left"},transitionBack:function(e){e.transitionName="slide-right"}});a.default.use(o.a);t.a=new o.a.Store({state:{token:"",transitionName:"slide-left"},mutations:i,actions:{setToken:function(e,t){(0,e.commit)("setToken",t)}}})},NHnr:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n("7+uW"),o={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"app"}},[t("transition",{attrs:{name:"fade"}},[t("router-view",{staticClass:"child-view"})],1)],1)},staticRenderFns:[]};var i=n("VU/8")({name:"App"},o,!1,function(e){n("Xfkc")},null,null).exports,r=n("YaEn"),c=n("IcnI"),l=n("Au9i"),u=n.n(l);n("d8/S");a.default.config.productionTip=!1,a.default.use(u.a),new a.default({el:"#app",router:r.a,store:c.a,components:{App:i},template:"<App/>"})},Xfkc:function(e,t){},YaEn:function(e,t,n){"use strict";var a=n("7+uW"),o=n("IcnI"),i=function(){var e=location.search,t=new Object;if(-1!=e.indexOf("?"))for(var n=e.substr(1).split("&"),a=0;a<n.length;a++)t[n[a].split("=")[0]]=unescape(n[a].split("=")[1]);return t},r=n("/ocq");a.default.use(r.a);var c=new r.a({routes:[{path:"/",name:"index",component:function(e){return Promise.all([n.e(0),n.e(4)]).then(function(){var t=[n("dAjm")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:0}},{path:"/myGoodsList",name:"myGoodsList",component:function(e){return Promise.all([n.e(0),n.e(9)]).then(function(){var t=[n("P3Wy")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:1}},{path:"/mine",name:"mine",component:function(e){return Promise.all([n.e(0),n.e(8)]).then(function(){var t=[n("U/b5")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:1}},{path:"/order",name:"order",component:function(e){return Promise.all([n.e(0),n.e(12)]).then(function(){var t=[n("R7Pr")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:2}},{path:"/share",name:"share",component:function(e){return Promise.all([n.e(0),n.e(10)]).then(function(){var t=[n("Eg0l")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:2}},{path:"/author",name:"author",component:function(e){return n.e(6).then(function(){var t=[n("sA+T")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:100,noNew:!0}},{path:"/buyDetail",name:"buyDetail",component:function(e){return Promise.all([n.e(0),n.e(2)]).then(function(){var t=[n("bNYG")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{skip_login:!0,noNew:!0,deep:10}},{path:"/buy",name:"buy",component:function(e){return Promise.all([n.e(0),n.e(5)]).then(function(){var t=[n("Y1ei")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{noNew:!0,deep:11}},{path:"/success",name:"success",component:function(e){return Promise.all([n.e(0),n.e(3)]).then(function(){var t=[n("IF8E")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{noNew:!0,deep:12}},{path:"/buySuccess",name:"buySuccess",component:function(e){return Promise.all([n.e(0),n.e(11)]).then(function(){var t=[n("w9eS")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{noNew:!0,deep:12}},{path:"/map",name:"map",component:function(e){return Promise.all([n.e(0),n.e(7)]).then(function(){var t=[n("LM1A")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:3}},{path:"/lesson",name:"lesson",component:function(e){return Promise.all([n.e(0),n.e(1)]).then(function(){var t=[n("v9XT")];e.apply(null,t)}.bind(this)).catch(n.oe)},meta:{deep:4}}]});c.beforeEach(function(e,t,n){e.meta.deep<t.meta.deep?o.a.commit("transitionBack"):o.a.commit("transitionGo");var a=function(){if(localStorage.getItem("retUrl")&&null!==localStorage.getItem("retUrl")&&""!==localStorage.getItem("retUrl")){var e=localStorage.getItem("retUrl").toString();localStorage.removeItem("retUrl"),n(e)}else n()};if("author"===e.name)n();else if(window.location.href.indexOf("token")>-1){var r=i().token;o.a.dispatch("setToken",r),a()}else if(localStorage.getItem("cc_token"))o.a.dispatch("setToken",localStorage.getItem("cc_token")),a();else if(e.meta.skip_login)a();else{var c={retUrl:e.fullPath};e.meta.noNew&&(c.is_new_user_url=1),n({name:"author",query:c})}});t.a=c},"d8/S":function(e,t){},zSLJ:function(e,t,n){"use strict"}},["NHnr"]);
-//# sourceMappingURL=app.660e2f9b27560df6f76f.js.map
+//# sourceMappingURL=app.bcc984c053be2673c9a3.js.map
\ No newline at end of file
--- a/dist/static/js/app.660e2f9b27560df6f76f.js.map
+++ b/dist/static/js/app.660e2f9b27560df6f76f.js.map
--- a/dist/static/js/manifest.c24e1a0c4b296d0de921.js
+++ b/dist/static/js/manifest.c24e1a0c4b296d0de921.js
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15: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:"6e5997e700ae81af1852",1:"5528c1e21ab247cc0a6b",2:"840436b48049837406b6",3:"a581e7e90b86e1d5955b",4:"2dffe2cc6aedd2768ad9",5:"aa0223e60f80c7f63d88",6:"98b7b421a970b1d30cf3",7:"666e65f4c721447e31d7",8:"ddbdaae2202a8502d732",9:"38426fafc96dd527bbf9",10:"b7cbd4a3997eb8a5f652",11:"03774de303215173ea90",12:"bda911c80c1efc9426ea"}[e]+".js";var f=setTimeout(i,12e4);function i(){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=i,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.c24e1a0c4b296d0de921.js.map
\ No newline at end of file
--- a/dist/static/js/manifest.6468930badad8efc716d.js.map
+++ b/dist/static/js/manifest.6468930badad8efc716d.js.map
--- a/dist/static/js/vendor.681131915737e8096bf9.js
+++ b/dist/static/js/vendor.681131915737e8096bf9.js
--- a/dist/static/js/vendor.681131915737e8096bf9.js.map
+++ b/dist/static/js/vendor.681131915737e8096bf9.js.map
--- a/index.html
+++ b/index.html
@@ -15,9 +15,9 @@
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <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 src="https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js"></script>
  <script>
-    // var vConsole = new VConsole();
+    var vConsole = new VConsole();
  </script>
  </body>
 </html>
--- a/indexMaster.html
+++ b/indexMaster.html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
+  <meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
+  <meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->
+  <title>唱唱启蒙英语</title>
+  <link rel="stylesheet" href="https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css">
+  <style>
+  </style>
+</head>
+<body>
+<div id="app"></div>
+<!-- built files will be auto injected -->
+<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>
+</body>
+</html>
--- a/src/assets/share/1.png
+++ b/src/assets/share/1.png
--- a/src/assets/share/2.png
+++ b/src/assets/share/2.png
--- a/src/assets/share/3.png
+++ b/src/assets/share/3.png
--- a/src/assets/share/4.png
+++ b/src/assets/share/4.png
--- a/src/assets/share/5.png
+++ b/src/assets/share/5.png
--- a/src/assets/share/6.png
+++ b/src/assets/share/6.png
--- a/src/components/lesson.vue
+++ b/src/components/lesson.vue
@@ -14,7 +14,7 @@
    </transition>
    <!--秀宝贝1-->
    <transition name="fade" v-if="nowLesson && nowLesson.key === 'show1'">
-      <show1-div :nowLesson="nowLesson" @goNext="goNext" @subLog="subLog"></show1-div>
+      <show1-div :nowLesson="nowLesson" :showData="showData" @goNext="goNext" @subLog="subLog"></show1-div>
    </transition>
    <!--加油包1-->
    <transition name="fade" v-if="nowLesson && nowLesson.key === 'refueling1'">
@@ -58,6 +58,7 @@
        lessonList:null,
        id:0,
        nowLesson:null,
+        showData:null,
        timeLong:nowTime,
        mouldUrl:{
          refueling1:refueling1,
@@ -78,6 +79,9 @@
          if(!!this.watch_list.find(i=>{return i.page_id === 1})){
            this.lessonList.find(i=>{return i.name === 1}).content.timeLang = 0
          }
+          if(!!this.watch_list.find(i=>{return i.page_type === 1})){
+            this.showData = this.watch_list.find(i=>{return i.page_type === 1}).learn_report
+          }
          this.nowLesson = this.lessonList.find(i=>{
            if(this.type===1){
              return i.name === this.type || i.key === 'look1'
@@ -96,7 +100,7 @@
      subLog(data){
        let json = {
          page_type:1,
-          page_id:0,
+          page_id:3,
          stay_time:0,
          learn_report:data
        };
@@ -104,7 +108,7 @@
      },
      // 切换页面
      goNext(i, setTime) {
-        if(!i && i !== 0){
+        if((!i && i !== 0)|| i === ''){
          this.backToList()
        }
        let stay_time = Date.parse(new Date()) - this.timeLong;
@@ -113,9 +117,7 @@
          page_id = 1
        } else if (this.nowLesson.name === 2 || this.nowLesson.key === 'play1' || (this.nowLesson.key === 'radio1' && this.nowLesson.content.titleType === 0)) {
          page_id = 2
-        } else if (this.nowLesson.name === 3 || this.nowLesson.key === 'show1') {
+        } else if (this.nowLesson.name === 3 || this.nowLesson.key === 'show1' ) {
-          page_id = 3
-        } else if (this.nowLesson.name === 4 || this.nowLesson.key === 'refueling1' || (this.nowLesson.key === 'radio1' && this.nowLesson.content.titleType === 1)) {
          page_id = 4
        }
        let json = {

--- a/src/components/map.vue
+++ b/src/components/map.vue
@@ -83,7 +83,9 @@
          <br>
          4.完成一天的课程（即爸妈看一看和宝贝玩一玩单元）就可获得一颗星星。
          <br>
-          5.填写每日宝贝成长秀并且提交后可获得一颗星星。 6.完成填写后根据页面提示分享打卡海报可获得一颗星星。
+          5.填写每日宝贝成长秀并且提交后可获得一颗星星。
+          <br>
+          6.完成填写后根据页面提示分享打卡海报可获得一颗星星。
          <br>
          7.完成地图中所有课程内容并且集齐所有星星后，请联系您的私人老师兑换什么奖品哦！
        </div>

--- a/src/components/mould/look1.vue
+++ b/src/components/mould/look1.vue
@@ -7,7 +7,7 @@
      <div class="title">
        <img :src="imgUrl.title1"/>
      </div>
-      <audio ref="lookAudio" v-if="nowLesson.content.radio.length > 0" :src="nowLesson.content.radio[0].url" @ended="lookAudioType = 2" @play="lookAudioType = 1" preload="auto"></audio>
+      <audio ref="lookAudio" v-if="nowLesson.content.radio.length > 0" :src="nowLesson.content.radio[0].url" @ended="lookAudioType = 2" @play="lookAudioType = 1" preload="auto" autoplay ></audio>
      <div class="radio">
        <img :src="imgUrl.r1" class="r1">
        <img :src="imgUrl.r2" class="r2" v-if="lookAudioType===2">
@@ -86,13 +86,10 @@
        this.lookAudioType = 2
      },
      backToList(){
-        let query = {
+        this.$router.go(-1)
-          periods_id:this.periods_id,
-          parent_category_id:this.parent_category_id
-        };
-        this.$router.push({name:'map',query:query})
      },
      initPage(){
        this.timeCheck = this.nowLesson.content.timeLang;
        this.timeS();
        getwechatParam({
@@ -109,29 +106,37 @@
            jsApiList: res.jsApiList
          });
          let voice = this.$refs.lookAudio;
+          document.addEventListener("WeixinJSBridgeReady",function(){
+            voice.play();
+          },false);
          wx.ready(function () {
            that.$nextTick(()=> {
              wx.ready(function () {
                that.$nextTick(()=>{
                  if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") {
                    voice.play();
+                    console.log(1)
                  } else {
                    //監聽客户端抛出事件"WeixinJSBridgeReady"
                    if (document.addEventListener) {
                      document.addEventListener("WeixinJSBridgeReady", function(){
                        voice.play();
+                        console.log(2)
                      }, false);
                    } else if (document.attachEvent) {
                      document.attachEvent("WeixinJSBridgeReady", function(){
                        voice.play();
+                        console.log(3)
                      });
                      document.attachEvent("onWeixinJSBridgeReady", function(){
                        voice.play();
+                        console.log(4)
                      });
                    }
                  }
                  wx.ready(()=>{
-                    that.$refs.lookAudio.play()
+                    that.$refs.lookAudio.play();
+                    console.log(123)
                  })
                })
              })

--- a/src/components/mould/show1.vue
+++ b/src/components/mould/show1.vue
@@ -10,10 +10,11 @@
        <img :src="imgUrl.title"/>
      </div>
      <div class="textarea">
-        <div contenteditable class="text" id="text" ref="textareaDiv">
+        <div :contenteditable="!showData" v-html="showData" class="text" id="text" ref="textareaDiv">
        </div>
-        <div class="btn-block">
+        <div class="btn-block" v-if="!
+        showData">
          <input type="file" accept="image/*" @change="uploadImg" class="input"/>
          <img :src="imgUrl.imgIcon" @click="chooseImage"/>
        </div>
@@ -33,8 +34,9 @@
  </div>
  <div class="share" :style="{backgroundImage:`url(${imgUrl2.background})`}" v-if="showType">
    <img :src="imgUrl2.tips" class="tips"/>
-    <img :src="dataURL" class="content" v-if="dataURL">
+    <img :src="dataURL" class="contentImg" v-if="dataURL">
-    <div class="content test-block" :style="{backgroundImage:`url(${imgUrl2.list[num]})`}" ref="imageWrapper">
+    <div class="text-tips">长按图片保存哦！</div>
+    <div class="content test-block" :style="{backgroundImage:`url(${imgUrl2.list[num]})`}" v-if="!dataURL" ref="imageWrapper">
      <img :src="user.avatar" class="head">
      <div class="name">{{user.nickname}}</div>
      <div class="day">{{watchLog.total_day}}</div>
@@ -48,12 +50,13 @@
 <script>
  import {show1,share} from "../../util/imgUrl";
  import {uploadFileApi,getUserWatchApi,getUserDetailApi,getwechatParam,subUserLessonApi} from "../../service/api";
-  import { Toast } from 'mint-ui';
+  import { Toast , Indicator } from 'mint-ui';
  import html2canvas from 'html2canvas'
  export default {
    name: "show1",
    props:[
-      'nowLesson'
+      'nowLesson',
+      'showData'
    ],
    data(){
      function randomNum(min,max){
@@ -85,17 +88,8 @@
    },
    methods:{
      toImage() {
-        var canvas2 = document.createElement("canvas");
-        let _canvas = document.querySelector('.test-block');
-        var w = parseInt(window.getComputedStyle(_canvas).width);
-        var h = parseInt(window.getComputedStyle(_canvas).height);
-        canvas2.width = w * 2;
-        canvas2.height = h * 2;
-        canvas2.style.width = w + "px";
-        canvas2.style.height = h + "px";
        html2canvas(this.$refs.imageWrapper,{
          timeout: 300,
-          canvas:canvas2,
          useCORS:true,
          allowTaint: false,
          logging:true,
@@ -103,20 +97,21 @@
          backgroundColor: null
        }).then((canvas) => {
          let dataURL = canvas.toDataURL("image/png");
+          Indicator.close();
          this.dataURL = dataURL;
        }).catch(res=>{alert(res);console.log()});
      },
-      toDataURL (src, callback) {
+      toDataURLBase64 (src, callback) {
-        var xhttp = new XMLHttpRequest()
+        let xhttp = new XMLHttpRequest();
        xhttp.onload = function () {
-          var fileReader = new FileReader()
+          let fileReader = new FileReader();
          fileReader.onloadend = function () {
            callback(fileReader.result)
-          }
+          };
          fileReader.readAsDataURL(xhttp.response)
        };
-        xhttp.responseType = 'blob'
+        xhttp.responseType = 'blob';
-        xhttp.open('GET', src, true)
+        xhttp.open('GET', src, true);
        xhttp.send()
      },
      initPage(){
@@ -127,7 +122,7 @@
        getUserDetailApi().then(res=>{
          this.user = res;
          let _this = this;
-          this.toDataURL(this.user.avatar, function (avatarUrl) {
+          this.toDataURLBase64(this.user.avatar, function (avatarUrl) {
            _this.posterAvatar = avatarUrl;
          })
        });
@@ -148,12 +143,15 @@
      subLog(){
          this.showType = true;
          this.$emit('subLog',this.$refs.textareaDiv.innerHTML);
+          Indicator.open('生成图片中...');
          getUserWatchApi().then(res=>{
            let that = this;
            this.showObj = res;
            this.showFinish = true;
            that.$nextTick(()=>{
-              that.toImage()
+              setTimeout(()=>{
+                that.toImage()
+              },300)
            });
            wx.onMenuShareAppMessage({
              title: '打卡', // 分享标题
@@ -331,7 +329,7 @@
    }
    .bottom-block{
      width: 100%;
-      text-align: center;
+      text-align: center;00
      position: fixed;
      z-index: 2;
      bottom: 10 * @toVw;
@@ -357,12 +355,31 @@
      z-index: 0;
      right: 31 * @toVw;
    }
+    .text-tips{
+      position: absolute;
+      color: white;
+      top: 550 * @toVw;
+      font-size: 12px;
+      z-index: 5;
+      width: 100%;
+      text-align: center;
+    }
    img.content{
      z-index: 3;
    }
-    .content{
+    .contentImg{
      width: 313 * @toVw;
      height: 524 * @toVw;
+      position: absolute;
+      top:53 * @toVw;
+      left: 50%;
+      z-index: 3;
+      margin-left: -156 * @toVw;
+    }
+    .content{
+      transform-origin:0 0;
+      width: 626 * @toVw;
+      height: 1048 * @toVw;
      background-size: 100% 100%;
      position: absolute;
      z-index: 2;
@@ -371,53 +388,58 @@
      margin-left: -156 * @toVw;
      .head{
        border-radius: 1000px;
-        width: 32 * @toVw;
+        width: 64 * @toVw;
        position: absolute;
-        top: 257 * @toVw;
+        top: 257 *2 * @toVw;
-        left: 40 * @toVw;
+        left: 40 *2  * @toVw;
      }
      .name{
-        width:70px;
+        width:140px;
-        height:20px;
+        height:40px;
-        font-size:14px;
+        font-size:28px;
        font-family:PingFang-SC-Bold;
        font-weight:bold;
        color:rgba(51,51,51,1);
-        line-height:20px;
+        line-height:40px;
        position: absolute;
-        top: 257 * @toVw;
+        top: 257 * 2 * @toVw;
-        left: 84 * @toVw;
+        left: 84 * 2 * @toVw;
      }
      .day{
-        font-size:20px;
+        font-size:40px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
-        line-height:28px;
+        line-height:56px;
        position: absolute;
-        top: 334 * @toVw;
+        top: 334*2 * @toVw;
-        right:243 * @toVw;
+        right:243*2 * @toVw;
      }
      .num{
-        font-size:20px;
+        font-size:40px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
-        line-height:28px;
+        line-height:56px;
        position: absolute;
-        top: 334 * @toVw;
+        top: 334 * 2 * @toVw;
-        right: 167 * @toVw;
+        right: 167 * 2 * @toVw;
      }
      .time{
-        font-size:20px;
+        font-size:40px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
-        line-height:28px;
+        line-height:56px;
        position: absolute;
-        top: 334 * @toVw;
+        top: 334 * 2 * @toVw;
-        right: 63 * @toVw;
+        right: 63 * 2 * @toVw;
      }
    }
  }
 </style>
+<style>
+  .mint-indicator-wrapper{
+    z-index: 10 !important;
+  }
+</style>