首页样式

parent e7c10ba4
...@@ -3,4 +3,4 @@ ...@@ -3,4 +3,4 @@
} }
*{ *{
-webkit-overflow-scrolling: touch -webkit-overflow-scrolling: touch
}</style><link href=static/css/app.f016ba765d8b5ed4f51f80904de686cd.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.7882f239769bfda47bf2.js></script><script type=text/javascript src=static/js/vendor.e044f3dac63d7cdf4e43.js></script><script type=text/javascript src=static/js/app.65ed0ed218f549e95958.js></script></body></html> }</style><link href=static/css/app.f016ba765d8b5ed4f51f80904de686cd.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.66e42a92f504332d5e94.js></script><script type=text/javascript src=static/js/vendor.e044f3dac63d7cdf4e43.js></script><script type=text/javascript src=static/js/app.65ed0ed218f549e95958.js></script></body></html>
\ No newline at end of file \ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,d){for(var f,o,b,i=0,u=[];i<c.length;i++)o=c[i],n[o]&&u.push(n[o][0]),n[o]=0;for(f in t)Object.prototype.hasOwnProperty.call(t,f)&&(e[f]=t[f]);for(a&&a(c,t,d);u.length;)u.shift()();if(d)for(i=0;i<d.length;i++)b=r(r.s=d[i]);return b};var c={},n={34:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],d=document.createElement("script");d.type="text/javascript",d.charset="utf-8",d.async=!0,d.timeout=12e4,r.nc&&d.setAttribute("nonce",r.nc),d.src=r.p+"static/js/"+e+"."+{0:"edd402238b86ed310d34",1:"6dffa05763f0439bbbe1",2:"b036dd58b5b725f0ac56",3:"8dfb98444be7be3da1f8",4:"74a5ca2992fb50fce87c",5:"aaf704a2afdad27e785d",6:"d27a58ad0bbfa4b6e90a",7:"1d5ac9a7f51679ab088d",8:"4746f0b53b1c9bc0e8c2",9:"6cd395b57c50b4a8d631",10:"e4900390e294708e603c",11:"08b648925597ca923e39",12:"b79dc5d8971f72fdae57",13:"fa5d9bfc1fee87fe967d",14:"0c5e62e6b434c95d03ae",15:"721e5dd812c11289ca18",16:"65a2d4dc3a1aebd80d84",17:"a3d340dcb18e27484c72",18:"d0615a487639ae8d817c",19:"6788ece3a8027eb36940",20:"cd791a949ce33569be3e",21:"e6473da59850e11e24e0",22:"64dc8df32f3b7ba02d49",23:"abd000c2d42590325658",24:"8d6d21dcd4761d5f6f66",25:"c4f8aca721402d7c94c6",26:"f688ad0a42f7f2456842",27:"a5e5e94083390ee9234f",28:"177b4274d387efdae1ff",29:"f11c8ca06a5b47020cee",30:"20b44b344574b2e0ec1f",31:"8f52eeaf0d104ac49249"}[e]+".js";var f=setTimeout(o,12e4);function o(){d.onerror=d.onload=null,clearTimeout(f);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return d.onerror=d.onload=o,t.appendChild(d),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,d){for(var f,o,b,i=0,u=[];i<c.length;i++)o=c[i],n[o]&&u.push(n[o][0]),n[o]=0;for(f in t)Object.prototype.hasOwnProperty.call(t,f)&&(e[f]=t[f]);for(a&&a(c,t,d);u.length;)u.shift()();if(d)for(i=0;i<d.length;i++)b=r(r.s=d[i]);return b};var c={},n={34:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],d=document.createElement("script");d.type="text/javascript",d.charset="utf-8",d.async=!0,d.timeout=12e4,r.nc&&d.setAttribute("nonce",r.nc),d.src=r.p+"static/js/"+e+"."+{0:"edd402238b86ed310d34",1:"6dffa05763f0439bbbe1",2:"b036dd58b5b725f0ac56",3:"8dfb98444be7be3da1f8",4:"74a5ca2992fb50fce87c",5:"aaf704a2afdad27e785d",6:"d27a58ad0bbfa4b6e90a",7:"e02d2ac12f4d4181bc8a",8:"4746f0b53b1c9bc0e8c2",9:"6cd395b57c50b4a8d631",10:"e4900390e294708e603c",11:"08b648925597ca923e39",12:"b79dc5d8971f72fdae57",13:"fa5d9bfc1fee87fe967d",14:"0c5e62e6b434c95d03ae",15:"721e5dd812c11289ca18",16:"65a2d4dc3a1aebd80d84",17:"a3d340dcb18e27484c72",18:"d0615a487639ae8d817c",19:"6788ece3a8027eb36940",20:"cd791a949ce33569be3e",21:"e6473da59850e11e24e0",22:"64dc8df32f3b7ba02d49",23:"abd000c2d42590325658",24:"8d6d21dcd4761d5f6f66",25:"c4f8aca721402d7c94c6",26:"f688ad0a42f7f2456842",27:"a5e5e94083390ee9234f",28:"177b4274d387efdae1ff",29:"f11c8ca06a5b47020cee",30:"20b44b344574b2e0ec1f",31:"8f52eeaf0d104ac49249"}[e]+".js";var f=setTimeout(o,12e4);function o(){d.onerror=d.onload=null,clearTimeout(f);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return d.onerror=d.onload=o,t.appendChild(d),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -3,4 +3,4 @@ ...@@ -3,4 +3,4 @@
} }
.mint-toast{ .mint-toast{
z-index: 10001 !important; z-index: 10001 !important;
}</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.88be63210c281ca4284f618f88b1d125.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></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.d35b2398dd0042666fd8.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.7262055d21701dc37e76.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.c2a522004288f2deff7f.js></script></body></html> }</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.e0a23d797b5ab1abbbefd71c4137385d.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></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.6924070a14c06b3efbcd.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.7262055d21701dc37e76.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.c2a522004288f2deff7f.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,r,f){for(var o,d,b,i=0,u=[];i<c.length;i++)d=c[i],n[d]&&u.push(n[d][0]),n[d]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(a&&a(c,r,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=t(t.s=f[i]);return b};var c={},n={34:0};function t(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,t),n.l=!0,n.exports}t.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,t){a=n[e]=[c,t]});a[2]=c;var r=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,t.nc&&f.setAttribute("nonce",t.nc),f.src=t.p+"static/js/"+e+"."+{0:"ef5278262e725aa394eb",1:"d1cd93925def5afda201",2:"0feaa9333bd5b3b4d2bd",3:"a960d45bd16eee99e06d",4:"dd70fbfa9ed3c028a170",5:"c8b39a01af7aac62f3dd",6:"7187a507e9cc893ca8c3",7:"f560b7c82ca96d5ad6f4",8:"5e996dc546b7ec790c0e",9:"d16c5b831859fae0d07c",10:"5f907134a62953a6e49e",11:"892271f82209639b4ee4",12:"5493b68964644e07a15a",13:"81a47382ba26d98f7613",14:"2c26fa40b30eb4f483b8",15:"f9fabe9d7c33c807d49f",16:"2014bca348b3ce65573f",17:"9104d2425308294a6b40",18:"c3607cb808f85736a754",19:"665e6a70fcb995c64139",20:"0fc0a436a7b6051797e3",21:"49919c7ba91fbe9e52b7",22:"397b3ced066fd3011fa7",23:"9f51c54eac85dc951193",24:"d6e49f5511e43c22f1db",25:"e5861d8c07fc8bedff04",26:"c0eff80ae043a57c0999",27:"1aef20bfd47bd3c12371",28:"5a15f27d39a6a897c24a",29:"b592a072a8ae796cf8c2",30:"a397cf568432cb83f2d5",31:"f89defb848384e201e3b"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=d,r.appendChild(f),c},t.m=e,t.c=c,t.d=function(e,a,c){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="https://static-cdn.changchangenglish.com/new-sing/",t.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,r,f){for(var o,d,b,i=0,u=[];i<c.length;i++)d=c[i],n[d]&&u.push(n[d][0]),n[d]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(a&&a(c,r,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=t(t.s=f[i]);return b};var c={},n={34:0};function t(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,t),n.l=!0,n.exports}t.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,t){a=n[e]=[c,t]});a[2]=c;var r=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,t.nc&&f.setAttribute("nonce",t.nc),f.src=t.p+"static/js/"+e+"."+{0:"ef5278262e725aa394eb",1:"d1cd93925def5afda201",2:"0feaa9333bd5b3b4d2bd",3:"a960d45bd16eee99e06d",4:"dd70fbfa9ed3c028a170",5:"c8b39a01af7aac62f3dd",6:"7187a507e9cc893ca8c3",7:"84013d0cb64d38476429",8:"5e996dc546b7ec790c0e",9:"d16c5b831859fae0d07c",10:"5f907134a62953a6e49e",11:"892271f82209639b4ee4",12:"5493b68964644e07a15a",13:"81a47382ba26d98f7613",14:"2c26fa40b30eb4f483b8",15:"f9fabe9d7c33c807d49f",16:"2014bca348b3ce65573f",17:"9104d2425308294a6b40",18:"c3607cb808f85736a754",19:"665e6a70fcb995c64139",20:"0fc0a436a7b6051797e3",21:"49919c7ba91fbe9e52b7",22:"397b3ced066fd3011fa7",23:"9f51c54eac85dc951193",24:"d6e49f5511e43c22f1db",25:"e5861d8c07fc8bedff04",26:"c0eff80ae043a57c0999",27:"1aef20bfd47bd3c12371",28:"5a15f27d39a6a897c24a",29:"b592a072a8ae796cf8c2",30:"a397cf568432cb83f2d5",31:"f89defb848384e201e3b"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=d,r.appendChild(f),c},t.m=e,t.c=c,t.d=function(e,a,c){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="https://static-cdn.changchangenglish.com/new-sing/",t.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
<div class="commonTitle"> <div class="commonTitle">
<span class="line"></span> <span class="line"></span>
<span class="title">启蒙小课堂</span> <span class="title">启蒙小课堂</span>
<span class="tip">听名师传授英语启蒙方法</span> <span class="tip">名师手把手,爸妈小帮手</span>
<a href="https://appanqlfkth3717.h5.xiaoeknow.com/homepage/10" class="more qm">更多 <i class="iconfont icon-youjiantou"></i> </a> <a href="https://appanqlfkth3717.h5.xiaoeknow.com/homepage/10" class="more qm">更多 <i class="iconfont icon-youjiantou"></i> </a>
</div> </div>
<div class="content"> <div class="content">
...@@ -374,9 +374,9 @@ export default { ...@@ -374,9 +374,9 @@ export default {
.qr{width: 126 * @toVw; .qr{width: 126 * @toVw;
position: absolute;left: 104* @toVw;top:20* @toVw ; position: absolute;left: 104* @toVw;top:20* @toVw ;
} }
.date{color: white;text-align: center;position: absolute;bottom: 8*@toVw;width: 100%;font-size: 12px;} .date{color: white;text-align: center;position: absolute;bottom: 8*@toVw;width: 100%;font-size: 12 * @toVw;}
.triangle{background: #FFC53D;width:104* @toVw ;height: 104* @toVw;position: absolute;right: -46* @toVw; top: -62* @toVw; transform:rotate(-50deg); .triangle{background: #FFC53D;width:104* @toVw ;height: 104* @toVw;position: absolute;right: -46* @toVw; top: -62* @toVw; transform:rotate(-50deg);
span{color: white;font-size: 14px;transform:rotate(50deg);position: absolute;top: 44* @toVw;font-size: 13px;} span{color: white;font-size: 14 * @toVw;transform:rotate(50deg);position: absolute;top: 44* @toVw;font-size: 13 * @toVw;}
} }
} }
.unBanner{ .unBanner{
...@@ -389,7 +389,7 @@ export default { ...@@ -389,7 +389,7 @@ export default {
.title{position: absolute;color: white;top: 35* @toVw;left: 20* @toVw;} .title{position: absolute;color: white;top: 35* @toVw;left: 20* @toVw;}
.date{color: white;text-align: center;position: absolute;bottom: 30*@toVw;padding-top: 10* @toVw;border-radius:28 * @toVw; .date{color: white;text-align: center;position: absolute;bottom: 30*@toVw;padding-top: 10* @toVw;border-radius:28 * @toVw;
box-sizing: border-box;background:#FFC53D; animation:myfirst 3s linear infinite; box-sizing: border-box;background:#FFC53D; animation:myfirst 3s linear infinite;
left: 20* @toVw;font-size: 14px;width: 152* @toVw;height:56* @toVw ; left: 20* @toVw;font-size: 14 * @toVw;width: 152* @toVw;height:56* @toVw ;
@keyframes myfirst @keyframes myfirst
{ {
0% {transform:scale(1)} 0% {transform:scale(1)}
...@@ -398,7 +398,7 @@ export default { ...@@ -398,7 +398,7 @@ export default {
} }
} }
.triangle{background: #FFC53D;width:104* @toVw ;height: 104* @toVw;position: absolute;right: -46* @toVw; top: -62* @toVw; transform:rotate(-50deg); .triangle{background: #FFC53D;width:104* @toVw ;height: 104* @toVw;position: absolute;right: -46* @toVw; top: -62* @toVw; transform:rotate(-50deg);
span{color: white;font-size: 14px;transform:rotate(85deg);position: absolute;top: 54* @toVw;font-size: 13px;bottom: 74* @toVw;} span{color: white;font-size: 14 * @toVw;transform:rotate(85deg);position: absolute;top: 54* @toVw;font-size: 13 * @toVw;bottom: 74* @toVw;}
} }
} }
} }
...@@ -410,14 +410,14 @@ export default { ...@@ -410,14 +410,14 @@ export default {
display: flex; display: flex;
vertical-align: top; vertical-align: top;
.line{height: 20px;width: 4px;border-radius:2px;margin-right: 10px;margin:auto 10px auto 0;} .line{height: 20px;width: 4px;border-radius:2px;margin-right: 10px;margin:auto 10px auto 0;}
.more{height: 33px;line-height:43px;font-size: 12px;color: #666666;flex:1;text-align:right;overflow: hidden; .more{height: 33px;line-height:43px;font-size: 12 * @toVw;color: #666666;flex:1;text-align:right;overflow: hidden;
.iconfont{font-size: 14px;color: #666666;} .iconfont{font-size: 14 * @toVw;color: #666666;}
} }
.title{font-size: 24px;height: 33px;line-height: 33px;display: inline-block;margin-right: 10px;font-weight: bold;} .title{font-size: 24 * @toVw;height: 33px;line-height: 33px;display: inline-block;margin-right: 10px;font-weight: bold;}
.tip{font-size: 12px;color: #999999;height: 33px;display: inline-block;line-height: 43px;overflow: hidden;} .tip{font-size: 12 * @toVw;color: #999999;height: 33px;display: inline-block;line-height: 43px;overflow: hidden;}
} }
.lookData{font-size: 12px; .lookData{font-size: 12 * @toVw;
.iconfont{font-size: 12px;} .iconfont{font-size: 12 * @toVw;}
} }
} }
.med{ .med{
...@@ -446,8 +446,8 @@ export default { ...@@ -446,8 +446,8 @@ export default {
box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
border-radius:16px; border-radius:16px;
box-sizing: border-box; box-sizing: border-box;
.title{font-size: 14px;color: black;} .title{font-size: 14 * @toVw;color: black;}
.enTitle{font-size: 12px;line-height: 17px;} .enTitle{font-size: 12 * @toVw;line-height: 17px;}
} }
} }
} }
...@@ -473,10 +473,10 @@ export default { ...@@ -473,10 +473,10 @@ export default {
color: #999999; color: #999999;
padding: 19 * @toVw 15 * @toVw; padding: 19 * @toVw 15 * @toVw;
box-sizing: border-box; box-sizing: border-box;
.title{font-size: 12px;color: black;} .title{font-size: 12 * @toVw;color: black;}
.line{border-right:1px solid #999999;height: 20px;margin: 0 10px; } .line{border-right:1px solid #999999;height: 20px;margin: 0 10px; }
.lookData{flex: 1;text-align: right;} .lookData{flex: 1;text-align: right;}
.enTitle{font-size: 12px;} .enTitle{font-size: 12 * @toVw;}
} }
} }
} }
...@@ -507,10 +507,10 @@ export default { ...@@ -507,10 +507,10 @@ export default {
padding: 10px 15px 0; padding: 10px 15px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.title{font-size: 14px;color: black;text-align: left;width: 50%;} .title{font-size: 14 * @toVw;color: black;text-align: left;width: 50%;}
.lookData{} .lookData{}
} }
.tip{color: #999999;padding: 0 15px ;text-align: left;margin-top: 4px;font-size: 12px;} .tip{color: #999999;padding: 0 15px ;text-align: left;margin-top: 4px;font-size: 12 * @toVw;}
} }
} }
} }
...@@ -592,7 +592,7 @@ export default { ...@@ -592,7 +592,7 @@ export default {
width: 335 * @toVw; width: 335 * @toVw;
.tips { .tips {
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12 * @toVw;
font-family: PingFang-SC-Bold; font-family: PingFang-SC-Bold;
font-weight: normal; font-weight: normal;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
...@@ -614,7 +614,7 @@ export default { ...@@ -614,7 +614,7 @@ export default {
.class-block { .class-block {
margin-top: 10px; margin-top: 10px;
font-family: PingFang-SC-Medium; font-family: PingFang-SC-Medium;
font-size: 18px; font-size: 18 * @toVw;
color: #333333; color: #333333;
text-align: center; text-align: center;
background: white; background: white;
...@@ -629,5 +629,6 @@ export default { ...@@ -629,5 +629,6 @@ export default {
} }
} }
} }
*{margin: 0;} *{margin: 0;}
</style> </style>
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