diff --git a/index.html b/index.html index 48b5949..1e796a6 100644 --- a/index.html +++ b/index.html @@ -198,7 +198,7 @@
全部 - 生活服务类 + 生活服务类 直播类 工具类 系统类 @@ -881,6 +881,22 @@ swiperInit() new WOW().init(); $('.counter').countUp(); + $(".position-group .item-group .item").click(function(){ + $(".position-group .item-group .item").removeClass('active') + $(this).addClass('active') + // $.ajax({url:"/",success:function(result){ + // $("#div1").html(result); + // $("#div1").html(result); + // }}); + }); + $(".type-group .item-group .item").click(function(){ + $(".type-group .item-group .item").removeClass('active') + $(this).addClass('active') + // $.ajax({url:"/",success:function(result){ + // $("#div1").html(result); + // $("#div1").html(result); + // }}); + }); diff --git a/static/css/about.css b/static/css/about.css new file mode 100644 index 0000000..185d707 --- /dev/null +++ b/static/css/about.css @@ -0,0 +1,387 @@ +html, body { + background-color: #050B20; + color: #fff; +} + +header { + height: 70px; + position: fixed; + top: 0; + left: 0; + width: 100%; + background-color: transparent; + z-index: 999; +} +header .menu-icon img:first-child { + width: 20px; + height: 20px; +} +header .menu-icon img:last-child { + width: 24px; + height: 24px; +} + +a { + color: #fff; + text-decoration: none; + font-size: 16px; +} + +.container { + max-width: 1200px; +} + +.menu-container { + display: flex; + padding: 0 80px; + background-color: transparent !important; +} + +.content-container { + max-width: 250px; +} + +.logo { + height: 100%; +} +.logo .img { + max-height: 70px; + width: auto; +} + +.banner { + position: relative; + height: AUTO; + padding-left: 0; + padding-right: 0; + overflow: hidden; +} +.banner .about-container { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.banner .about-container .about-title { + display: flex; + justify-content: flex-start; + align-items: center; + font-size: 36px; + height: 100%; +} +.banner .banner-mask { + position: absolute; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: linear-gradient(180deg, rgba(27, 83, 234, 0.3) 0%, #050B20 100%); +} +.banner .banner-mask .big-title { + margin-top: 250px; + font-size: 64px; + font-weight: bold; +} +.banner .banner-mask .big-title-back { + margin-top: 7px; + margin-bottom: 15px; + max-width: 460px; + width: 100%; + height: 8px; + background: linear-gradient(270deg, rgba(6, 243, 255, 0) 0%, #06F3FF 100%); +} +.banner .banner-mask .big-desc { + font-size: 20px; + max-width: 800px; + margin-bottom: 44px; +} +.banner .banner-mask .button-group .button { + cursor: pointer; + display: inline-block; + padding: 8px 25px; + margin-right: 20px; +} +.banner .banner-mask .button-group .button:first-child { + background: linear-gradient(-90deg, rgba(0, 123, 255, 0) 0%, #007BFF 100%); +} +.banner .banner-mask .button-group .button:last-child { + background: linear-gradient(-90deg, rgba(255, 171, 79, 0) 0%, #FFAB4F 100%); +} +.banner .banner-mask .number-container { + position: absolute; + bottom: 100px; + width: 100%; +} +.banner .banner-mask .number-container .row { + margin: auto; + max-width: 1500px; + width: 100%; +} +.banner .banner-mask .number-container .number { + font-size: 36px; + font-weight: 400; + position: relative; + padding-bottom: 30px; +} +.banner .banner-mask .number-container .number .ext { + width: 100%; + font-size: 16px; + position: absolute; + bottom: 8px; + left: 0; +} +.banner .banner-mask .number-container .label { + font-size: 24px; + font-weight: bold; +} + +.company-detail { + padding: 200px 0; + background-position: center center; + background-size: 100% 100%; + background-repeat: no-repeat; +} +.company-detail .detail-container { + padding-top: 45px; +} +.company-detail .detail-title { + font-size: 36px; + font-weight: bold; +} +.company-detail .detail-hr { + width: 200px; + height: 2px; + background: #FFFFFF; + margin: 45px 0; +} +.company-detail .detail-content { + font-size: 18px; + line-height: 32px; + max-width: 515px; +} +.company-detail .detail-image img { + width: 100%; + max-width: 565px; +} + +.team-detail { + padding: 60px 0; + background-position: center center; + background-size: 100% 100%; + background-repeat: no-repeat; +} +.team-detail .detail-title { + font-size: 36px; + font-weight: bold; + margin-bottom: 27px; + line-height: 32px; +} +.team-detail .detail-desc { + font-size: 18px; + font-weight: 400; + margin-bottom: 95px; +} +.team-detail .team-img { + padding: 0 12.5px; + position: relative; +} +.team-detail .team-img:nth-of-type(2), .team-detail .team-img:nth-of-type(4) { + bottom: 40px; +} +.team-detail img { + max-width: 100%; +} + +.menu { + display: flex; + align-items: center; +} +.menu .active { + position: relative; +} +.menu .active:after { + position: absolute; + bottom: -10px; + content: ""; + display: block; + width: 100%; + height: 4px; + border-radius: 2px; + background-color: #fff; +} + +.menu div { + color: #fff; + margin-right: 20px; +} +.menu div:nth-of-type(3) { + margin-right: 5px; +} + +footer .title { + font-size: 20px; + color: #fff; + font-weight: bold; +} +footer .phone { + font-size: 32px; + font-weight: bold; + margin-bottom: 26px; +} +footer .content { + font-size: 18px; + margin-top: 34px; +} +footer .qrcode-box:first-child { + padding-right: 15px; +} +footer .qrcode-box img { + max-width: 120px; + width: 100%; + margin-bottom: 5px; +} +footer .qrcode-box .job { + font-size: 16px; + font-weight: 400; +} +footer .qrcode-box .name { + font-size: 16px; + font-weight: 500; +} +footer .hr { + width: 100%; + height: 1px; + background: #FFFFFF; + opacity: 0.2; +} +footer .menu { + padding: 30px 0; +} +footer .menu .item { + border-right: 1px solid #fff; + padding: 0 40px; +} +footer .menu .item :last-child { + border-right: none; +} +footer .copyright { + padding: 15px 0; + font-size: 16px; + color: #fff; +} + +.hidden-pc { + display: none; +} + +.hidden-mobile { + display: block; +} + +@media (max-width: 768px) { + html, body { + overflow-x: hidden; + } + .hidden-pc { + display: block; + } + .hidden-mobile { + display: none; + } + .banner { + height: 50vh; + } + .banner .about-container { + background-size: cover; + background-position: right top; + } + .banner .about-container .about-title { + font-size: 23px; + } + .company-detail { + padding: 30px 0; + background-size: cover; + } + .company-detail .detail-container { + padding-top: 0px; + } + .company-detail .detail-title { + font-size: 18px; + } + .company-detail .detail-hr { + width: 30%; + margin: 15px 0; + } + .company-detail .detail-content { + font-size: 12px; + line-height: 28px; + margin-bottom: 30px; + } + .team-detail { + padding: 30px 0; + background-size: cover; + } + .team-detail .detail-title { + font-size: 18px; + } + .team-detail .detail-desc { + font-size: 12px; + font-weight: 400; + margin-bottom: 60px; + } + footer .title { + font-size: 14px; + } + footer .phone { + font-size: 16px; + margin-bottom: 26px; + } + footer .content { + font-size: 14px; + margin-top: 34px; + } + footer .qrcode-box:first-child { + padding-right: 15px; + } + footer .qrcode-box img { + max-width: 120px; + width: 100%; + margin-bottom: 5px; + } + footer .qrcode-box .job { + font-size: 12px; + font-weight: 400; + } + footer .qrcode-box .name { + font-size: 12px; + font-weight: 500; + } + footer .hr { + width: 100%; + height: 1px; + background: #FFFFFF; + opacity: 0.2; + } + footer .menu { + padding: 30px 0; + font-size: 12px; + flex-wrap: wrap; + } + footer .menu .item { + border-right: 1px solid #fff; + padding: 0 15px; + margin-bottom: 15px; + } + footer .menu .item :last-child { + border-right: none; + } + footer .copyright { + padding: 15px 0; + font-size: 12px; + color: #fff; + } +} + +/*# sourceMappingURL=about.css.map */ diff --git a/static/css/about.css.map b/static/css/about.css.map new file mode 100644 index 0000000..b55d2d8 --- /dev/null +++ b/static/css/about.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["about.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACE;EACA;;AAEF;EACE;EACA;;;AAKR;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;;AAOR;EACE;EAGE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGA;EACE;EACA;;;AAKN;EACE;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;;AAIJ;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;;AACA;EACE;;;AAMF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAIN;EACE;EACA;EACA;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EACA;IAEI;IACA;;EAEF;IACE;;EAIN;IACE;IAGE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAGJ;IACE;IAEE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAIF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGA;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;;EACA;IACE;;EAIN;IACE;IACA;IACA","file":"about.css"} \ No newline at end of file diff --git a/static/css/main.css b/static/css/main.css index 3f676be..adf5950 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -469,6 +469,19 @@ footer .copyright { .type-group .item-group, .position-group .item-group { display: inline-block !important; } +.type-group .item-group .active, .position-group .item-group .active { + position: relative; +} +.type-group .item-group .active:after, .position-group .item-group .active:after { + content: ""; + display: block; + position: absolute; + bottom: -7px; + height: 2px; + width: 100%; + left: 0; + background-color: #fff; +} .position-group { margin-bottom: 30px; diff --git a/static/css/main.css.map b/static/css/main.css.map index b6271a7..75e1e69 100644 --- a/static/css/main.css.map +++ b/static/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGI;EACE;EACA;;AAEF;EACE;EACA;;;AAKR;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;;AAOR;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EAEI;EACA;;AAGA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAKR;EACE;EAaE;EACA;EACA;;AAdF;EAEI;EACA;;AAGJ;EACE;EACA;;AAQF;EACE;EACA;;;AAIJ;EAYI;EACA;EACA;;AAbF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAQF;EACE;EACA;EACA;;AAEF;EACE;EACA;EAEE;EAEF;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAEF;EAEI;EAEF;;;AAOR;EACE;;;AAIA;EACE;;AAEF;EACE;;AACA;EAaE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAaF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;EACA;;;AAKN;EA+BE;;AA9BA;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EAAW;EACX;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AASR;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAIN;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;;;AAMJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;;;AAEF;EACE;EAEE;EACA;;;AAGJ;EACE;;;AAGA;EACE;;AAEF;EACE;EACA;;;AAGJ;EACE;;;AAEF;EACE;;;AAGA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAIE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAGA;IACE;;EACA;IACE;;EAGJ;IACE;;EAMR;IACE;;EACA;IACE;IACA;;EAGJ;IACE;;EAGI;IACE;;EAEF;IACE;;EAKR;IACE;;EAEF;IACE;;EAEE;IACE;;EAIN;IAEI;IACA;IACA;IAQF;IAEA;;EARA;IACE;;EAEF;IACE;;EAKF;IACE;IACA;;EAGJ;IAEI;;EAEF;IACE;;EACA;IACE;IACA;;EAGA;IACE;;EAKR;IACE;;EAGA;IACE;;EACA;IACE;;EACA;IAIE;IACA;;EAJA;IACE;;EAQV;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAEF;IACE;;EAGJ;IACE;;EAGA;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGA;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;;EACA;IACE;;EAIN;IACE;IACA;IACA;;;AAIN;EAGM;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EACA;IACE;;EACA;IAEE;;EAGJ;IACE","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGI;EACE;EACA;;AAEF;EACE;EACA;;;AAKR;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;;AAOR;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EAEI;EACA;;AAGA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAKR;EACE;EAaE;EACA;EACA;;AAdF;EAEI;EACA;;AAGJ;EACE;EACA;;AAQF;EACE;EACA;;;AAIJ;EAYI;EACA;EACA;;AAbF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAQF;EACE;EACA;EACA;;AAEF;EACE;EACA;EAEE;EAEF;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAEF;EAEI;EAEF;;;AAOR;EACE;;;AAIA;EACE;;AAEF;EACE;;AACA;EAaE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAaF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;EACA;;;AAKN;EA+BE;;AA9BA;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EAAW;EACX;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AASR;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAIN;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;;;AAMJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;;;AAEF;EACE;EAEE;EACA;;;AAGJ;EACE;;;AAGA;EACE;;AAEF;EACE;EACA;;;AAGJ;EACE;;;AAEF;EACE;;;AAGA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKR;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAIE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAGA;IACE;;EACA;IACE;;EAGJ;IACE;;EAMR;IACE;;EACA;IACE;IACA;;EAGJ;IACE;;EAGI;IACE;;EAEF;IACE;;EAKR;IACE;;EAEF;IACE;;EAEE;IACE;;EAIN;IAEI;IACA;IACA;IAQF;IAEA;;EARA;IACE;;EAEF;IACE;;EAKF;IACE;IACA;;EAGJ;IAEI;;EAEF;IACE;;EACA;IACE;IACA;;EAGA;IACE;;EAKR;IACE;;EAGA;IACE;;EACA;IACE;;EACA;IAIE;IACA;;EAJA;IACE;;EAQV;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAEF;IACE;;EAGJ;IACE;;EAGA;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGA;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;;EACA;IACE;;EAIN;IACE;IACA;IACA;;;AAIN;EAGM;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EACA;IACE;;EACA;IAEE;;EAGJ;IACE","file":"main.css"} \ No newline at end of file diff --git a/static/css/main.scss b/static/css/main.scss index 57ba12d..0423a5d 100644 --- a/static/css/main.scss +++ b/static/css/main.scss @@ -499,6 +499,19 @@ footer{ } .item-group{ display: inline-block !important; + .active{ + position: relative; + &:after{ + content: ""; + display:block; + position: absolute; + bottom:-7px; + height:2px; + width: 100%; + left:0; + background-color: #fff; + } + } } } .position-group{ diff --git a/static/image/next.png b/static/image/next.png new file mode 100644 index 0000000..c749610 Binary files /dev/null and b/static/image/next.png differ diff --git a/static/image/phone-icon.png b/static/image/phone-icon.png new file mode 100644 index 0000000..39b9ac6 Binary files /dev/null and b/static/image/phone-icon.png differ diff --git a/static/image/prev.png b/static/image/prev.png new file mode 100644 index 0000000..a50757b Binary files /dev/null and b/static/image/prev.png differ diff --git a/static/image/step-mobile.png b/static/image/step-mobile.png new file mode 100644 index 0000000..63a269d Binary files /dev/null and b/static/image/step-mobile.png differ diff --git a/static/image/wechat-icon.png b/static/image/wechat-icon.png new file mode 100644 index 0000000..cac95b8 Binary files /dev/null and b/static/image/wechat-icon.png differ diff --git a/static/js/countup.min.js b/static/js/countup.min.js new file mode 100644 index 0000000..ff4b12d --- /dev/null +++ b/static/js/countup.min.js @@ -0,0 +1 @@ +!function(t){"use strict";t.fn.countUp=function(e){var a=t.extend({time:2e3,delay:10},e);return this.each(function(){var e=t(this),n=a,u=function(){e.data("counterupTo")||e.data("counterupTo",e.text());var t=parseInt(e.data("counter-time"))>0?parseInt(e.data("counter-time")):n.time,a=parseInt(e.data("counter-delay"))>0?parseInt(e.data("counter-delay")):n.delay,u=t/a,r=e.data("counterupTo"),o=[r],c=/[0-9]+,[0-9]+/.test(r);r=r.replace(/,/g,"");for(var d=(/^[0-9]+$/.test(r),/^[0-9]+\.[0-9]+$/.test(r)),s=d?(r.split(".")[1]||[]).length:0,i=u;i>=1;i--){var p=parseInt(Math.round(r/u*i));if(d&&(p=parseFloat(r/u*i).toFixed(s)),c)for(;/(\d+)(\d{3})/.test(p.toString());)p=p.toString().replace(/(\d+)(\d{3})/,"$1,$2");o.unshift(p)}e.data("counterup-nums",o),e.text("0");var f=function(){e.text(e.data("counterup-nums").shift()),e.data("counterup-nums").length?setTimeout(e.data("counterup-func"),a):(delete e.data("counterup-nums"),e.data("counterup-nums",null),e.data("counterup-func",null))};e.data("counterup-func",f),setTimeout(e.data("counterup-func"),a)};e.waypoint(u,{offset:"100%",triggerOnce:!0})})}}(jQuery); \ No newline at end of file diff --git a/static/js/waypoints.min.js b/static/js/waypoints.min.js new file mode 100644 index 0000000..20e6f62 --- /dev/null +++ b/static/js/waypoints.min.js @@ -0,0 +1,7 @@ +/*! +Waypoints - 4.0.0 +Copyright © 2011-2015 Caleb Troughton +Licensed under the MIT license. +https://github.com/imakewebthings/waypoints/blob/master/licenses.txt +*/ +!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.invokeAll("enable")},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical);t&&e&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s],l=o.oldScroll=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=y+l-f,h=w=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}(); \ No newline at end of file