fe / yoho-activity-node · Commits

Go to a project

Authored by 514335620@qq.com
Commit d6d855fdbdb4bae7048b1ef259b482b8c2d15ca7 1 parent d9bc9114

增加夏日领券第二波物料

Inline Side-by-side
Showing 15 changed files with 48 additions and 34 deletions
1 -*,: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}  
  1 +*,: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}
  2 +/*# sourceMappingURL=../map/style.css.map */
@@ -22,48 +22,48 @@ @@ -22,48 +22,48 @@
22 /******/ return __webpack_require__(0); 22 /******/ return __webpack_require__(0);
23 /******/ } 23 /******/ }
24 /******/ }; 24 /******/ };
25 - 25 +/******/
26 /******/ // The module cache 26 /******/ // The module cache
27 /******/ var installedModules = {}; 27 /******/ var installedModules = {};
28 - 28 +/******/
29 /******/ // object to store loaded and loading chunks 29 /******/ // object to store loaded and loading chunks
30 /******/ // "0" means "already loaded" 30 /******/ // "0" means "already loaded"
31 /******/ // Array means "loading", array contains callbacks 31 /******/ // Array means "loading", array contains callbacks
32 /******/ var installedChunks = { 32 /******/ var installedChunks = {
33 /******/ 1:0 33 /******/ 1:0
34 /******/ }; 34 /******/ };
35 - 35 +/******/
36 /******/ // The require function 36 /******/ // The require function
37 /******/ function __webpack_require__(moduleId) { 37 /******/ function __webpack_require__(moduleId) {
38 - 38 +/******/
39 /******/ // Check if module is in cache 39 /******/ // Check if module is in cache
40 /******/ if(installedModules[moduleId]) 40 /******/ if(installedModules[moduleId])
41 /******/ return installedModules[moduleId].exports; 41 /******/ return installedModules[moduleId].exports;
42 - 42 +/******/
43 /******/ // Create a new module (and put it into the cache) 43 /******/ // Create a new module (and put it into the cache)
44 /******/ var module = installedModules[moduleId] = { 44 /******/ var module = installedModules[moduleId] = {
45 /******/ exports: {}, 45 /******/ exports: {},
46 /******/ id: moduleId, 46 /******/ id: moduleId,
47 /******/ loaded: false 47 /******/ loaded: false
48 /******/ }; 48 /******/ };
49 - 49 +/******/
50 /******/ // Execute the module function 50 /******/ // Execute the module function
51 /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 51 /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
52 - 52 +/******/
53 /******/ // Flag the module as loaded 53 /******/ // Flag the module as loaded
54 /******/ module.loaded = true; 54 /******/ module.loaded = true;
55 - 55 +/******/
56 /******/ // Return the exports of the module 56 /******/ // Return the exports of the module
57 /******/ return module.exports; 57 /******/ return module.exports;
58 /******/ } 58 /******/ }
59 - 59 +/******/
60 /******/ // This file contains only the entry chunk. 60 /******/ // This file contains only the entry chunk.
61 /******/ // The chunk loading function for additional chunks 61 /******/ // The chunk loading function for additional chunks
62 /******/ __webpack_require__.e = function requireEnsure(chunkId, callback) { 62 /******/ __webpack_require__.e = function requireEnsure(chunkId, callback) {
63 /******/ // "0" is the signal for "already loaded" 63 /******/ // "0" is the signal for "already loaded"
64 /******/ if(installedChunks[chunkId] === 0) 64 /******/ if(installedChunks[chunkId] === 0)
65 /******/ return callback.call(null, __webpack_require__); 65 /******/ return callback.call(null, __webpack_require__);
66 - 66 +/******/
67 /******/ // an array means "currently loading". 67 /******/ // an array means "currently loading".
68 /******/ if(installedChunks[chunkId] !== undefined) { 68 /******/ if(installedChunks[chunkId] !== undefined) {
69 /******/ installedChunks[chunkId].push(callback); 69 /******/ installedChunks[chunkId].push(callback);
@@ -75,20 +75,21 @@ @@ -75,20 +75,21 @@
75 /******/ script.type = 'text/javascript'; 75 /******/ script.type = 'text/javascript';
76 /******/ script.charset = 'utf-8'; 76 /******/ script.charset = 'utf-8';
77 /******/ script.async = true; 77 /******/ script.async = true;
78 - 78 +/******/
79 /******/ script.src = __webpack_require__.p + "" + chunkId + "." + ({"0":"main"}[chunkId]||chunkId) + ".js"; 79 /******/ script.src = __webpack_require__.p + "" + chunkId + "." + ({"0":"main"}[chunkId]||chunkId) + ".js";
80 /******/ head.appendChild(script); 80 /******/ head.appendChild(script);
81 /******/ } 81 /******/ }
82 /******/ }; 82 /******/ };
83 - 83 +/******/
84 /******/ // expose the modules object (__webpack_modules__) 84 /******/ // expose the modules object (__webpack_modules__)
85 /******/ __webpack_require__.m = modules; 85 /******/ __webpack_require__.m = modules;
86 - 86 +/******/
87 /******/ // expose the module cache 87 /******/ // expose the module cache
88 /******/ __webpack_require__.c = installedModules; 88 /******/ __webpack_require__.c = installedModules;
89 - 89 +/******/
90 /******/ // __webpack_public_path__ 90 /******/ // __webpack_public_path__
91 /******/ __webpack_require__.p = "/js"; 91 /******/ __webpack_require__.p = "/js";
92 /******/ }) 92 /******/ })
93 /************************************************************************/ 93 /************************************************************************/
94 -/******/ ([]);  
  94 +/******/ ([]);
  95 +//# sourceMappingURL=libs.js.map
