fe / yohobuywap-node · Commits

Go to a project

Authored by 王水玲
Commit db943c02ec1b313c6156af33368b21ab9921fbb0 1 parent 29263c9b

年度账单问题修改

Inline Side-by-side
Showing 4 changed files with 101 additions and 93 deletions
@@ -103,7 +103,7 @@ const share = (req, res) => { @@ -103,7 +103,7 @@ const share = (req, res) => {
103 title: title, 103 title: title,
104 localCss: true, 104 localCss: true,
105 data: Object.assign({ 105 data: Object.assign({
106 - sUrl: req.originalUrl 106 + sUrl: 'http://m.yohobuy.com' + req.originalUrl
107 }, q) 107 }, q)
108 }); 108 });
109 }; 109 };
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 <input type="hidden" value="{{sUrl}}" id="s-url"> 3 <input type="hidden" value="{{sUrl}}" id="s-url">
4 <div class="account-bg3"> 4 <div class="account-bg3">
5 <div class="share-txt"> 5 <div class="share-txt">
6 - <span class="name">{{name}}</span><br>的潮流分为<span class="red-color">{{score}}</span><br>击败了<span class="red-color">{{beat}}%</span>的潮人<br>获得 6 + <span class="name">{{name}}</span>的潮流分为<span class="red-color">{{score}}</span><br>击败了<span class="red-color">{{beat}}%</span>的潮人<br>获得
7 </div> 7 </div>
8 <div class="portrait-{{n}}"></div> 8 <div class="portrait-{{n}}"></div>
9 <div class="share-txt">称号</div> 9 <div class="share-txt">称号</div>
@@ -79,10 +79,6 @@ $(function() { @@ -79,10 +79,6 @@ $(function() {
79 $('.top-downloadbar').css({zIndex: 9}); 79 $('.top-downloadbar').css({zIndex: 9});
80 }, 400); 80 }, 400);
81 81
82 -  
83 - audioAction();  
84 - listenVideo();  
85 -  
86 share({ 82 share({
87 imgUrl: 'https://feature.yoho.cn/300x300.png', 83 imgUrl: 'https://feature.yoho.cn/300x300.png',
88 title: 'YOHO!BUY有货年度潮流账单——快来看看你的潮流形象！速戳>>', 84 title: 'YOHO!BUY有货年度潮流账单——快来看看你的潮流形象！速戳>>',
@@ -90,103 +86,108 @@ $(function() { @@ -90,103 +86,108 @@ $(function() {
90 desc: 'YOHO!BUY有货2016潮流轨迹' 86 desc: 'YOHO!BUY有货2016潮流轨迹'
91 }); 87 });
92 88
93 - mySwiper = new Swiper('.swiper-container', {  
94 - direction: 'vertical',  
95 - onTransitionEnd: function(swiper) {  
96 - var aIndex = swiper.activeIndex;  
97 - var i = 1;  
98 -  
99 - if (aIndex === 1) {  
100 - setTimeout(function() {  
101 - $nav2Img.addClass('n2-img-animation');  
102 - $purdah1.addClass('purdah1-animation');  
103 - }, 300);  
104 - } 89 + if ($('.account-share-page').length === 0) {
  90 + audioAction();
  91 + listenVideo();
  92 +
  93 + mySwiper = new Swiper('.swiper-container', {
  94 + direction: 'vertical',
  95 + onTransitionEnd: function(swiper) {
  96 + var aIndex = swiper.activeIndex;
  97 + var i = 1;
  98 +
  99 + if (aIndex === 1) {
  100 + setTimeout(function() {
  101 + $nav2Img.addClass('n2-img-animation');
  102 + $purdah1.addClass('purdah1-animation');
  103 + }, 300);
  104 + }
105 105
106 - if (aIndex === 2) {  
107 - $purdahLeft.addClass('purdah-l-animation');  
108 - $purdahRight.addClass('purdah-r-animation');  
109 - if ($monthList.find('li').length === 0) {  
110 - for (i; i <= 32; i++) {  
111 - if (i === 7) {  
112 - $monthList.find('ul').append('<li class="goods-' + i + '"><div class="goods-gif-' + i + '"></div></li>');  
113 - } else {  
114 - $monthList.find('ul').append('<li class="goods-' + i + '"></li>'); 106 + if (aIndex === 2) {
  107 + $purdahLeft.addClass('purdah-l-animation');
  108 + $purdahRight.addClass('purdah-r-animation');
  109 + if ($monthList.find('li').length === 0) {
  110 + for (i; i <= 32; i++) {
  111 + if (i === 7) {
  112 + $monthList.find('ul').append('<li class="goods-' + i + '"><div class="goods-gif-' + i + '"></div></li>');
  113 + } else {
  114 + $monthList.find('ul').append('<li class="goods-' + i + '"></li>');
  115 + }
115 } 116 }
116 } 117 }
  118 + $monthList.fadeIn();
117 } 119 }
118 - $monthList.fadeIn();  
119 - }  
120 120
121 - if (aIndex === 3) {  
122 - $runMen.fadeIn();  
123 - } 121 + if (aIndex === 3) {
  122 + $runMen.fadeIn();
  123 + }
124 124
125 - if (aIndex !== 4) {  
126 - $video[0].pause();  
127 - if (audioStatus) {  
128 - $audio[0].play(); 125 + if (aIndex !== 4) {
  126 + $video[0].pause();
  127 + if (audioStatus) {
  128 + $audio[0].play();
  129 + }
129 } 130 }
130 - }  
131 131
132 - if (aIndex === 4) {  
133 - $videoBox.addClass('video-animation');  
134 - setTimeout(function() {  
135 - $('#video').show();  
136 - }, 600);  
137 - } 132 + if (aIndex === 4) {
  133 + $videoBox.addClass('video-animation');
  134 + setTimeout(function() {
  135 + $('#video').show();
  136 + }, 600);
  137 + }
138 138
139 - if (aIndex === 5) {  
140 - $spokesman.addClass('spokesman-animation');  
141 - tbTime = setTimeout(function() {  
142 - $tB.addClass('txt-animation');  
143 - }, 500);  
144 - handTime = setTimeout(function() {  
145 - $hand.addClass('hand-animation');  
146 - }, 1000);  
147 - twTime = setTimeout(function() {  
148 - $tW.addClass('txt-animation');  
149 - }, 1500);  
150 - }  
151 - },  
152 - onSlideChangeStart: function(swiper) {  
153 - var aIndex = swiper.activeIndex;  
154 -  
155 - if (aIndex === 1 || aIndex === 3) {  
156 - $purdahLeft.removeClass('purdah-l-animation');  
157 - $purdahRight.removeClass('purdah-r-animation');  
158 - $monthList.fadeOut();  
159 - $monthList.find('ul').scrollLeft(0);  
160 - } 139 + if (aIndex === 5) {
  140 + $spokesman.addClass('spokesman-animation');
  141 + tbTime = setTimeout(function() {
  142 + $tB.addClass('txt-animation');
  143 + }, 500);
  144 + handTime = setTimeout(function() {
  145 + $hand.addClass('hand-animation');
  146 + }, 1000);
  147 + twTime = setTimeout(function() {
  148 + $tW.addClass('txt-animation');
  149 + }, 1500);
  150 + }
  151 + },
  152 + onSlideChangeStart: function(swiper) {
  153 + var aIndex = swiper.activeIndex;
  154 +
  155 + if (aIndex === 1 || aIndex === 3) {
  156 + $purdahLeft.removeClass('purdah-l-animation');
  157 + $purdahRight.removeClass('purdah-r-animation');
  158 + $monthList.fadeOut();
  159 + $monthList.find('ul').scrollLeft(0);
  160 + }
161 161
162 - if (aIndex === 0 || aIndex === 2) {  
163 - $nav2Img.removeClass('n2-img-animation');  
164 - $purdah1.removeClass('purdah1-animation');  
165 - } 162 + if (aIndex === 0 || aIndex === 2) {
  163 + $nav2Img.removeClass('n2-img-animation');
  164 + $purdah1.removeClass('purdah1-animation');
  165 + }
166 166
167 - if (aIndex === 2 || aIndex === 4) {  
168 - $runMen.hide();  
169 - } 167 + if (aIndex === 2 || aIndex === 4) {
  168 + $runMen.hide();
  169 + }
170 170
171 - if (aIndex === 3 || aIndex === 5) {  
172 - $videoBox.removeClass('video-animation');  
173 - $('#video').hide();  
174 - } 171 + if (aIndex === 3 || aIndex === 5) {
  172 + $videoBox.removeClass('video-animation');
  173 + $('#video').hide();
  174 + }
175 175
176 - if (aIndex === 4 || aIndex === 6) {  
177 - clearTimeout(tbTime);  
178 - clearTimeout(twTime);  
179 - clearTimeout(handTime);  
180 - $spokesman.removeClass('spokesman-animation');  
181 - $tB.removeClass('txt-animation');  
182 - $hand.removeClass('hand-animation');  
183 - $tW.removeClass('txt-animation'); 176 + if (aIndex === 4 || aIndex === 6) {
  177 + clearTimeout(tbTime);
  178 + clearTimeout(twTime);
  179 + clearTimeout(handTime);
  180 + $spokesman.removeClass('spokesman-animation');
  181 + $tB.removeClass('txt-animation');
  182 + $hand.removeClass('hand-animation');
  183 + $tW.removeClass('txt-animation');
  184 + }
184 } 185 }
185 - }  
186 - }); 186 + });
187 187
188 - // 开启2016潮流轨迹按钮  
189 - $('.start-btn').on('click', function() {  
190 - mySwiper.slideTo(1, 1000, true);  
191 - }); 188 + // 开启2016潮流轨迹按钮
  189 + $('.start-btn').on('click', function() {
  190 + mySwiper.slideTo(1, 1000, true);
  191 + });
  192 + }
192 }); 193 });
@@ -591,9 +591,8 @@ @@ -591,9 +591,8 @@
591 } 591 }
592 592
593 .account-2-consume { 593 .account-2-consume {
594 - position: absolute;  
595 - left: 70px;  
596 - top: 100px; 594 + max-width: 550px;
  595 + margin: 100px auto 0;
597 596
598 .chop-hand { 597 .chop-hand {
599 width: 349px; 598 width: 349px;
@@ -707,12 +706,20 @@ @@ -707,12 +706,20 @@
707 line-height: 60px; 706 line-height: 60px;
708 font-weight: bold; 707 font-weight: bold;
709 text-align: center; 708 text-align: center;
  709 + margin: 0 auto;
  710 + max-width: 85%;
710 } 711 }
711 712
712 .name { 713 .name {
713 font-size: 50px; 714 font-size: 50px;
714 margin-top: 50px; 715 margin-top: 50px;
715 display: inline-block; 716 display: inline-block;
  717 + max-height: 120px;
  718 + overflow: hidden;
  719 + text-overflow: ellipsis;
  720 + display: -webkit-box;
  721 + -webkit-line-clamp: 2;
  722 + -webkit-box-orient: vertical;
716 } 723 }
717 724
718 .create-btn { 725 .create-btn {