Skip to content

H
h5-base
Commit 525e65ab authored by wangwei's avatar wangwei
Browse files
Options

分享海报

parent 981496fd
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 414 additions and 284 deletions
config/index.js
View file @ 525e65ab
...@@ -11,8 +11,8 @@ module.exports = { ...@@ -11,8 +11,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 @ 525e65ab
...@@ -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.6cfaeec0515db2d1fd3d.js></script><script type=text/javascript src=/static/js/vendor.5ef5caa2a3de36ad6489.js></script><script type=text/javascript src=/static/js/app.e94cd6cc856296391cc2.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.5063041c4365090c3e11.js></script><script type=text/javascript src=/static/js/vendor.5ef5caa2a3de36ad6489.js></script><script type=text/javascript src=/static/js/app.e94cd6cc856296391cc2.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dev/static/js/1.746ef606ba97a69cb08b.js 0 → 100644
View file @ 525e65ab
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/1.746ef606ba97a69cb08b.js.map 0 → 100644
View file @ 525e65ab
This diff is collapsed.
dev/static/js/2.8fd0be5837e8cd0b0ba1.js 0 → 100644
View file @ 525e65ab
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/2.8fd0be5837e8cd0b0ba1.js.map 0 → 100644
View file @ 525e65ab
This diff is collapsed.
dev/static/js/manifest.5063041c4365090c3e11.js 0 → 100644
View file @ 525e65ab
!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={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:"57611af9b0ae57c65214",1:"746ef606ba97a69cb08b",2:"8fd0be5837e8cd0b0ba1",3:"9e1c9b6265408a14ad8f",4:"5d58b8bd9caace16e193",5:"80537092bc4d33c0426b",6:"64aa64e3a0a3bf5244f8",7:"a936c5672c7c62e66d9b",8:"e6d116e1cd19a76b7ffd",9:"ba9447be974dd2cddb03",10:"ba01ae1bae8fdcdf438f",11:"8b0e54a06f96fd83cc66",12:"db599e876dde29001712"}[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.5063041c4365090c3e11.js.map
\ No newline at end of file
dev/static/js/manifest.5063041c4365090c3e11.js.map 0 → 100644
View file @ 525e65ab
{"version":3,"sources":["webpack:///webpack/bootstrap e6b904950516cf4f79fb"],"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.5063041c4365090c3e11.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\":\"57611af9b0ae57c65214\",\"1\":\"746ef606ba97a69cb08b\",\"2\":\"8fd0be5837e8cd0b0ba1\",\"3\":\"9e1c9b6265408a14ad8f\",\"4\":\"5d58b8bd9caace16e193\",\"5\":\"80537092bc4d33c0426b\",\"6\":\"64aa64e3a0a3bf5244f8\",\"7\":\"a936c5672c7c62e66d9b\",\"8\":\"e6d116e1cd19a76b7ffd\",\"9\":\"ba9447be974dd2cddb03\",\"10\":\"ba01ae1bae8fdcdf438f\",\"11\":\"8b0e54a06f96fd83cc66\",\"12\":\"db599e876dde29001712\"}[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 e6b904950516cf4f79fb"],"sourceRoot":""}
\ No newline at end of file
dist/index.html
View file @ 525e65ab
...@@ -7,6 +7,6 @@ ...@@ -7,6 +7,6 @@
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})();</script><style>*{ })();</script><style>*{
-webkit-overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
}</style><link href=/static/css/app.ff9447f85991fa0e2918e45c21cf3a98.css rel=stylesheet></head><body><script>!(function(c,b,d,a){c[a]||(c[a]={});c[a].config={pid:"ecddlumwl5@49333dbf6667d97",imgUrl:"https://arms-retcode.aliyuncs.com/r.png?",enableSPA:true,sendResource:true}; }</style><link href=/static/css/app.3e74321b1983ebfab961a6c3395d0e21.css rel=stylesheet></head><body><script>!(function(c,b,d,a){c[a]||(c[a]={});c[a].config={pid:"ecddlumwl5@49333dbf6667d97",imgUrl:"https://arms-retcode.aliyuncs.com/r.png?",enableSPA:true,sendResource:true};
with(b)with(body)with(insertBefore(createElement("script"),firstChild))setAttribute("crossorigin","",src=d) with(b)with(body)with(insertBefore(createElement("script"),firstChild))setAttribute("crossorigin","",src=d)
})(window,document,"https://retcode.alicdn.com/retcode/bl.js","__bl");</script><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=/static/js/manifest.9684c441dddefd64b40d.js></script><script type=text/javascript src=/static/js/vendor.a672980c09f89a39402c.js></script><script type=text/javascript src=/static/js/app.2a2135fccf1e58f972b8.js></script></body></html> })(window,document,"https://retcode.alicdn.com/retcode/bl.js","__bl");</script><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=/static/js/manifest.b4ec40a08cc643736ff0.js></script><script type=text/javascript src=/static/js/vendor.a672980c09f89a39402c.js></script><script type=text/javascript src=/static/js/app.2a2135fccf1e58f972b8.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/app.3e74321b1983ebfab961a6c3395d0e21.css 0 → 100644
View file @ 525e65ab
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.3e74321b1983ebfab961a6c3395d0e21.css.map 0 → 100644
View file @ 525e65ab
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.ff9447f85991fa0e2918e45c21cf3a98.css deleted 100644 → 0
View file @ 981496fd
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.ff9447f85991fa0e2918e45c21cf3a98.css.map deleted 100644 → 0
View file @ 981496fd
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/1.ab75e633613b12799153.js 0 → 100644
View file @ 525e65ab
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/1.ab75e633613b12799153.js.map 0 → 100644
View file @ 525e65ab
This diff is collapsed.
dist/static/js/1.e22686f5d77ffdb0b5c6.js deleted 100644 → 0
View file @ 981496fd
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/1.e22686f5d77ffdb0b5c6.js.map deleted 100644 → 0
View file @ 981496fd
This diff is collapsed.
dist/static/js/2.37e6bc9512df0eeb2d79.js deleted 100644 → 0
View file @ 981496fd
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.37e6bc9512df0eeb2d79.js.map deleted 100644 → 0
View file @ 981496fd
This diff is collapsed.
dist/static/js/2.de03dd38375d96c56c66.js 0 → 100644
View file @ 525e65ab
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.de03dd38375d96c56c66.js.map 0 → 100644
View file @ 525e65ab
This diff is collapsed.
dist/static/js/manifest.9684c441dddefd64b40d.js → dist/static/js/manifest.b4ec40a08cc643736ff0.js
View file @ 525e65ab
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,b=[];d<r.length;d++)i=r[d],t[i]&&b.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);b.length;)b.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:"6388bea2da572ba0e072",1:"e22686f5d77ffdb0b5c6",2:"37e6bc9512df0eeb2d79",3:"13366c52ba0bec8feaa9",4:"6bb4d8931c6bfe11ee8d",5:"b5b4a093754685b40542",6:"bc2373b1426a8e898830",7:"9eab50194e0c7a107364",8:"28effba420334aaad037",9:"e9c13532e2c81271d6cd",10:"cdec3d42683e0190a711",11:"14fbac16daa1788b14a5",12:"0a311da95b1d86f508d2"}[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}}([]); !function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var i,u,d,f=0,b=[];f<r.length;f++)u=r[f],t[u]&&b.push(t[u][0]),t[u]=0;for(i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);for(n&&n(r,a,c);b.length;)b.shift()();if(c)for(f=0;f<c.length;f++)d=o(o.s=c[f]);return d};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:"6388bea2da572ba0e072",1:"ab75e633613b12799153",2:"de03dd38375d96c56c66",3:"13366c52ba0bec8feaa9",4:"6bb4d8931c6bfe11ee8d",5:"b5b4a093754685b40542",6:"bc2373b1426a8e898830",7:"9eab50194e0c7a107364",8:"28effba420334aaad037",9:"e9c13532e2c81271d6cd",10:"cdec3d42683e0190a711",11:"14fbac16daa1788b14a5",12:"0a311da95b1d86f508d2"}[e]+".js";var i=setTimeout(u,12e4);function u(){c.onerror=c.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=u,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.9684c441dddefd64b40d.js.map //# sourceMappingURL=manifest.b4ec40a08cc643736ff0.js.map
\ No newline at end of file \ No newline at end of file
src/assets/refIcon.png
View replaced file @ 981496fd View file @ 525e65ab
src/assets/refIcon.png

7.8 KB | W: | H:

src/assets/refIcon.png

20.6 KB | W: | H:

src/assets/refIcon.png
src/assets/refIcon.png
src/assets/refIcon.png
src/assets/refIcon.png
  • 2-up
  • Swipe
  • Onion skin
src/components/buy/index.vue
View file @ 525e65ab
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
<div v-if="groupId">立即参团</div> <div v-if="groupId">立即参团</div>
</div> </div>
</footer> </footer>
<footer v-if="groupDetail.goods_type && groupDetail.goods_type === 1"> <footer v-if="groupDetail.goods_type && groupDetail.goods_type !== 2">
<div class="btn" @click="showTeacher()"> <div class="btn" @click="showTeacher()">
<img :src="weChatIcon"/> <img :src="weChatIcon"/>
</div> </div>
...@@ -113,6 +113,7 @@ ...@@ -113,6 +113,7 @@
import 'swiper/dist/css/swiper.css' import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
import QRCode from 'qrcodejs2' import QRCode from 'qrcodejs2'
import { Indicator } from 'mint-ui';
import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from "../../service/api"; import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from "../../service/api";
import refBg from '../../assets/refBg.png' import refBg from '../../assets/refBg.png'
import moreUrl from '../../assets/moreIcon.png' import moreUrl from '../../assets/moreIcon.png'
...@@ -164,46 +165,52 @@ ...@@ -164,46 +165,52 @@
}, },
methods:{ methods:{
refshow(){ refshow(){
Indicator.open();
if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){ if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){
if(!this.invite_code){ setTimeout(()=>{
this.invite_code = 'CC-USER'
} Indicator.close();
getUserDetailApi().then(res=>{ if(!this.invite_code){
this.user_id=res.user_id; this.invite_code = 'CC-USER'
let invite_code = this.invite_code.split('-');
let code = `${invite_code[0]}-${invite_code[1]}`;
let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${code}-${this.user_id}`;
this.qrcode(URL);
this.refVisible = true;
this.$nextTick(()=>{
if(!this.dataURL){
setTimeout(()=>{
let {
height,
width
} = document.getElementById('capture').getClientRects()[0]
document.getElementById('capture').style.width = width + 'px';
let o = this.getOffsetRect(this.$refs.imageWrapper);
let {
height1,
width1
} = document.getElementById('capture').getClientRects()[0];
html2canvas(document.getElementById('capture'),{
async: true,
timeout: 500,
scale: 3,
width: width1,
height: height1,
letterRendering: true,
}).then((canvas) => {
let dataURL = canvas.toDataURL("image/jpg");
this.dataURL = dataURL;
}).catch(res=>{alert(res);console.log()});
},1500)
}else{
} }
}) getUserDetailApi().then(res=>{
}); this.user_id=res.user_id;
let invite_code = this.invite_code.split('-');
let code = `${invite_code[0]}-${invite_code[1]}`;
let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${code}-${this.user_id}`;
this.qrcode(URL);
this.refVisible = true;
this.$nextTick(()=>{
if(!this.dataURL){
setTimeout(()=>{
let {
height,
width
} = document.getElementById('capture').getClientRects()[0]
document.getElementById('capture').style.width = width + 'px';
let o = this.getOffsetRect(this.$refs.imageWrapper);
let {
height1,
width1
} = document.getElementById('capture').getClientRects()[0];
html2canvas(document.getElementById('capture'),{
async: true,
timeout: 500,
scale: 3,
width: width1,
height: height1,
letterRendering: true,
}).then((canvas) => {
let dataURL = canvas.toDataURL("image/jpg");
this.dataURL = dataURL;
}).catch(res=>{alert(res);console.log()});
},2000)
}else{
}
})
});
},1000)
}else{ }else{
let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'}; let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};
this.$router.push({name:'author',query:query}) this.$router.push({name:'author',query:query})
...@@ -407,7 +414,7 @@ ...@@ -407,7 +414,7 @@
.qrcode{ .qrcode{
position: absolute; position: absolute;
top: 305 * @toVw; top: 305 * @toVw;
left: 10 * @toVw; left: 15 * @toVw;
width: 60 * @toVw; width: 60 * @toVw;
} }
} }
...@@ -441,7 +448,7 @@ ...@@ -441,7 +448,7 @@
.ref-icon{ .ref-icon{
position: fixed; position: fixed;
height: 100/375 * 90vw ; height: 100/375 * 90vw ;
top: 50vw; top: 70vw;
z-index: 6; z-index: 6;
right: 10 * 100 /375vw; right: 10 * 100 /375vw;
border-radius: 100px; border-radius: 100px;
......
src/components/lesson.vue
View file @ 525e65ab
...@@ -163,62 +163,63 @@ ...@@ -163,62 +163,63 @@
}else{ }else{
this.backToList() this.backToList()
} }
} }else{
let page_id = 0; let page_id = 0;
if(data.next){ if(data.next){
if (this.nowLesson.name === 1) { if (this.nowLesson.name === 1) {
page_id = 1 page_id = 1
} else if (this.nowLesson.name === 2 ) { } else if (this.nowLesson.name === 2 ) {
if(!this.watch_list.find(i=>{return i.page_id === 2})){ if(!this.watch_list.find(i=>{return i.page_id === 2})){
this.starShow = false; this.starShow = false;
this.$nextTick(()=>{ this.$nextTick(()=>{
this.starShow = true; this.starShow = true;
}); });
} }
page_id = 2 page_id = 2
} else if (this.nowLesson.name === 3) { } else if (this.nowLesson.name === 3) {
if(!this.watch_list.find(i=>{return i.page_id === 3})){ if(!this.watch_list.find(i=>{return i.page_id === 3})){
this.starShow = false; this.starShow = false;
this.$nextTick(()=>{ this.$nextTick(()=>{
this.starShow = true; this.starShow = true;
}); });
}
page_id = 3
} }
page_id = 3 let json = {
page_type: 0,
page_id: page_id,
stay_time: stay_time / 1000
};
subUserLessonApi(this.id, this.category_id, this.periods_id, json).then(res => {
this.timeLong += stay_time;
getLessonDetailApi(this.periods_id,this.category_id,this.element_id).then(res=>{
this.watch_list = res.watch_list;
if(!!this.watch_list.find(i=>{return i.page_id === 1})){
this.lessonList.find(i=>{return i.name === 1 || i.name === '看一看-1'}).content.timeLang = 0
}
})
});
} }
let json = { this.nowLesson = '';
page_type: 0, this.$nextTick(()=>{
page_id: page_id, this.nowLesson = this.lessonList[data.i];
stay_time: stay_time / 1000 let nowNameList = this.lessonList.filter(a=>{return a.name === this.nowLesson.name && a.key === this.nowLesson.key});
}; this.nowLesson.content.mouldIndex = `${nowNameList.indexOf(this.nowLesson)*1 + 1}`;
subUserLessonApi(this.id, this.category_id, this.periods_id, json).then(res => { if(this.nowLesson.name === 1){
this.timeLong += stay_time; this.DocumentTitle = '爸妈看一看';
getLessonDetailApi(this.periods_id,this.category_id,this.element_id).then(res=>{ window._hmt.push(['_trackEvent', '看课', "切换到爸妈看一看",]);//百度统计
this.watch_list = res.watch_list; }else if(this.nowLesson.name === 2){
if(!!this.watch_list.find(i=>{return i.page_id === 1})){ this.DocumentTitle = '宝贝玩一玩';
this.lessonList.find(i=>{return i.name === 1 || i.name === '看一看-1'}).content.timeLang = 0 window._hmt.push(['_trackEvent', '看课', "切换到宝贝玩一玩",]);//百度统计
} }else if(this.nowLesson.name === 3){
}) this.DocumentTitle = '爸妈秀宝贝';
window._hmt.push(['_trackEvent', '看课', "切换到爸妈秀宝贝",]);//百度统计
}else if(this.nowLesson.name === 4){
this.DocumentTitle = '多元趣味课';
window._hmt.push(['_trackEvent', '看课', "切换到多元趣味课",]);//百度统计
}
}); });
} }
this.nowLesson = '';
this.$nextTick(()=>{
this.nowLesson = this.lessonList[data.i];
let nowNameList = this.lessonList.filter(a=>{return a.name === this.nowLesson.name && a.key === this.nowLesson.key});
this.nowLesson.content.mouldIndex = `${nowNameList.indexOf(this.nowLesson)*1 + 1}`;
if(this.nowLesson.name === 1){
this.DocumentTitle = '爸妈看一看';
window._hmt.push(['_trackEvent', '看课', "切换到爸妈看一看",]);//百度统计
}else if(this.nowLesson.name === 2){
this.DocumentTitle = '宝贝玩一玩';
window._hmt.push(['_trackEvent', '看课', "切换到宝贝玩一玩",]);//百度统计
}else if(this.nowLesson.name === 3){
this.DocumentTitle = '爸妈秀宝贝';
window._hmt.push(['_trackEvent', '看课', "切换到爸妈秀宝贝",]);//百度统计
}else if(this.nowLesson.name === 4){
this.DocumentTitle = '多元趣味课';
window._hmt.push(['_trackEvent', '看课', "切换到多元趣味课",]);//百度统计
}
});
}, },
}, },
watch:{ watch:{
......
src/components/mould/audio1.vue
View file @ 525e65ab
...@@ -11,6 +11,8 @@ ...@@ -11,6 +11,8 @@
</div> </div>
<audio <audio
ref="audio" ref="audio"
id="audio"
@canplay ="onPlay" @play="playOn"
:src="nowLesson.content.radio[radioLenth].url" :src="nowLesson.content.radio[radioLenth].url"
@timeupdate="updateTime"> @timeupdate="updateTime">
</audio> </audio>
...@@ -22,9 +24,11 @@ ...@@ -22,9 +24,11 @@
<span v-if="nowLesson.content.radio[radioLenth]">{{nowLesson.content.radio[radioLenth].lable}}</span> <span v-if="nowLesson.content.radio[radioLenth]">{{nowLesson.content.radio[radioLenth].lable}}</span>
</div> </div>
</div> </div>
<div class="play-block"> <div class="play-block" @mousedown="changeB=true">
<img :src="imgUrl.loading"/> <mt-range v-model="rangeValue" :value='rangeValue' :max="offset" :bar-height="2">
<div class="radius-icon" :style="{left:audioLeft}"></div> </mt-range>
<span class="time-span left">{{starttime}}</span>
<span class="time-span right">{{duration}}</span>
</div> </div>
<div class="btn-block"> <div class="btn-block">
<img :src="imgUrl.near" @click="dRadio()" v-if="nowLesson.content.radio && nowLesson.content.radio.length > 0"/> <img :src="imgUrl.near" @click="dRadio()" v-if="nowLesson.content.radio && nowLesson.content.radio.length > 0"/>
...@@ -64,7 +68,13 @@ ...@@ -64,7 +68,13 @@
return { return {
imgUrl: radio1, imgUrl: radio1,
audioLeft:0, audioLeft:0,
offset:0,
radioLenth:0, radioLenth:0,
starttime: '00:00', //正在播放时长
duration: '00:00', //总时长
rangeValue:0,
timer:null,
changeB:false,
playAudioType:false, playAudioType:false,
} }
}, },
...@@ -86,9 +96,55 @@ ...@@ -86,9 +96,55 @@
Toast('已是最后一个') Toast('已是最后一个')
} }
}, },
getDuration(){
let min = null;
if(parseInt(this.offset / 60)<10){
min = '0' + parseInt(this.offset / 60)
}else{
min = parseInt(this.offset / 60)
}
let sec = parseInt(this.offset % 60);
if (sec < 10) {
sec = "0" + sec;
}
this.duration = min + ':' + sec; /* 00:00 */
},
onPlay(){
let audio = document.querySelector('#audio');
this.offset = Math.ceil(parseInt(audio.duration))
console.log('开始播放-时长=' + audio.duration)
console.log(Math.ceil(this.offset))
this.$nextTick(()=>{
this.getDuration();
})
},
playOn(){
let audio = document.querySelector('#audio');
this.playflg = true;
this.timer = setInterval(() => {
let min = null;
if(parseInt(audio.currentTime / 60)<10){
min = '0' + parseInt(audio.currentTime / 60)
}else{
min = parseInt(audio.currentTime / 60)
}
let sec = parseInt(audio.currentTime % 60);
if (sec < 10) {
sec = "0" + sec;
};
this.starttime = min + ':' + sec; /* 00:00 */
this.rangeValue = parseInt(audio.currentTime)
if(this.rangeValue === this.offset) {
this.rangeValue=0;/*播放结束后进度条归零*/
this.starttime='00:00'; /*播放结束后时间归零*/
// this.stop()
clearInterval(this.timer)
}
}, 1000)
},
updateTime(e){ updateTime(e){
let time = e.target.currentTime / e.target.duration * 72.5333333; let time = e.target.currentTime / e.target.duration * 1000;
this.audioLeft = time + 'vw'; this.audioLeft = time;
if(e.target.currentTime === e.target.duration ){ if(e.target.currentTime === e.target.duration ){
this.playAudioType = false this.playAudioType = false
} }
...@@ -113,6 +169,37 @@ ...@@ -113,6 +169,37 @@
this.$refs.audio.play(); this.$refs.audio.play();
this.playAudioType = true; this.playAudioType = true;
}, },
},
watch:{
'rangeValue'(value,value2) {
let audio = document.querySelector('#audio');
if (Math.abs(value - value2) > 2) {
this.timer = setInterval(() => {
let min = null;
if(parseInt(audio.currentTime / 60)<10){
min = '0' + parseInt(audio.currentTime / 60)
}else{
min = parseInt(audio.currentTime / 60)
}
let sec = parseInt(audio.currentTime % 60);
if (sec < 10) {
sec = "0" + sec;
}
this.starttime = min + ':' + sec;
/* 00:00 */
this.rangeValue = parseInt(audio.currentTime);
if (this.rangeValue == this.offset) {
this.rangeValue = 0;
/*播放结束后进度条归零*/
this.starttime = '00:00';
/*播放结束后时间归零*/
// this.stopAudio();
clearInterval(this.timer)
}
}, 1000);
audio.currentTime = value;
}
}
} }
} }
</script> </script>
...@@ -177,6 +264,15 @@ ...@@ -177,6 +264,15 @@
img{ img{
width: 272 * @toVw; width: 272 * @toVw;
} }
.time-span{
font-size: 12px;
color: #888888;
position: absolute;
bottom: -15*@toVw;
&.right{
right: 0;
}
}
.radius-icon{ .radius-icon{
position: absolute; position: absolute;
width: 13 * @toVw; width: 13 * @toVw;
...@@ -217,3 +313,18 @@ ...@@ -217,3 +313,18 @@
} }
} }
</style> </style>
<style lang="less">
@import "../../util/public";
.mt-range-thumb {
background-color: #fff;
position: absolute;
left: 0;
width: 20 * @toVw;
height: 20 * @toVw;
top: -10 * @toVw;
cursor: move;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
z-index: 999;
}
</style>
src/components/mould/look1.vue
View file @ 525e65ab
...@@ -7,20 +7,13 @@ ...@@ -7,20 +7,13 @@
<div class="title"> <div class="title">
<img :src="imgUrl.title1"/> <img :src="imgUrl.title1"/>
</div> </div>
<audio ref="jiayouAudio" v-if="nowLesson.content.radio.length > 0" :src="nowLesson.content.radio[0].url" @ended="lookAudioType = 2" @play="lookAudioType = 1" preload="auto" autoplay ></audio> <!--<audio ref="jiayouAudio" 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"> <div class="radio">
<img :src="imgUrl.r1" class="r1">
<img :src="imgUrl.r2" class="r2" v-show="lookAudioType===2">
<img :src="imgUrl.playing" class="r2" v-show="lookAudioType===1">
<div class="r2 text" v-show="lookAudioType===0">
loading
<span>.</span>
<span>.</span>
<span>.</span>
</div>
<img :src="imgUrl.r3" class="r3"> <img :src="imgUrl.r3" class="r3">
<img :src="imgUrl.rp" class="rp" @click="playLook1Audio" v-if="lookAudioType!==1"> <div class="audio-block">
<img :src="imgUrl.rs" class="rs" @click="stopLook1Audio" v-if="lookAudioType===1"> <audio-div :src="nowLesson.content.radio[0].url" :autoPlay="true"/>
</div>
</div> </div>
<div class="today-block"> <div class="today-block">
<img :src="imgUrl.tadayBg"/> <img :src="imgUrl.tadayBg"/>
...@@ -45,13 +38,17 @@ ...@@ -45,13 +38,17 @@
</template> </template>
<script> <script>
import {getwechatParam,get} from "../../service/api"; import {getwechatParam} from "../../service/api";
import audioDiv from '../public/audioPlay'
import {look1} from "../../util/imgUrl"; import {look1} from "../../util/imgUrl";
export default { export default {
name: "look1", name: "look1",
props:[ props:[
'nowLesson' 'nowLesson'
], ],
components:{
audioDiv
},
data(){ data(){
return { return {
imgUrl:look1, imgUrl:look1,
...@@ -73,55 +70,55 @@ ...@@ -73,55 +70,55 @@
} }
}, },
// 播放看一看音频 // 播放看一看音频
playLook1Audio(){ // playLook1Audio(){
this.$refs.jiayouAudio.play(); // this.$refs.jiayouAudio.play();
this.lookAudioType = 1 // this.lookAudioType = 1
}, // },
// 暂停看一看音频 // // 暂停看一看音频
stopLook1Audio(){ // stopLook1Audio(){
this.$refs.jiayouAudio.pause(); // this.$refs.jiayouAudio.pause();
this.lookAudioType = 2 // this.lookAudioType = 2
}, // },
autoPlayAudio(){ // autoPlayAudio(){
let that = this; // let that = this;
let voice = this.$refs.jiayouAudio; // let voice = this.$refs.jiayouAudio;
document.addEventListener("WeixinJSBridgeReady",function(){ // document.addEventListener("WeixinJSBridgeReady",function(){
voice.play(); // voice.play();
},false); // },false);
wx.ready(function () { // wx.ready(function () {
that.$nextTick(()=> { // that.$nextTick(()=> {
wx.ready(function () { // wx.ready(function () {
that.$nextTick(()=>{ // that.$nextTick(()=>{
if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") { // if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") {
voice.play(); // voice.play();
console.log(1) // console.log(1)
} else { // } else {
//監聽客户端抛出事件"WeixinJSBridgeReady" // //監聽客户端抛出事件"WeixinJSBridgeReady"
if (document.addEventListener) { // if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", function(){ // document.addEventListener("WeixinJSBridgeReady", function(){
voice.play(); // voice.play();
console.log(2) // console.log(2)
}, false); // }, false);
} else if (document.attachEvent) { // } else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", function(){ // document.attachEvent("WeixinJSBridgeReady", function(){
voice.play(); // voice.play();
console.log(3) // console.log(3)
}); // });
document.attachEvent("onWeixinJSBridgeReady", function(){ // document.attachEvent("onWeixinJSBridgeReady", function(){
voice.play(); // voice.play();
console.log(4) // console.log(4)
}); // });
} // }
} // }
wx.ready(()=>{ // wx.ready(()=>{
that.$refs.jiayouAudio.play(); // that.$refs.jiayouAudio.play();
console.log(123) // console.log(123)
}) // })
}) // })
}) // })
}) // })
}) // })
}, // },
initPage(){ initPage(){
this.timeCheck = this.nowLesson.content.timeLang; this.timeCheck = this.nowLesson.content.timeLang;
this.timeS(); this.timeS();
...@@ -138,13 +135,13 @@ ...@@ -138,13 +135,13 @@
signature: res.signature, signature: res.signature,
jsApiList: res.jsApiList jsApiList: res.jsApiList
}); });
let voice = this.$refs.jiayouAudio; // let voice = this.$refs.jiayouAudio;
//
this.autoPlayAudio() // this.autoPlayAudio()
}); });
}, },
goNext(i,next){ goNext(i,next){
this.stopLook1Audio(); // this.stopLook1Audio();
this.$emit('goNext',{i:i,next:!!next}) this.$emit('goNext',{i:i,next:!!next})
}, },
formatBr(str){ formatBr(str){
...@@ -156,7 +153,7 @@ ...@@ -156,7 +153,7 @@
}, },
watch:{ watch:{
'nowLesson'(){ 'nowLesson'(){
this.autoPlayAudio
} }
}, },
} }
...@@ -246,6 +243,11 @@ ...@@ -246,6 +243,11 @@
width: 225.5 * @toVw; width: 225.5 * @toVw;
right: 10 * @toVw; right: 10 * @toVw;
} }
.audio-block{
position: absolute;
left: 80 * @toVw;
right: 0;
}
.r2{ .r2{
position: absolute; position: absolute;
right: 45 * @toVw; right: 45 * @toVw;
......
src/components/mould/refueling1.vue
View file @ 525e65ab
...@@ -2,10 +2,12 @@ ...@@ -2,10 +2,12 @@
<div class="refueling1" :style="{backgroundImage:`url(${imgUrl.bg})`}"> <div class="refueling1" :style="{backgroundImage:`url(${imgUrl.bg})`}">
<div class="bg-block"> <div class="bg-block">
<img :src="imgUrl.title" class="title" > <img :src="imgUrl.title" class="title" >
<audio v-if="nowLesson.content.radio.length" :src="nowLesson.content.radio[0].url" autoplay ref="jiayouAudio"></audio> <div :class="{'audio-block-ref':true,active:!!audioActive}">
<audio-div :src="nowLesson.content.radio[0].url" :autoplay="true" />
</div>
<div class="content-img"> <div class="content-img">
<img :src="nowLesson.content.banner[0].url" v-if="nowLesson.content.banner[0]" class="bg"> <img :src="nowLesson.content.banner[0].url" v-if="nowLesson.content.banner[0]" class="bg">
<img :src="imgUrl.radio" class="radio-icon" @click="playJiayou()"> <img :src="imgUrl.radio" class="radio-icon" @click="audioActive = !audioActive">
</div> </div>
</div> </div>
<div class="bottom-block"> <div class="bottom-block">
...@@ -17,7 +19,7 @@ ...@@ -17,7 +19,7 @@
<script> <script>
import {refueling1} from "../../util/imgUrl"; import {refueling1} from "../../util/imgUrl";
import audioDiv from "../public/audioPlay"
export default { export default {
name: "refueling1", name: "refueling1",
props:[ props:[
...@@ -25,62 +27,25 @@ ...@@ -25,62 +27,25 @@
], ],
data(){ data(){
return{ return{
imgUrl:refueling1 imgUrl:refueling1,
audioActive:false
} }
}, },
components:{
audioDiv
},
mounted(){ mounted(){
this.autoPlayAudio(); this.autoPlayAudio();
window._hmt.push(['_trackPageview', '/#/PV/card']); window._hmt.push(['_trackPageview', '/#/PV/card']);
}, },
methods:{ methods:{
goNext(i,next){ goNext(i,next){
this.$refs.jiayouAudio.pause()
this.$emit('goNext',{i:i,next:!!next}) this.$emit('goNext',{i:i,next:!!next})
}, },
// 播放加油包音频 // 播放加油包音频
playJiayou(){
if(this.$refs.jiayouAudio.paused){
this.$refs.jiayouAudio.play()
}else{
this.$refs.jiayouAudio.pause()
}
},
autoPlayAudio(){
let voice = this.$refs.jiayouAudio;
let that = this;
wx.ready(function () {
that.$nextTick(()=> {
wx.ready(function () {
that.$nextTick(()=>{
if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") {
voice.play();
} else {
//監聽客户端抛出事件"WeixinJSBridgeReady"
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", function(){
voice.play();
}, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", function(){
voice.play();
});
document.attachEvent("onWeixinJSBridgeReady", function(){
voice.play();
});
}
}
wx.ready(()=>{
that.$refs.jiayouAudio.play()
})
})
})
})
})
}
}, },
watch:{ watch:{
'nowLesson'(){ 'nowLesson'(){
this.autoPlayAudio()
} }
} }
} }
...@@ -88,6 +53,18 @@ ...@@ -88,6 +53,18 @@
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
.audio-block-ref{
width: 200 * @toVw;
position: absolute;
top: 105 * @toVw;
right: 80 * @toVw;
z-index: -1;
opacity: 0;
&.active{
z-index: 3;
opacity: 0.8;
}
}
.refueling1{ .refueling1{
position: absolute; position: absolute;
overflow: auto; overflow: auto;
......
src/components/mould/refueling2.vue
View file @ 525e65ab
...@@ -3,10 +3,13 @@ ...@@ -3,10 +3,13 @@
<div class="bg-block"> <div class="bg-block">
<img :src="imgUrl.refueling1.title" class="title" v-if="nowLesson.content.title === 0"> <img :src="imgUrl.refueling1.title" class="title" v-if="nowLesson.content.title === 0">
<img :src="imgUrl.refueling2.title2" class="title" v-if="nowLesson.content.title === 1"/> <img :src="imgUrl.refueling2.title2" class="title" v-if="nowLesson.content.title === 1"/>
<div :class="{'audio-block-ref':true,active:!!audioActive}">
<audio-div :src="nowLesson.content.radio[0].url" :autoplay="true" />
</div>
<audio v-if="nowLesson.content.radio.length" :src="nowLesson.content.radio[0].url" autoplay ref="jiayouAudio"></audio> <audio v-if="nowLesson.content.radio.length" :src="nowLesson.content.radio[0].url" autoplay ref="jiayouAudio"></audio>
<div class="content-img"> <div class="content-img">
<img :src="nowLesson.content.banner[0].url" class="img" v-if="nowLesson.content.banner[0]"> <img :src="nowLesson.content.banner[0].url" class="img" v-if="nowLesson.content.banner[0]">
<img :src="imgUrl.refueling2.radio" class="radio-icon" @click="playJiayou()"> <img :src="imgUrl.refueling2.radio" class="radio-icon" @click="audioActive = !audioActive">
<div class="changPage-block"> <div class="changPage-block">
<img :src="imgUrl.refueling2.back" class="left-icon" @click="goNext(nowLesson.content.lastIndex)"/> <img :src="imgUrl.refueling2.back" class="left-icon" @click="goNext(nowLesson.content.lastIndex)"/>
<img :src="imgUrl.refueling2.next" class="right-icon" @click="goNext(nowLesson.content.nextIndex,true)"/> <img :src="imgUrl.refueling2.next" class="right-icon" @click="goNext(nowLesson.content.nextIndex,true)"/>
...@@ -21,18 +24,22 @@ ...@@ -21,18 +24,22 @@
<script> <script>
import {refueling1,refueling2} from "../../util/imgUrl"; import {refueling1,refueling2} from "../../util/imgUrl";
import audioDiv from "../public/audioPlay"
export default { export default {
name: "refueling2", name: "refueling2",
props:[ props:[
'nowLesson' 'nowLesson'
], ],
components:{
audioDiv
},
data(){ data(){
return{ return{
imgUrl:{ imgUrl:{
refueling1:refueling1, refueling1:refueling1,
refueling2:refueling2 refueling2:refueling2
} },
audioActive:false
} }
}, },
mounted(){ mounted(){
...@@ -44,57 +51,24 @@ ...@@ -44,57 +51,24 @@
this.$refs.jiayouAudio.pause() this.$refs.jiayouAudio.pause()
this.$emit('goNext',{i:i,next:!!next}) this.$emit('goNext',{i:i,next:!!next})
}, },
// 播放加油包音频
playJiayou(){
if(this.$refs.jiayouAudio.paused){
this.$refs.jiayouAudio.play()
}else{
this.$refs.jiayouAudio.pause()
}
},
autoPlayAudio(){
let voice = this.$refs.jiayouAudio;
let that = this;
wx.ready(function () {
that.$nextTick(()=> {
wx.ready(function () {
that.$nextTick(()=>{
if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") {
voice.play();
} else {
//監聽客户端抛出事件"WeixinJSBridgeReady"
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", function(){
voice.play();
}, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", function(){
voice.play();
});
document.attachEvent("onWeixinJSBridgeReady", function(){
voice.play();
});
}
}
wx.ready(()=>{
that.$refs.jiayouAudio.play()
})
})
})
})
})
}
}, },
watch:{
'nowLesson'(){
this.autoPlayAudio()
}
}
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
.audio-block-ref{
width: 180 * @toVw;
position: absolute;
top: 280 * @toVw;
left: 80 * @toVw;
z-index: -1;
opacity: 0;
&.active{
z-index: 3;
opacity: 0.8;
}
}
.refueling2{ .refueling2{
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
......
src/components/public/audioPlay.vue
View file @ 525e65ab
...@@ -22,8 +22,11 @@ ...@@ -22,8 +22,11 @@
</template> </template>
<script> <script>
import {getwechatParam} from "../../service/api";
import stopUrl from '../../assets/mould/look1/rs.png' import stopUrl from '../../assets/mould/look1/rs.png'
import playUrl from '../../assets/mould/look1/rp.png' import playUrl from '../../assets/mould/look1/rp.png'
//--创建页面监听，页面加载完毕--触发音频播放
export default { export default {
name: 'audioMsg', name: 'audioMsg',
props:[ props:[
...@@ -35,19 +38,59 @@ ...@@ -35,19 +38,59 @@
stopUrl:stopUrl, stopUrl:stopUrl,
playUrl:playUrl, playUrl:playUrl,
//这首歌时间有点长 大家测试的时候可以换一个短点的MP3文件 //这首歌时间有点长 大家测试的时候可以换一个短点的MP3文件
audioURl:'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
playflg: false, playflg: false,
rangeValue: 0, rangeValue: 0,
starttime: '00:00', //正在播放时长 starttime: '00:00', //正在播放时长
duration: '00:00', //总时长 duration: '00:00', //总时长
offset: 0, offset: 0,
timer:null timer:null,
first:true
} }
}, },
mounted(){ mounted(){
if(this.autoPlay){ if(this.autoPlay){
let that = this;
document.addEventListener('DOMContentLoaded', function () {
if(that.first){
function audioAutoPlay() {
var musicEle0 = document.getElementById('audio');
musicEle0.play();
}
audioAutoPlay();
}
});
//--创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放
document.addEventListener('touchstart', function () {
if(that.first){
function audioAutoPlay() {
var musicEle0 = document.getElementById('audio');
musicEle0.play();
}
audioAutoPlay();
}
});
this.autoPlayAudio();
this.play(); this.play();
this.autoPlayAudio() getwechatParam({
api_list:'onMenuShareAppMessage',
url:window.location.href.split('#')[0]
}).then(res=>{
let that = this;
wx.config({
debug: false,
appId: res.appId,
timestamp: parseInt(res.timestamp),
nonceStr: res.nonceStr,
signature: res.signature,
jsApiList: res.jsApiList
});
this.autoPlayAudio();
this.play();
});
this.$nextTick(()=>{
this.first = false
})
} }
}, },
methods: { methods: {
...@@ -56,7 +99,7 @@ ...@@ -56,7 +99,7 @@
}, },
autoPlayAudio(){ autoPlayAudio(){
let that = this; let that = this;
let voice = document.querySelector('#audio');; let voice = document.querySelector('#audio');
document.addEventListener("WeixinJSBridgeReady",function(){ document.addEventListener("WeixinJSBridgeReady",function(){
that.play(); that.play();
},false); },false);
...@@ -65,24 +108,29 @@ ...@@ -65,24 +108,29 @@
wx.ready(function () { wx.ready(function () {
that.$nextTick(()=>{ that.$nextTick(()=>{
if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") { if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") {
that.play(); voice.play();
console.log(0)
} else { } else {
//監聽客户端抛出事件"WeixinJSBridgeReady" //監聽客户端抛出事件"WeixinJSBridgeReady"
if (document.addEventListener) { if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", function(){ document.addEventListener("WeixinJSBridgeReady", function(){
that.play(); voice.play();
console.log(1)
}, false); }, false);
} else if (document.attachEvent) { } else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", function(){ document.attachEvent("WeixinJSBridgeReady", function(){
that.play(); voice.play();
console.log(2)
}); });
document.attachEvent("onWeixinJSBridgeReady", function(){ document.attachEvent("onWeixinJSBridgeReady", function(){
that.play(); voice.play();
console.log(3)
}); });
} }
} }
wx.ready(()=>{ wx.ready(()=>{
that.play(); voice.play();
console.log(4)
}) })
}) })
}) })
...@@ -185,6 +233,7 @@ ...@@ -185,6 +233,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border: 2px solid #888; border: 2px solid #888;
background: white;
border-radius: 500px; border-radius: 500px;
} }
......
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