Skip to content

H
h5-base
Commit fa1444f5 authored by chenyishuai@singsingenglish.com's avatar chenyishuai@singsingenglish.com
Browse files
Options

首页样式

parent e7c10ba4
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 27 additions and 25 deletions
dev/index.html
View file @ fa1444f5
......@@ -3,4 +3,4 @@
}
*{
-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>
\ No newline at end of file
}</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
dev/static/js/manifest.7882f239769bfda47bf2.js → dev/static/js/manifest.66e42a92f504332d5e94.js
View file @ fa1444f5
!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}}([]);
\ 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:"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
dist/index.html
View file @ fa1444f5
......@@ -3,4 +3,4 @@
}
.mint-toast{
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>
\ No newline at end of file
}</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
dist/static/css/app.88be63210c281ca4284f618f88b1d125.css deleted 100644 → 0
View file @ e7c10ba4
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.e0a23d797b5ab1abbbefd71c4137385d.css 0 → 100644
View file @ fa1444f5
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/7.84013d0cb64d38476429.js 0 → 100644
View file @ fa1444f5
This diff is collapsed.
dist/static/js/7.f560b7c82ca96d5ad6f4.js deleted 100644 → 0
View file @ e7c10ba4
This diff is collapsed.
dist/static/js/manifest.d35b2398dd0042666fd8.js → dist/static/js/manifest.6924070a14c06b3efbcd.js
View file @ fa1444f5
!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}}([]);
\ No newline at end of file
!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
src/components/index.vue
View file @ fa1444f5
......@@ -70,7 +70,7 @@
<div class="commonTitle">
<span class="line"></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>
</div>
<div class="content">
......@@ -374,9 +374,9 @@ export default {
.qr{width: 126 * @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);
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{
......@@ -389,7 +389,7 @@ export default {
.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;
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
{
0% {transform:scale(1)}
......@@ -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);
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 {
display: flex;
vertical-align: top;
.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;
.iconfont{font-size: 14px;color: #666666;}
.more{height: 33px;line-height:43px;font-size: 12 * @toVw;color: #666666;flex:1;text-align:right;overflow: hidden;
.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;}
.tip{font-size: 12px;color: #999999;height: 33px;display: inline-block;line-height: 43px;overflow: hidden;}
.title{font-size: 24 * @toVw;height: 33px;line-height: 33px;display: inline-block;margin-right: 10px;font-weight: bold;}
.tip{font-size: 12 * @toVw;color: #999999;height: 33px;display: inline-block;line-height: 43px;overflow: hidden;}
}
.lookData{font-size: 12px;
.iconfont{font-size: 12px;}
.lookData{font-size: 12 * @toVw;
.iconfont{font-size: 12 * @toVw;}
}
}
.med{
......@@ -446,8 +446,8 @@ export default {
box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
border-radius:16px;
box-sizing: border-box;
.title{font-size: 14px;color: black;}
.enTitle{font-size: 12px;line-height: 17px;}
.title{font-size: 14 * @toVw;color: black;}
.enTitle{font-size: 12 * @toVw;line-height: 17px;}
}
}
}
......@@ -473,10 +473,10 @@ export default {
color: #999999;
padding: 19 * @toVw 15 * @toVw;
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; }
.lookData{flex: 1;text-align: right;}
.enTitle{font-size: 12px;}
.enTitle{font-size: 12 * @toVw;}
}
}
}
......@@ -507,10 +507,10 @@ export default {
padding: 10px 15px 0;
display: flex;
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{}
}
.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 {
width: 335 * @toVw;
.tips {
display: inline-block;
font-size: 12px;
font-size: 12 * @toVw;
font-family: PingFang-SC-Bold;
font-weight: normal;
color: rgba(255, 255, 255, 1);
......@@ -614,7 +614,7 @@ export default {
.class-block {
margin-top: 10px;
font-family: PingFang-SC-Medium;
font-size: 18px;
font-size: 18 * @toVw;
color: #333333;
text-align: center;
background: white;
......@@ -629,5 +629,6 @@ export default {
}
}
}
*{margin: 0;}
</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