Authored by 514335620@qq.com

增加夏日领券第二波物料

*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden}body{font-size:.3rem;font-family:Helvetica,Arial,黑体;background:#fff}button,input{border:none;outline:none}a{text-decoration:none}.hide{display:none}.main-wrap{width:100%;max-width:16rem;margin-left:auto;margin-right:auto}.header{width:100%;height:7.65rem;background:url(../img/header-e8bb106b646503ca.jpg);background-size:100%}.coupon{display:block;margin-top:.75rem;width:100%;height:10.25rem;background:url(../img/coupon-fb7eaacfb9c10a4e.jpg) no-repeat;background-size:100% auto}.share{margin:.75rem auto;width:14rem;height:2rem;font-size:.725rem;line-height:2rem;color:#fff;background:#74adb4;text-align:center}.share:after{content:'';display:block;width:100%;height:.25rem;background:#549da4}.arrow{display:inline-block;width:.275rem;height:.5rem;background:url(../img/arrow-6ff612dd66b81d4e.png);background-size:100%}.banner{display:block;margin:1.25rem auto;width:14rem;height:6rem;background:#fff}.banner img{width:100%;height:100%}.download{margin:.75rem auto;font-size:.6rem;line-height:1.75rem;text-align:center}.download .weixin{width:6rem}.download .app,.download .weixin{display:inline-block;height:1.75rem;color:#fff;background:#000}.download .app{margin-left:.5rem;width:7.5rem}.download .arrow{height:.275rem;background-size:100% 100%}.footer{width:100%;height:2.75rem;background:url(../img/yoho-8d72b40e8e388d31.png) 50% no-repeat;background-color:#000;background-size:13.75rem .825rem}.tip{position:fixed;left:50%;top:50%;width:13.5rem;background:#fff;text-align:center;line-height:1.25;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tip .title{margin:.5rem auto;font-size:1rem;font-weight:700}.tip .sub-title{font-size:.8rem}.tip .desc{font-size:.6rem;color:#444}.tip .button{display:block;margin:.75rem auto;width:6.75rem;height:1.4rem;font-size:.65rem;line-height:1.4rem;text-align:center;color:#fff;background:#000}.tip:before{content:'';display:block;width:100%;height:1.35rem;background:#000}.mask,.tip-wrap{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1}.mask .pengyouquan{float:right;margin-top:.75rem;margin-right:.75rem;width:14.5rem;height:2.175rem;background:url(../img/pengyouquan-a7bee0f100b58fbf.png) 100% no-repeat;background-size:2.175rem 2.175rem}.mask .arrow{float:right;margin-top:.75rem;margin-right:1.5rem;width:14.5rem;height:6.15rem;background:url(../img/arrow2-60335b059fa6558d.png) 100% no-repeat;background-size:3.3rem 6.15rem}.mask p{width:100%;font-size:1.1rem;line-height:1.5;text-align:center;color:#fff}
\ No newline at end of file
*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden}body{font-size:.3rem;font-family:Helvetica,Arial,黑体;background:#fff}button,input{border:none;outline:none}a{text-decoration:none}.hide{display:none}.main-wrap{width:100%;max-width:16rem;margin-left:auto;margin-right:auto}.header{width:100%;height:8.35rem;background:url(../img/header-eca3bb67eb89a090.jpg);background-size:100%}.coupon{display:block;width:100%;height:10rem;background:url(../img/coupon-01b63f6621c6c987.jpg) no-repeat;background-size:100% auto}.share{margin:0 .75rem .75rem;width:14rem;height:2rem;font-size:.725rem;line-height:2rem;color:#fff;background:#d25d7f;text-align:center}.share:after{content:'';display:block;width:100%;height:.25rem;background:#9d367f}.arrow{display:inline-block;width:.275rem;height:.5rem;background:url(../img/arrow-6ff612dd66b81d4e.png);background-size:100%}.banner-border{border-left-width:.075rem;border-right-width:.075rem;border-top-width:0;border-color:#444;border-style:solid;background-color:#f1f1f9;padding-top:.75rem}.banner{display:block;margin:1.25rem auto;width:14rem;height:6rem;background:#fff}.banner img{width:100%;height:100%}.download{margin:.75rem auto;font-size:.6rem;line-height:1.75rem;text-align:center}.download .weixin{width:6rem}.download .app,.download .weixin{display:inline-block;height:1.75rem;color:#fff;background:#000}.download .app{margin-left:.5rem;width:7.5rem}.download .arrow{height:.275rem;background-size:100% 100%}.footer{width:100%;height:2.75rem;background:url(../img/yoho-8d72b40e8e388d31.png) 50% no-repeat;background-color:#000;background-size:13.75rem .825rem}.tip{position:fixed;left:50%;top:50%;width:13.5rem;background:#fff;text-align:center;line-height:1.25;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tip .title{margin:.5rem auto;font-size:1rem;font-weight:700}.tip .sub-title{font-size:.8rem}.tip .desc{font-size:.6rem;color:#444}.tip .button{display:block;margin:.75rem auto;width:6.75rem;height:1.4rem;font-size:.65rem;line-height:1.4rem;text-align:center;color:#fff;background:#000}.tip:before{content:'';display:block;width:100%;height:1.35rem;background:#000}.mask,.tip-wrap{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1}.mask .pengyouquan{float:right;margin-top:.75rem;margin-right:.75rem;width:14.5rem;height:2.175rem;background:url(../img/pengyouquan-a7bee0f100b58fbf.png) 100% no-repeat;background-size:2.175rem 2.175rem}.mask .arrow{float:right;margin-top:.75rem;margin-right:1.5rem;width:14.5rem;height:6.15rem;background:url(../img/arrow2-60335b059fa6558d.png) 100% no-repeat;background-size:3.3rem 6.15rem}.mask p{width:100%;font-size:1.1rem;line-height:1.5;text-align:center;color:#fff}
/*# sourceMappingURL=../map/style.css.map */
... ...
... ... @@ -22,48 +22,48 @@
/******/ return __webpack_require__(0);
/******/ }
/******/ };
/******/
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // object to store loaded and loading chunks
/******/ // "0" means "already loaded"
/******/ // Array means "loading", array contains callbacks
/******/ var installedChunks = {
/******/ 1:0
/******/ };
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
/******/ __webpack_require__.e = function requireEnsure(chunkId, callback) {
/******/ // "0" is the signal for "already loaded"
/******/ if(installedChunks[chunkId] === 0)
/******/ return callback.call(null, __webpack_require__);
/******/
/******/ // an array means "currently loading".
/******/ if(installedChunks[chunkId] !== undefined) {
/******/ installedChunks[chunkId].push(callback);
... ... @@ -75,20 +75,21 @@
/******/ script.type = 'text/javascript';
/******/ script.charset = 'utf-8';
/******/ script.async = true;
/******/
/******/ script.src = __webpack_require__.p + "" + chunkId + "." + ({"0":"main"}[chunkId]||chunkId) + ".js";
/******/ head.appendChild(script);
/******/ }
/******/ };
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/js";
/******/ })
/************************************************************************/
/******/ ([]);
\ No newline at end of file
/******/ ([]);
//# sourceMappingURL=libs.js.map
\ No newline at end of file
... ...
This diff could not be displayed because it is too large.
... ... @@ -2,28 +2,27 @@
.header {
width: 100%;
height: 306px;
height: 334px;
background: url("../img/header.jpg");
background-size: 100%;
}
.coupon {
display: block;
margin-top: 30px;
width: 100%;
height: 410px;
height: 400px;
background: url("../img/coupon.jpg") no-repeat;
background-size: 100% auto;
}
.share {
margin: 30px auto;
margin: 0px 30px 30px 30px;
width: 560px;
height: 80px;
font-size: 29px;
line-height: 80px;
color: #fff;
background: #74adb4;
background: #d25d7f;;
text-align: center;
&:after {
... ... @@ -31,7 +30,7 @@
display: block;
width: 100%;
height: 10px;
background: #549da4;
background: #9d367f;
}
}
... ... @@ -43,6 +42,16 @@
background-size: 100%;
}
.banner-border {
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 0px;
border-color: #444444;
border-style: solid;
background-color: #f1f1f9;
padding-top: 30px;
}
.banner {
display: block;
margin: 50px auto;
... ...

133 KB | W: | H:

45.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

153 KB | W: | H:

49.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -78,11 +78,12 @@ exports.second = (req, res) => {
img: 'http://img01.yohoboys.com/staticimg/2016/04/08/18/01261f3ab06fe49da541b8fef708ec6676.jpg?imageMogr2/quality/90',
url: 'http://feature.yoho.cn/0418/0418APPHOME/index.html?openby:yohobuy={"action":"go.h5","params":{"title":"YOHO!BUY有货【夏日新品节】", "url":"http://feature.yoho.cn/0418/0418APPHOME/index.html?","share":"\/operations\/api\/v5\/webshare\/getShare","shareparam":{"share_id":"386"},"param":{"share_id":"386"}}}'
},
weixinUrl: 'http://mp.weixin.qq.com/s?__biz=MjM5ODI5MDA4MA==&mid=201849402&idx=1&sn=c0089812f9769d82e0075f69d771f6e1#rd', // 微信关注地址
appUrl: 'http://www.yohoshow.com/about/index/yohobuyqr', // APP 下载地址
shareTitle: 'YOHO!BUY有货【夏日新品节】初夏新品全线首发!更有200元优惠券限时派送中~',
shareDesc: '1000+潮牌限时赠礼~更有初夏型品,2件8折!',
shareImg: 'http://img01.yohoboys.com/staticimg/2016/04/08/18/010f90240883f1ee60ed831b5be477e52b.png',
shareImg: 'http://img02.yohoboys.com/staticimg/2016/04/15/15/0284b2808f07c969beaf3410711e77f510.jpg',
shareLink: 'http://feature.yoho.cn/0418/0418APPHOME/index.html'
};
... ...
... ... @@ -17,21 +17,23 @@
<div class="main-wrap home">
<div class="header"></div>
<a class="coupon" href="{{couponUrl}}"></a>
<div class="share">
<div class="banner-border">
<div class="share">
快去分享给小伙伴吧 <span class="arrow"></span>
</div>
<a class="banner" href="{{banner.url}}">
<img src="{{banner.img}}">
</a>
</div>
<a class="banner" href="{{banner.url}}">
<img src="{{banner.img}}">
</a>
{{#unless isApp}}
<div class="download">
<a class="weixin" href="{{weixinUrl}}">
<div class="download">
<a class="weixin" href="{{weixinUrl}}">
关注有货微信 <span class="arrow"></span>
</a>
<a class="app" href="{{appUrl}}">
</a>
<a class="app" href="{{appUrl}}">
下载YOHO!BUY有货APP <span class="arrow"></span>
</a>
</div>
</a>
</div>
<div>
{{/unless}}
<div class="footer">
</div>
... ...