This diff could not be displayed because it is too large.
@@ -2,28 +2,27 @@ @@ -2,28 +2,27 @@
2 2
3 .header { 3 .header {
4 width: 100%; 4 width: 100%;
5 - height: 306px; 5 + height: 334px;
6 background: url("../img/header.jpg"); 6 background: url("../img/header.jpg");
7 background-size: 100%; 7 background-size: 100%;
8 } 8 }
9 9
10 .coupon { 10 .coupon {
11 display: block; 11 display: block;
12 - margin-top: 30px;  
13 width: 100%; 12 width: 100%;
14 - height: 410px; 13 + height: 400px;
15 background: url("../img/coupon.jpg") no-repeat; 14 background: url("../img/coupon.jpg") no-repeat;
16 background-size: 100% auto; 15 background-size: 100% auto;
17 } 16 }
18 17
19 .share { 18 .share {
20 - margin: 30px auto; 19 + margin: 0px 30px 30px 30px;
21 width: 560px; 20 width: 560px;
22 height: 80px; 21 height: 80px;
23 font-size: 29px; 22 font-size: 29px;
24 line-height: 80px; 23 line-height: 80px;
25 color: #fff; 24 color: #fff;
26 - background: #74adb4; 25 + background: #d25d7f;;
27 text-align: center; 26 text-align: center;
28 27
29 &:after { 28 &:after {
@@ -31,7 +30,7 @@ @@ -31,7 +30,7 @@
31 display: block; 30 display: block;
32 width: 100%; 31 width: 100%;
33 height: 10px; 32 height: 10px;
34 - background: #549da4; 33 + background: #9d367f;
35 } 34 }
36 } 35 }
37 36
@@ -43,6 +42,16 @@ @@ -43,6 +42,16 @@
43 background-size: 100%; 42 background-size: 100%;
44 } 43 }
45 44
  45 +.banner-border {
  46 + border-left-width: 3px;
  47 + border-right-width: 3px;
  48 + border-top-width: 0px;
  49 + border-color: #444444;
  50 + border-style: solid;
  51 + background-color: #f1f1f9;
  52 + padding-top: 30px;
  53 +}
  54 +
