Skip to content

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

调整

parent 71ee6202
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 58 additions and 49 deletions
dist/index.html
View file @ f3d64144
<!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><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.471b54e88af021bd2806cba5c307794c.css rel=stylesheet></head><body><div id=app></div><script src=http://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.766bebecf545ef2a41b2.js></script><script type=text/javascript src=/static/js/vendor.76844a3542606dd8e3d5.js></script><script type=text/javascript src=/static/js/app.12bda4083b27acb24876.js></script></body></html>
\ No newline at end of file
<!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><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.753525686f87ba6bd8de2d1c482be95c.css rel=stylesheet></head><body><div id=app></div><script src=http://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.2d3d95e7e769ba8b45ff.js></script><script type=text/javascript src=/static/js/vendor.76844a3542606dd8e3d5.js></script><script type=text/javascript src=/static/js/app.12bda4083b27acb24876.js></script></body></html>
\ No newline at end of file
dist/static/css/app.471b54e88af021bd2806cba5c307794c.css.map deleted 100644 → 0
View file @ 71ee6202
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.753525686f87ba6bd8de2d1c482be95c.css.map 0 → 100644
View file @ f3d64144
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/5.a5065e95de90daf1c43b.js 0 → 100644
View file @ f3d64144
This diff is collapsed.
dist/static/js/5.a5065e95de90daf1c43b.js.map 0 → 100644
View file @ f3d64144
This diff is collapsed.
dist/static/js/5.af5e7b1a163a80b2c938.js deleted 100644 → 0
View file @ 71ee6202
This diff is collapsed.
dist/static/js/5.af5e7b1a163a80b2c938.js.map deleted 100644 → 0
View file @ 71ee6202
This diff is collapsed.
dist/static/js/manifest.766bebecf545ef2a41b2.js → dist/static/js/manifest.2d3d95e7e769ba8b45ff.js
View file @ f3d64144
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){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 c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);b.length;)b.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={14: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:"7e54bf1c0e575d00dda9",1:"b7029688b6d74399d49c",2:"bd4a6cf61dcf69fa0b84",3:"dcbe24f94f366f5d4fd9",4:"44a84d0a9abcb488813a",5:"af5e7b1a163a80b2c938",6:"4531b127c50d8b5bcca3",7:"eaa5542e27823cc44458",8:"bda43f5179cb115101af",9:"833b25f6b3093dbc7d1e",10:"eb996d11f450ff0dcb16",11:"1c944421d3f417fd85e4"}[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.766bebecf545ef2a41b2.js.map
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){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 c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);b.length;)b.shift()();if(a)for(u=0;u<a.length;u++)i=o(o.s=a[u]);return i};var r={},t={14: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:"7e54bf1c0e575d00dda9",1:"b7029688b6d74399d49c",2:"bd4a6cf61dcf69fa0b84",3:"dcbe24f94f366f5d4fd9",4:"44a84d0a9abcb488813a",5:"a5065e95de90daf1c43b",6:"4531b127c50d8b5bcca3",7:"eaa5542e27823cc44458",8:"bda43f5179cb115101af",9:"833b25f6b3093dbc7d1e",10:"eb996d11f450ff0dcb16",11:"1c944421d3f417fd85e4"}[e]+".js";var f=setTimeout(d,12e4);function d(){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=d,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.2d3d95e7e769ba8b45ff.js.map
\ No newline at end of file
src/components/lesson.vue
View file @ f3d64144
......@@ -4,10 +4,10 @@
<transition name="fade">
<div :style="{backgroundImage:`url(${mouldUrl.look1.bg})`}" class="look1" v-if="nowLesson && nowLesson.key === 'look1'">
<img :src="mouldUrl.look1.reqiqiu" class="reqiqiu"/>
<img :src="mouldUrl.look1.qiqiu" class="qiqiu"/>
<img :src="mouldUrl.look1.feiji" class="feiji"/>
<div class="content">
<img :src="mouldUrl.look1.reqiqiu" class="reqiqiu"/>
<img :src="mouldUrl.look1.qiqiu" class="qiqiu"/>
<img :src="mouldUrl.look1.feiji" class="feiji"/>
<div class="title">
<img :src="mouldUrl.look1.title1"/>
</div>
......@@ -26,14 +26,14 @@
<div class="zhanwei1"></div>
<div class="zhanwei2"></div>
<div class="zhanwei3"></div>
<div v-html="nowLesson.content.today">
<div v-html="formatBr(nowLesson.content.today)">
</div>
</div>
</div>
<div class="title2-block">
<img :src="mouldUrl.look1.title2" class="title2"/>
<div class="directory-text">
<div v-html="nowLesson.content.directory">
<div v-html="formatBr(nowLesson.content.directory)">
</div>
</div>
</div>
......@@ -227,6 +227,7 @@
},
mounted(){
this.initPage();
},
methods:{
// 播放看一看音频
......@@ -247,17 +248,23 @@
},1000)
}
},
formatBr(str){
str = str.replace(/\r\n/g,"<br/>");
str = str.replace(/\n/g,"<br/>");
str = str.replace(/\r/g,"<br/>");
return str
},
// 初始化页面
initPage(){
getUserDetailApi().then(res=>{
this.userDetail = res
});
getLessonDetailApi(this.periods_id,this.category_id).then(res=>{
this.lessonList = JSON.parse(res.content);
this.id = res.id;
this.watch_list = res.watch_list;
this.nowLesson = this.lessonList.find(i=>{return i.key === this.type});
if( !this.watch_list.find(x => {
return x.page_id === 1
})){
......@@ -518,6 +525,7 @@
overflow: auto;
.look1{
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
......@@ -526,10 +534,11 @@
background-size: 100% 100%;
.bottom-block{
position: fixed;
bottom: 9 * @toVw;
width: 100%;
left: 0;
text-align: center;
bottom: 5 * @toVw;
z-index: 5;
margin-top: 15 * @toVw;
img{
width: 127 * @toVw;
}
......@@ -549,34 +558,37 @@
}
}
.reqiqiu{
position: absolute;
left: -30/ 2 * @toVw;
width: 56 * @toVw;
z-index: 1;
}
.qiqiu{
position: absolute;
z-index: 1;
width: 42 *@toVw;
left: -30/ 2 * @toVw;
top: 700/ 2 * @toVw
}
.feiji{
position: absolute;
z-index: 1;
width: 84 * @toVw;
right: -10 * @toVw;
top: 120 * @toVw;
}
.content{
width: 325 * @toVw;
height: 520 * @toVw;
left: 20 * @toVw;
right: 20 * @toVw;
top:15 * @toVw;
bottom: 45 * @toVw;
overflow: auto;
position: fixed;
background: white;
border-radius: 5px;
position: relative;
top: 15 * @toVw;
padding: 10 * @toVw;
.reqiqiu{
position: absolute;
left: -30/ 2 * @toVw;
width: 56 * @toVw;
z-index: 1;
}
.qiqiu{
position: absolute;
z-index: 1;
width: 42 *@toVw;
left: -30/ 2 * @toVw;
top: 700/ 2 * @toVw
}
.feiji{
position: absolute;
z-index: 1;
width: 84 * @toVw;
right: -10 * @toVw;
top: 120 * @toVw;
}
.title{
img{
width: 100%;
......@@ -660,21 +672,15 @@
border: 1px solid #2E2E2E;
border-radius: 4px;
position: relative;
top: 10 * @toVw;
height: 213 * @toVw;
margin-top: 10 * @toVw;
min-height: 183 * @toVw;
.directory-text{
position: absolute;
top: 50/ 2 * @toVw;
left: 0;
bottom: 0;
right: 0;
margin-top: 20 * @toVw;
font-size: 28/ 2 * @toVw;
line-height: 50/ 2 * @toVw;
text-align: left;
padding-left: 40/ 2 * @toVw;
padding-right: 30/ 2 * @toVw;
z-index: 3;
overflow: auto;
}
.title2{
position: absolute;
......@@ -1056,6 +1062,7 @@
background-size: 100% 100%;
padding: 5 * @toVw;
.bg-block {
margin-top: 5 * @toVw;
background: white;
text-align: left;
border-radius: 4 * @toVw;
......
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