46 .banner { 55 .banner {
47 display: block; 56 display: block;
48 margin: 50px auto; 57 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) => { @@ -78,11 +78,12 @@ exports.second = (req, res) => {
78 img: 'http://img01.yohoboys.com/staticimg/2016/04/08/18/01261f3ab06fe49da541b8fef708ec6676.jpg?imageMogr2/quality/90', 78 img: 'http://img01.yohoboys.com/staticimg/2016/04/08/18/01261f3ab06fe49da541b8fef708ec6676.jpg?imageMogr2/quality/90',
79 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"}}}' 79 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"}}}'
80 }, 80 },
  81 +
81 weixinUrl: 'http://mp.weixin.qq.com/s?__biz=MjM5ODI5MDA4MA==&mid=201849402&idx=1&sn=c0089812f9769d82e0075f69d771f6e1#rd', // 微信关注地址 82 weixinUrl: 'http://mp.weixin.qq.com/s?__biz=MjM5ODI5MDA4MA==&mid=201849402&idx=1&sn=c0089812f9769d82e0075f69d771f6e1#rd', // 微信关注地址
82 appUrl: 'http://www.yohoshow.com/about/index/yohobuyqr', // APP 下载地址 83 appUrl: 'http://www.yohoshow.com/about/index/yohobuyqr', // APP 下载地址
83 shareTitle: 'YOHO!BUY有货【夏日新品节】初夏新品全线首发！更有200元优惠券限时派送中~', 84 shareTitle: 'YOHO!BUY有货【夏日新品节】初夏新品全线首发！更有200元优惠券限时派送中~',
84 shareDesc: '1000+潮牌限时赠礼~更有初夏型品，2件8折！', 85 shareDesc: '1000+潮牌限时赠礼~更有初夏型品，2件8折！',
85 - shareImg: 'http://img01.yohoboys.com/staticimg/2016/04/08/18/010f90240883f1ee60ed831b5be477e52b.png', 86 + shareImg: 'http://img02.yohoboys.com/staticimg/2016/04/15/15/0284b2808f07c969beaf3410711e77f510.jpg',
86 shareLink: 'http://feature.yoho.cn/0418/0418APPHOME/index.html' 87 shareLink: 'http://feature.yoho.cn/0418/0418APPHOME/index.html'
87 }; 88 };
88 89
@@ -17,21 +17,23 @@ @@ -17,21 +17,23 @@
17 <div class="main-wrap home"> 17 <div class="main-wrap home">
18 <div class="header"></div> 18 <div class="header"></div>
19 <a class="coupon" href="{{couponUrl}}"></a> 19 <a class="coupon" href="{{couponUrl}}"></a>
20 - <div class="share"> 20 + <div class="banner-border">
  21 + <div class="share">
21 快去分享给小伙伴吧 <span class="arrow"></span> 22 快去分享给小伙伴吧 <span class="arrow"></span>
22 - </div>  
23 - <a class="banner" href="{{banner.url}}">  
24 - <img src="{{banner.img}}">  
25 - </a> 23 + </div>
  24 + <a class="banner" href="{{banner.url}}">
  25 + <img src="{{banner.img}}">
  26 + </a>
26 {{#unless isApp}} 27 {{#unless isApp}}
27 - <div class="download">  
28 - <a class="weixin" href="{{weixinUrl}}"> 28 + <div class="download">
  29 + <a class="weixin" href="{{weixinUrl}}">
29 关注有货微信 <span class="arrow"></span> 30 关注有货微信 <span class="arrow"></span>
30 - </a>  
31 - <a class="app" href="{{appUrl}}"> 31 + </a>
  32 + <a class="app" href="{{appUrl}}">
32 下载YOHO!BUY有货APP <span class="arrow"></span> 33 下载YOHO!BUY有货APP <span class="arrow"></span>
33 - </a>  
34 - </div> 34 + </a>
  35 + </div>
  36 + <div>
35 {{/unless}} 37 {{/unless}}
36 <div class="footer"> 38 <div class="footer">
37 </div> 39 </div>