ued / yohogirls-frontend · Commits

Go to a project

Authored by happyhour7
Commit 41d8279426a074e003a61fad57596c7ec78d5b98 2 parents f1fb1383 f8e99d45

Merge branch 'develop' of http://git.dev.yoho.cn/ued/yohogirls-frontend into develop 

Conflicts:
	web/js/public.js
Inline Side-by-side
Showing 14 changed files with 446 additions and 422 deletions
@@ -171,8 +171,9 @@ exports.init = function() { @@ -171,8 +171,9 @@ exports.init = function() {
171 171
172 //右侧side的数据获取 172 //右侧side的数据获取
173 $.ajax({ 173 $.ajax({
174 - type: 'GET',  
175 - url: YohoConfig.mainUrl + '/channel/detail/getright', //?id=' + ajaxParam.id + '&type=' + ajaxParam.type + '&c=' + ajaxParam.c + '&twoc=' + ajaxParam.twoc, 174 + url: 'http://newgirls.test.yoho.cn/channel/detail/getright?id=' + ajaxParam.id + '&type=' + ajaxParam.type + '&c=' + ajaxParam.c + '&twoc=' + ajaxParam.twoc,
  175 + dataType: 'jsonp',
  176 + jsonp: 'callback',
176 success: function(response) { 177 success: function(response) {
177 data = response.data; 178 data = response.data;
178 //广告 179 //广告
@@ -204,6 +205,7 @@ exports.init = function() { @@ -204,6 +205,7 @@ exports.init = function() {
204 } 205 }
205 206
206 //边栏related-post 207 //边栏related-post
  208 + if (data.mosts instanceof Array) return;
207 sidePostTpl = $('#side-related-posts').html(); 209 sidePostTpl = $('#side-related-posts').html();
208 sidePostData = { 210 sidePostData = {
209 relatedPost: { 211 relatedPost: {
@@ -302,8 +304,9 @@ exports.init = function() { @@ -302,8 +304,9 @@ exports.init = function() {
302 304
303 //底部数据的获取 305 //底部数据的获取
304 $.ajax({ 306 $.ajax({
305 - type: 'GET',  
306 - url: YohoConfig.mainUrl + '/channel/detail/getbottom', //?id=' + ajaxParam.id + '&type=' + ajaxParam.type + '&c=' + ajaxParam.c + '&twoc=' + ajaxParam.twoc, 307 + url: 'http://newgirls.test.yoho.cn/channel/detail/getbottom?id=' + ajaxParam.id + '&type=' + ajaxParam.type + '&c=' + ajaxParam.c + '&twoc=' + ajaxParam.twoc,
  308 + dataType: 'jsonp',
  309 + jsonp: 'callback',
307 success: function(response) { 310 success: function(response) {
308 data = response.data; 311 data = response.data;
309 312
@@ -313,32 +316,34 @@ exports.init = function() { @@ -313,32 +316,34 @@ exports.init = function() {
313 commentnum = data.commentnum; 316 commentnum = data.commentnum;
314 317
315 //底部related-post 318 //底部related-post
316 - bottomPostTpl = $('#bottom-related-posts').html();  
317 - bottomPostData = {  
318 - relatedPost: {  
319 - postList: data.related  
320 - }  
321 - }  
322 - bottomPostHtml = mustache.render(bottomPostTpl, bottomPostData);  
323 - $('.detail-body').append($(bottomPostHtml));  
324 -  
325 - postList = $('.related-posts').find("li");  
326 - postList.eq(5).nextAll().hide();  
327 -  
328 - //底部related-post根据行数截取字符  
329 - if (postList.length > 0) {  
330 - postList.each(function(index, obj) {  
331 - totalLineNum = 3;  
332 - titleLineNum = $(obj).find('h3').getTextLineNumber('title');  
333 - subTitleLineNum = $(obj).find('p').getTextLineNumber('subtitle');  
334 - if (titleLineNum > 2) {  
335 - $(obj).find('h3').mlellipsis(2);  
336 - titleLineNum = 2;  
337 - }  
338 - if (subTitleLineNum > totalLineNum - titleLineNum) {  
339 - $(obj).find('p').mlellipsis(totalLineNum - titleLineNum, 'detail'); 319 + if (!data.related instanceof Array) {
  320 + bottomPostTpl = $('#bottom-related-posts').html();
  321 + bottomPostData = {
  322 + relatedPost: {
  323 + postList: data.related
340 } 324 }
341 - }); 325 + }
  326 + bottomPostHtml = mustache.render(bottomPostTpl, bottomPostData);
  327 + $('.detail-body').append($(bottomPostHtml));
  328 +
  329 + postList = $('.related-posts').find("li");
  330 + postList.eq(5).nextAll().hide();
  331 +
  332 + //底部related-post根据行数截取字符
  333 + if (postList.length > 0) {
  334 + postList.each(function(index, obj) {
  335 + totalLineNum = 3;
  336 + titleLineNum = $(obj).find('h3').getTextLineNumber('title');
  337 + subTitleLineNum = $(obj).find('p').getTextLineNumber('subtitle');
  338 + if (titleLineNum > 2) {
  339 + $(obj).find('h3').mlellipsis(2);
  340 + titleLineNum = 2;
  341 + }
  342 + if (subTitleLineNum > totalLineNum - titleLineNum) {
  343 + $(obj).find('p').mlellipsis(totalLineNum - titleLineNum, 'detail');
  344 + }
  345 + });
  346 + }
342 } 347 }
343 348
344 //上一篇下一篇 349 //上一篇下一篇
@@ -364,9 +369,9 @@ exports.init = function() { @@ -364,9 +369,9 @@ exports.init = function() {
364 setattitude(data.attitude.wowCount, data.attitude.zzzCount, data.attitude.wtfCount); 369 setattitude(data.attitude.wowCount, data.attitude.zzzCount, data.attitude.wtfCount);
365 370
366 if (data.commentnum > 0) { 371 if (data.commentnum > 0) {
367 - $(".comment-num").text(data.commentnum); 372 + $(".comment-num").text(data.commentnum).addClass('hasNum');
368 } else { 373 } else {
369 - $(".comment-num").html('<img src="' + YohoConfig.resUrl + '/assets/images/mobile/comment-mobile.png">'); 374 + $(".comment-num").removeClass('hasNum');
370 } 375 }
371 } 376 }
372 }); 377 });
@@ -414,34 +419,28 @@ exports.init = function() { @@ -414,34 +419,28 @@ exports.init = function() {
414 * @param：三种态度的数值 419 * @param：三种态度的数值
415 */ 420 */
416 function setattitude(wow, zzz, wtf) { 421 function setattitude(wow, zzz, wtf) {
417 - attitudeDataWowIcon = $(".stats-btn .wow").find("img");  
418 - attitudeWowNum = $(".stats-btn .wow").find("i");  
419 - attitudeDataZzzIcon = $(".stats-btn .zzz").find("img");  
420 - attitudeZzzNum = $(".stats-btn .zzz").find("i");  
421 - attitudeDataWtfIcon = $(".stats-btn .wtf").find("img");  
422 - attitudeWtfNum = $(".stats-btn .wtf").find("i"); 422 + attitudeWowNum = $('.stats-btn .wow').find('span');
  423 + attitudeZzzNum = $('.stats-btn .zzz').find('span');
  424 + attitudeWtfNum = $('.stats-btn .wtf').find('span');
423 if (wow == 0) { 425 if (wow == 0) {
424 - attitudeDataWowIcon.show();  
425 - attitudeWowNum.hide(); 426 + attitudeWowNum.removeClass('hasNum');
426 } else { 427 } else {
427 - attitudeWowNum.text(wow).show();  
428 - attitudeDataWowIcon.hide(); 428 + attitudeWowNum.addClass('hasNum');
  429 + attitudeWowNum.text(wow);
429 }; 430 };
430 431
431 if (zzz == 0) { 432 if (zzz == 0) {
432 - attitudeDataZzzIcon.show();  
433 - attitudeZzzNum.hide(); 433 + attitudeZzzNum.removeClass('hasNum');
434 } else { 434 } else {
435 - attitudeZzzNum.text(zzz).show();  
436 - attitudeDataZzzIcon.hide(); 435 + attitudeZzzNum.addClass('hasNum');
  436 + attitudeZzzNum.text(zzz);
437 }; 437 };
438 438
439 if (wtf == 0) { 439 if (wtf == 0) {
440 - attitudeDataWtfIcon.show();  
441 - attitudeWtfNum.hide(); 440 + attitudeWtfNum.removeClass('hasNum');
442 } else { 441 } else {
443 - attitudeWtfNum.text(wtf).show();  
444 - attitudeDataWtfIcon.hide(); 442 + attitudeWtfNum.addClass('hasNum');
  443 + attitudeWtfNum.text(wtf);
445 }; 444 };
446 } 445 }
447 446
@@ -95,8 +95,9 @@ exports.init = function() { @@ -95,8 +95,9 @@ exports.init = function() {
95 }); 95 });
96 96
97 $.ajax({ 97 $.ajax({
98 - type: 'GET',  
99 - url: '/channel/magazine/ezine', 98 + url: 'http://newgirls.test.yoho.cn/channel/magazine/ezine',
  99 + dataType: 'jsonp',
  100 + jsonp: 'callback',
100 success: function(response) { 101 success: function(response) {
101 var data = response.data, 102 var data = response.data,
102 len = data.length, 103 len = data.length,
@@ -194,7 +195,7 @@ exports.init = function() { @@ -194,7 +195,7 @@ exports.init = function() {
194 */ 195 */
195 196
196 $('.mags-column .slide-piclist').find('li').each(function() { 197 $('.mags-column .slide-piclist').find('li').each(function() {
197 - if ($(this).data('type') == 2) { 198 + if ($(this).data('type') === 4) {
198 $('<em class="border"></em><i class="special-icon"></i>').appendTo($(this).find('.img-wrap')); 199 $('<em class="border"></em><i class="special-icon"></i>').appendTo($(this).find('.img-wrap'));
199 }; 200 };
200 }); 201 });
@@ -60,9 +60,10 @@ require("./login"); @@ -60,9 +60,10 @@ require("./login");
60 if ($(".comments-list").size() > 0 || $(".comment-textarea").size() > 0) return; 60 if ($(".comments-list").size() > 0 || $(".comment-textarea").size() > 0) return;
61 // 创建节点 61 // 创建节点
62 this._creatCommentDom(); 62 this._creatCommentDom();
63 - 63 + this._creatTextareaDom();
64 this._creatThirdLogin(); 64 this._creatThirdLogin();
65 65
  66 +
66 // 绑定事件 67 // 绑定事件
67 this._bindEvent(); 68 this._bindEvent();
68 }, 69 },
@@ -72,7 +73,7 @@ require("./login"); @@ -72,7 +73,7 @@ require("./login");
72 //var id = {id:this.options.cid}; 73 //var id = {id:this.options.cid};
73 $.ajax({ 74 $.ajax({
74 type: 'GET', 75 type: 'GET',
75 - url: YohoConfig.mainUrl + this.options.commentPageUrl, 76 + url: 'http://newgirls.test.yoho.cn' + this.options.commentPageUrl,
76 /*data: id, 77 /*data: id,
77 dataType:'json',*/ 78 dataType:'json',*/
78 success: function(response) { 79 success: function(response) {
@@ -119,20 +120,25 @@ require("./login"); @@ -119,20 +120,25 @@ require("./login");
119 that.$element.prepend($(commentHtml)); 120 that.$element.prepend($(commentHtml));
120 121
121 //5条后的评论隐藏 122 //5条后的评论隐藏
122 - that.$element.find("li").eq(4).nextAll().hide(); //5条后的评论隐藏 123 + that.$element.find('li').eq(4).nextAll().hide(); //5条后的评论隐藏
123 //评论总数上千显示k+，上万显示w+ 124 //评论总数上千显示k+，上万显示w+
124 if (moreString.length === 4) { 125 if (moreString.length === 4) {
125 - $(".view-more").find("span").text(moreFirstnum + 'k+'); 126 + $('.view-more').find('span').text(moreFirstnum + 'k+');
126 } else if (moreString.length === 5) { 127 } else if (moreString.length === 5) {
127 - $(".view-more").find("span").text(moreFirstnum + 'w+'); 128 + $('.view-more').find('span').text(moreFirstnum + 'w+');
128 } 129 }
129 } 130 }
130 }); 131 });
131 }, 132 },
132 133
  134 + _creatTextareaDom: function() {
  135 + var textareaTpl = $('#comment-textarea-tpl').html();
  136 + $(textareaTpl).appendTo(this.$element);
  137 + },
  138 +
133 //创建第三方登录 139 //创建第三方登录
134 _creatThirdLogin: function() { 140 _creatThirdLogin: function() {
135 - var thirdLoginTpl = $("#third-login-tpl").html(); 141 + var thirdLoginTpl = $('#third-login-tpl').html();
136 142
137 if (this.options.thirdLogin === true) { 143 if (this.options.thirdLogin === true) {
138 $(thirdLoginTpl).appendTo(this.$element); 144 $(thirdLoginTpl).appendTo(this.$element);
@@ -144,7 +150,7 @@ require("./login"); @@ -144,7 +150,7 @@ require("./login");
144 _bindEvent: function() { 150 _bindEvent: function() {
145 var that = this; 151 var that = this;
146 //查看更多评论 152 //查看更多评论
147 - this.$element.on("click.comment", ".view-more", function() { 153 + this.$element.on('click.morecomment', '.view-more', function() {
148 that.$element.find("li").show(); //显示第一页后五条 154 that.$element.find("li").show(); //显示第一页后五条
149 that.$element.find(".comment-pager-content").show(); //显示分页按钮 155 that.$element.find(".comment-pager-content").show(); //显示分页按钮
150 that.$element.find(".view-more").remove(); //移除view more 156 that.$element.find(".view-more").remove(); //移除view more
@@ -224,44 +230,44 @@ require("./login"); @@ -224,44 +230,44 @@ require("./login");
224 }; 230 };
225 231
226 $.ajax({ 232 $.ajax({
227 - type: 'GET',  
228 - url: YohoConfig.mainUrl + that.options.publishUrl,  
229 - success: function(response) {  
230 - if (response.code === '800000') {  
231 - box.alert(tips.getTips("relogin"), 5);  
232 - that.$element.login("setLogout");  
233 - return false;  
234 - };  
235 -  
236 - if (response.status && response.data) {  
237 - var $commentsList = $(".comments-list");  
238 - publishHtml = mustache.render(that.options.commentItemTpl, response.data); 233 + type: 'GET',
  234 + url: YohoConfig.mainUrl + that.options.publishUrl,
  235 + success: function(response) {
  236 + if (response.code === '800000') {
  237 + box.alert(tips.getTips("relogin"), 5);
  238 + that.$element.login("setLogout");
  239 + return false;
  240 + };
239 241
240 - if ($commentsList.find("li").size() === 0) {  
241 - $commentsList.html(publishHtml);  
242 - } else {  
243 - $commentsList.find("li").eq(0).before(publishHtml);  
244 - } 242 + if (response.status && response.data) {
  243 + var $commentsList = $(".comments-list");
  244 + publishHtml = mustache.render(that.options.commentItemTpl, response.data);
245 245
246 - box.alert(tips.getTips("publishSuccess"), 5);  
247 - $(".comment-textarea textarea").val('');  
248 -  
249 - commentsNum = 1;  
250 - if (!!parseInt(that.options.commentNum.eq(0).text())) {  
251 - commentsNum = parseInt(that.options.commentNum.eq(0).text()) + 1;  
252 - };  
253 - that.options.commentNum.text(commentsNum);  
254 - } else if (900000 === response.code) {  
255 - box.alert(tips.getTips("notSameContent"), 5); 246 + if ($commentsList.find("li").size() === 0) {
  247 + $commentsList.html(publishHtml);
256 } else { 248 } else {
257 - box.alert(tips.getTips("systemBus"), 5); 249 + $commentsList.find("li").eq(0).before(publishHtml);
258 } 250 }
259 251
260 - publishHtml = mustache.render(that.options.commentItemTpl, response.data);  
261 - that.$element.find(".comments-list").prepend(publishHtml); 252 + box.alert(tips.getTips("publishSuccess"), 5);
  253 + $(".comment-textarea textarea").val('');
  254 +
  255 + commentsNum = 1;
  256 + if (!!parseInt(that.options.commentNum.eq(0).text())) {
  257 + commentsNum = parseInt(that.options.commentNum.eq(0).text()) + 1;
  258 + };
  259 + that.options.commentNum.text(commentsNum);
  260 + } else if (900000 === response.code) {
  261 + box.alert(tips.getTips("notSameContent"), 5);
  262 + } else {
  263 + box.alert(tips.getTips("systemBus"), 5);
262 } 264 }
263 - })  
264 - /*$.ajax({ 265 +
  266 + publishHtml = mustache.render(that.options.commentItemTpl, response.data);
  267 + that.$element.find(".comments-list").prepend(publishHtml);
  268 + }
  269 + });
  270 + /*$.ajax({
265 type:'POST', 271 type:'POST',
266 url:YohoConfig.mainUrl + that.options.publishUrl, 272 url:YohoConfig.mainUrl + that.options.publishUrl,
267 data: data, 273 data: data,
@@ -377,9 +383,9 @@ require("./login"); @@ -377,9 +383,9 @@ require("./login");
377 _this.parents("li").remove(); 383 _this.parents("li").remove();
378 var comments = parseInt($(".comment-num").eq(0).text()) - 1; 384 var comments = parseInt($(".comment-num").eq(0).text()) - 1;
379 if (comments > 0) { 385 if (comments > 0) {
380 - that.options.commentNum.text(comments); 386 + that.options.commentNum.text(comments).addClass('hasNum');
381 } else { 387 } else {
382 - that.options.commentNum.html('<img src="' + YohoConfig.resUrl + 'boysweb/assets/images/mobile/comment-mobile.png">'); 388 + that.options.commentNum.text('').removeClass('hasNum');
383 $(".comment-num.zero").text(0); 389 $(".comment-num.zero").text(0);
384 $(".comment-num.edit-comment").text('留言'); 390 $(".comment-num.edit-comment").text('留言');
385 } 391 }
@@ -5,17 +5,20 @@ @@ -5,17 +5,20 @@
5 */ 5 */
6 window.tmp$ = null; 6 window.tmp$ = null;
7 7
8 -var $ = require('jquery'), Swiper = require("yoho-idangerous.swiper"); 8 +var $ = require('jquery'),
  9 + Swiper = require("yoho-idangerous.swiper");
9 require("lazyload"); 10 require("lazyload");
10 11
11 $(".lazy").lazyload(); 12 $(".lazy").lazyload();
12 13
13 //菜单初始化所使用变量 14 //菜单初始化所使用变量
  15 +
14 var menuTmpl = $("#menuItemTmpl").html(), 16 var menuTmpl = $("#menuItemTmpl").html(),
15 dataKey = null, 17 dataKey = null,
16 mustache = require("mustache"), 18 mustache = require("mustache"),
17 menuTmplVideo = $("#menuItemTmplVideo").html(); 19 menuTmplVideo = $("#menuItemTmplVideo").html();
18 20
  21 +
19 $.fn.top = function() { 22 $.fn.top = function() {
20 if (arguments.length > 0) { 23 if (arguments.length > 0) {
21 $(this).css("top", arguments[0]); 24 $(this).css("top", arguments[0]);
@@ -49,12 +52,12 @@ $.fn.id = function() { @@ -49,12 +52,12 @@ $.fn.id = function() {
49 //banner======================================================================================================== 52 //banner========================================================================================================
50 if ($(".swiper-container").find(".swiper-slide").length > 1) { 53 if ($(".swiper-container").find(".swiper-slide").length > 1) {
51 var mySwiper = new Swiper('.swiper-container', { 54 var mySwiper = new Swiper('.swiper-container', {
52 - pagination : '.pagination-banner',  
53 - loop : true,  
54 - autoplay : 5000,  
55 - grabCursor : true,  
56 - paginationClickable : true,  
57 - autoStopPlay : false 55 + pagination: '.pagination-banner',
  56 + loop: true,
  57 + autoplay: 5000,
  58 + grabCursor: true,
  59 + paginationClickable: true,
  60 + autoStopPlay: false
58 }); 61 });
59 $('.arrow-left').on('click', function(e) { 62 $('.arrow-left').on('click', function(e) {
60 e.preventDefault(); 63 e.preventDefault();
@@ -70,12 +73,12 @@ if ($(".swiper-container").find(".swiper-slide").length > 1) { @@ -70,12 +73,12 @@ if ($(".swiper-container").find(".swiper-slide").length > 1) {
70 73
71 //centerbanner============================================================================= 74 //centerbanner=============================================================================
72 var bannerSwiper = new Swiper('.swiper-container2', { 75 var bannerSwiper = new Swiper('.swiper-container2', {
73 - pagination : '.pagination-adv',  
74 - loop : true,  
75 - autoplay : 2000,  
76 - autoStopPlay : false,  
77 - paginationClickable : true,  
78 - onSlideChangeEnd : function() { 76 + pagination: '.pagination-adv',
  77 + loop: true,
  78 + autoplay: 2000,
  79 + autoStopPlay: false,
  80 + paginationClickable: true,
  81 + onSlideChangeEnd: function() {
79 bannerSwiper.startAutoplay(); 82 bannerSwiper.startAutoplay();
80 $(".swiper-container2 .lazy").lazyload(); 83 $(".swiper-container2 .lazy").lazyload();
81 } 84 }
@@ -122,15 +125,15 @@ $(window).scroll(function() { @@ -122,15 +125,15 @@ $(window).scroll(function() {
122 if (scrollTop >= bigMenuHeight && minMenuHasShow === false) { 125 if (scrollTop >= bigMenuHeight && minMenuHasShow === false) {
123 $(".search-input-box").trigger("blur"); 126 $(".search-input-box").trigger("blur");
124 $("#maxEnterprise").css({ 127 $("#maxEnterprise").css({
125 - visibility : "hidden" 128 + visibility: "hidden"
126 }); 129 });
127 $("#minEnterprise").css({ 130 $("#minEnterprise").css({
128 - "position" : "fixed",  
129 - "margin-top" : "0",  
130 - "padding-top" : "10px",  
131 - "top" : 0, 131 + "position": "fixed",
  132 + "margin-top": "0",
  133 + "padding-top": "10px",
  134 + "top": 0,
132 //left:"50%", 135 //left:"50%",
133 - "z-index" : 99999 136 + "z-index": 99999
134 }).show(); 137 }).show();
135 minMenuHasShow = true; 138 minMenuHasShow = true;
136 $(".enterprise-header-fixed").show(); 139 $(".enterprise-header-fixed").show();
@@ -140,7 +143,7 @@ $(window).scroll(function() { @@ -140,7 +143,7 @@ $(window).scroll(function() {
140 } else if (scrollTop < 177 && minMenuHasShow === true) { 143 } else if (scrollTop < 177 && minMenuHasShow === true) {
141 $(".search-input-box").trigger("blur"); 144 $(".search-input-box").trigger("blur");
142 $("#maxEnterprise").css({ 145 $("#maxEnterprise").css({
143 - visibility : "visible" 146 + visibility: "visible"
144 }); 147 });
145 $(".enterprise-header-fixed").hide(); 148 $(".enterprise-header-fixed").hide();
146 $("#minEnterprise").hide(); 149 $("#minEnterprise").hide();
@@ -152,16 +155,16 @@ $(window).scroll(function() { @@ -152,16 +155,16 @@ $(window).scroll(function() {
152 155
153 if (scrollTop > 0 && isTop === true) { 156 if (scrollTop > 0 && isTop === true) {
154 $(".return-to-top").stop().animate({ 157 $(".return-to-top").stop().animate({
155 - "filter" : "alpha(opacity=70)",  
156 - "-moz-opacity" : "0.7",  
157 - opacity : "0.7" 158 + "filter": "alpha(opacity=70)",
  159 + "-moz-opacity": "0.7",
  160 + opacity: "0.7"
158 }, 200); 161 }, 200);
159 isTop = false; 162 isTop = false;
160 } else if (scrollTop == 0) { 163 } else if (scrollTop == 0) {
161 $(".return-to-top").stop().animate({ 164 $(".return-to-top").stop().animate({
162 - "filter" : "alpha(opacity=0)",  
163 - "-moz-opacity" : "0",  
164 - opacity : "0" 165 + "filter": "alpha(opacity=0)",
  166 + "-moz-opacity": "0",
  167 + opacity: "0"
165 }, 200); 168 }, 200);
166 isTop = true; 169 isTop = true;
167 } 170 }
@@ -169,19 +172,19 @@ $(window).scroll(function() { @@ -169,19 +172,19 @@ $(window).scroll(function() {
169 }); 172 });
170 173
171 $(document).bind({ 174 $(document).bind({
172 - mousemove : function(event) { 175 + mousemove: function(event) {
173 var scrollTop = $(this).scrollTop(); 176 var scrollTop = $(this).scrollTop();
174 var mouseY = event.pageY - scrollTop; 177 var mouseY = event.pageY - scrollTop;
175 if (mouseY <= 200 && minMenuHasDropDown === false && minMenuHasShow === true) { 178 if (mouseY <= 200 && minMenuHasDropDown === false && minMenuHasShow === true) {
176 minMenuHasDropDown = true; 179 minMenuHasDropDown = true;
177 180
178 $("#minEnterprise").animate({ 181 $("#minEnterprise").animate({
179 - top : 37 182 + top: 37
180 }, 500); 183 }, 500);
181 } else if (minMenuHasDropDown === true && minMenuHasShow === true && mouseY > 200) { 184 } else if (minMenuHasDropDown === true && minMenuHasShow === true && mouseY > 200) {
182 minMenuHasDropDown = false; 185 minMenuHasDropDown = false;
183 $("#minEnterprise").animate({ 186 $("#minEnterprise").animate({
184 - top : 0 187 + top: 0
185 }, 500); 188 }, 500);
186 } 189 }
187 190
@@ -191,16 +194,16 @@ $(document).bind({ @@ -191,16 +194,16 @@ $(document).bind({
191 //=============================================================================================================== 194 //===============================================================================================================
192 if (document.body.scrollTop > 0 && isTop === true) { 195 if (document.body.scrollTop > 0 && isTop === true) {
193 $(".return-to-top").animate({ 196 $(".return-to-top").animate({
194 - "filter" : "alpha(opacity=70)",  
195 - "-moz-opacity" : "0.7",  
196 - opacity : "0.7" 197 + "filter": "alpha(opacity=70)",
  198 + "-moz-opacity": "0.7",
  199 + opacity: "0.7"
197 }, 200); 200 }, 200);
198 isTop = false; 201 isTop = false;
199 } else if (document.body.scrollTop == 0) { 202 } else if (document.body.scrollTop == 0) {
200 $(".return-to-top").animate({ 203 $(".return-to-top").animate({
201 - "filter" : "alpha(opacity=0)",  
202 - "-moz-opacity" : "0",  
203 - opacity : "0" 204 + "filter": "alpha(opacity=0)",
  205 + "-moz-opacity": "0",
  206 + opacity: "0"
204 }, 200); 207 }, 200);
205 isTop = true; 208 isTop = true;
206 } 209 }
@@ -208,12 +211,12 @@ if (document.body.scrollTop > 0 && isTop === true) { @@ -208,12 +211,12 @@ if (document.body.scrollTop > 0 && isTop === true) {
208 //回到顶部按钮====================================================================================================== 211 //回到顶部按钮======================================================================================================
209 $(".return-to-top").click(function() { 212 $(".return-to-top").click(function() {
210 $("html,body").animate({ 213 $("html,body").animate({
211 - scrollTop : 0 214 + scrollTop: 0
212 }, 300, function() { 215 }, 300, function() {
213 $(".return-to-top").animate({ 216 $(".return-to-top").animate({
214 - "filter" : "alpha(opacity=0)",  
215 - "-moz-opacity" : "0",  
216 - opacity : "0" 217 + "filter": "alpha(opacity=0)",
  218 + "-moz-opacity": "0",
  219 + opacity: "0"
217 }, 200); 220 }, 200);
218 }); 221 });
219 }); 222 });
@@ -273,13 +276,13 @@ function getBrowType() { @@ -273,13 +276,13 @@ function getBrowType() {
273 var info = {}; 276 var info = {};
274 var sUserAgent = navigator.userAgent.toLowerCase(); 277 var sUserAgent = navigator.userAgent.toLowerCase();
275 info.bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; 278 info.bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
276 - // info.bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
277 - // info.bIsMidp = sUserAgent.match(/midp/i) == "midp";  
278 - // info.bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
279 - // info.bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
280 - // info.bIsAndroid = sUserAgent.match(/android/i) == "android";  
281 - // info.bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
282 - // info.bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; 279 + // info.bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
  280 + // info.bIsMidp = sUserAgent.match(/midp/i) == "midp";
  281 + // info.bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
  282 + // info.bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
  283 + // info.bIsAndroid = sUserAgent.match(/android/i) == "android";
  284 + // info.bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
  285 + // info.bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
283 return info; 286 return info;
284 } 287 }
285 288
@@ -291,13 +294,13 @@ if (!isIpad && $(".share").size() > 0) { @@ -291,13 +294,13 @@ if (!isIpad && $(".share").size() > 0) {
291 scrollTop = $(window).scrollTop(); 294 scrollTop = $(window).scrollTop();
292 if (shareOffsetTop - scrollTop - navHeight <= 0) { 295 if (shareOffsetTop - scrollTop - navHeight <= 0) {
293 $(".share").css({ 296 $(".share").css({
294 - "position" : "fixed",  
295 - "top" : navHeight 297 + "position": "fixed",
  298 + "top": navHeight
296 }); 299 });
297 } else { 300 } else {
298 $(".share").css({ 301 $(".share").css({
299 - "position" : "absolute",  
300 - "top" : shareOffsetTop 302 + "position": "absolute",
  303 + "top": shareOffsetTop
301 }); 304 });
302 } 305 }
303 }); 306 });
@@ -333,11 +336,11 @@ $(document.body).click(function() { @@ -333,11 +336,11 @@ $(document.body).click(function() {
333 if (clientWidth <= 768) { 336 if (clientWidth <= 768) {
334 target.parent().removeAttr("style"); 337 target.parent().removeAttr("style");
335 target.css({ 338 target.css({
336 - width : "65px" 339 + width: "65px"
337 }); 340 });
338 } else { 341 } else {
339 target.animate({ 342 target.animate({
340 - width : searchWidth 343 + width: searchWidth
341 }, 500); 344 }, 500);
342 } 345 }
343 346
@@ -348,7 +351,8 @@ $(".search-text").click(function() { @@ -348,7 +351,8 @@ $(".search-text").click(function() {
348 }); 351 });
349 352
350 $(".search-text").click(function() { 353 $(".search-text").click(function() {
351 - var clientWidth = document.body.clientWidth, parent = null; 354 + var clientWidth = document.body.clientWidth,
  355 + parent = null;
352 $(this).find(".search-text-content").hide(); 356 $(this).find(".search-text-content").hide();
353 parent = $(this).parent(); 357 parent = $(this).parent();
354 if (clientWidth <= 768) { 358 if (clientWidth <= 768) {
@@ -361,7 +365,7 @@ $(".search-text").click(function() { @@ -361,7 +365,7 @@ $(".search-text").click(function() {
361 parent.width(198); 365 parent.width(198);
362 parent.find(".search-input-box").width(150).val("").show(); 366 parent.find(".search-input-box").width(150).val("").show();
363 $(this).animate({ 367 $(this).animate({
364 - width : 190 368 + width: 190
365 }, 500, function() { 369 }, 500, function() {
366 $(this).find(".home-search-button").show(); 370 $(this).find(".home-search-button").show();
367 $(this).find(".search-input-box").focus(); 371 $(this).find(".search-input-box").focus();
@@ -370,7 +374,7 @@ $(".search-text").click(function() { @@ -370,7 +374,7 @@ $(".search-text").click(function() {
370 parent.width(218); 374 parent.width(218);
371 parent.find(".search-input-box").width(150).val("").show(); 375 parent.find(".search-input-box").width(150).val("").show();
372 $(this).animate({ 376 $(this).animate({
373 - width : 190 377 + width: 190
374 }, 500, function() { 378 }, 500, function() {
375 $(this).find(".home-search-button").show(); 379 $(this).find(".home-search-button").show();
376 $(this).find(".search-input-box").focus(); 380 $(this).find(".search-input-box").focus();
@@ -395,7 +399,7 @@ window.scrollWindow = function() { @@ -395,7 +399,7 @@ window.scrollWindow = function() {
395 //初始化菜单============================================================================ 399 //初始化菜单============================================================================
396 400
397 $.ajax({ 401 $.ajax({
398 - url : "http://newgirls.test.yoho.cn/default/default/getnewest", 402 + url: "http://newgirls.test.yoho.cn/default/default/getnewest",
399 dataType: "jsonp", 403 dataType: "jsonp",
400 jsonp:"callback", 404 jsonp:"callback",
401 success : function(tmp) { 405 success : function(tmp) {
@@ -413,10 +417,10 @@ $.ajax({ @@ -413,10 +417,10 @@ $.ajax({
413 mustacheHtml=mustache.render(menuTmplVideo,data); 417 mustacheHtml=mustache.render(menuTmplVideo,data);
414 $(".submenu-video").find(".right-content").html(mustacheHtml); 418 $(".submenu-video").find(".right-content").html(mustacheHtml);
415 } 419 }
416 - 420 +
417 } 421 }
418 -  
419 - 422 +
  423 +
420 } 424 }
421 }); 425 });
422 //==================================================================================== 426 //====================================================================================
@@ -19,9 +19,9 @@ @@ -19,9 +19,9 @@
19 "jquery": "~1.8.3", 19 "jquery": "~1.8.3",
20 "lazyload": "~1.9.6", 20 "lazyload": "~1.9.6",
21 "yoho.swiper": "2.7.0", 21 "yoho.swiper": "2.7.0",
22 - "yoho-idangerous.swiper": "~0.0.3", 22 + "yoho-idangerous.swiper": "0.0.3",
23 "box": "0.0.0", 23 "box": "0.0.0",
24 - "yoho-box": "~0.0.5", 24 + "yoho-box": "0.0.5",
25 "yoho-tools": "~0.0.4", 25 "yoho-tools": "~0.0.4",
26 "yoho-tips": "0.0.1", 26 "yoho-tips": "0.0.1",
27 "mustache": "2.0.0", 27 "mustache": "2.0.0",
@@ -4,7 +4,7 @@ @@ -4,7 +4,7 @@
4 @mixin blockwh($width:auto,$height:auto){ 4 @mixin blockwh($width:auto,$height:auto){
5 display:block; 5 display:block;
6 width:$width; 6 width:$width;
7 - height:$height; 7 + height:$height;
8 } 8 }
9 @mixin borderradius($radius) 9 @mixin borderradius($radius)
10 { 10 {
@@ -31,7 +31,7 @@ $hack_safair_end:';]'; @@ -31,7 +31,7 @@ $hack_safair_end:';]';
31 height:36px; 31 height:36px;
32 line-height:36px; 32 line-height:36px;
33 padding:0; 33 padding:0;
34 - @include fontstyle; 34 + @include fontstyle;
35 35
36 li a:link {color:#777777;} 36 li a:link {color:#777777;}
37 li a:hover{color:#777777;} 37 li a:hover{color:#777777;}
1 -@media screen and (min-width:1190px){  
2 -  
3 -.about-container{  
4 - width: 1080px;  
5 - margin: 30px auto 0;  
6 -}  
7 -  
8 -.about-nav{  
9 - margin: 0 0 0 54px;  
10 - li{  
11 - line-height: 28px;  
12 - font-size: 21px;  
13 - margin-bottom: 18px;  
14 - }  
15 -}  
16 -  
17 -.about-body{  
18 - margin: 0 0 0 346px;  
19 - max-width: 590px;  
20 - h2{  
21 - line-height: 22px;  
22 - font-size: 18px;  
23 - }  
24 - p{  
25 - line-height: 24px;  
26 - font-size: 14px;  
27 - }  
28 - .about-section{  
29 - margin: 20px 0 0 0;  
30 - }  
31 - .about-section.contact-us{  
32 - img{  
33 - margin: 16px 0 0 -5px;  
34 - display: block;  
35 - width: 95px;  
36 - height: 95px;  
37 - }  
38 - }  
39 -}  
40 -  
41 -.about-us-qr{  
42 - width: 260px;  
43 - margin: 34px 0 0 3px;  
44 - .product{  
45 - margin-bottom: 30px;  
46 - background-image: url("../assets/images/about/line.png");  
47 - background-repeat: no-repeat;  
48 - background-position: top center;  
49 - background-size: 2% 80%;  
50 - }  
51 - .product-wrap{  
52 - float: left;  
53 - img{  
54 - display: block;  
55 - width: 100px;  
56 - height: 100px;  
57 - }  
58 - img.qr-img{  
59 - width: 105px;  
60 - height: 105px;  
61 - }  
62 - span{  
63 - display: block;  
64 - text-align: center;  
65 - line-height: 30px;  
66 - font-size: 14px;  
67 - }  
68 - em{  
69 - font-size: 14px;  
70 - }  
71 - }  
72 - .product-wrap.product-wrap-right{  
73 - float: right;  
74 - }  
75 -  
76 -}  
77 -.feedback .comment-textarea{  
78 - width: 558px;  
79 - textarea{  
80 - width: 542px;  
81 - }  
82 - .login-status{  
83 - width: 558px;  
84 - }  
85 -} 1 +@media screen and (min-width: 1190px) {
  2 + .about-container {
  3 + width: 1080px;
  4 + margin: 30px auto 0;
  5 + }
  6 + .about-nav {
  7 + margin: 0 0 0 54px;
  8 + li {
  9 + line-height: 28px;
  10 + font-size: 21px;
  11 + margin-bottom: 18px;
  12 + }
  13 + }
  14 + .about-body {
  15 + margin: 0 0 0 346px;
  16 + max-width: 590px;
  17 + h2 {
  18 + line-height: 22px;
  19 + font-size: 18px;
  20 + }
  21 + p {
  22 + line-height: 24px;
  23 + font-size: 14px;
  24 + }
  25 + .about-section {
  26 + margin: 20px 0 0 0;
  27 + }
  28 + .about-section.contact-us {
  29 + img {
  30 + margin: 16px 0 0 -5px;
  31 + display: block;
  32 + width: 95px;
  33 + height: 95px;
  34 + }
  35 + }
  36 + }
  37 + .about-us-qr {
  38 + width: 260px;
  39 + margin: 34px 0 0 3px;
  40 + .product {
  41 + margin-bottom: 30px;
  42 + background-image: image-url("about/line.png");
  43 + background-repeat: no-repeat;
  44 + background-position: top center;
  45 + background-size: 2% 80%;
  46 + }
  47 + .product-wrap {
  48 + float: left;
  49 + img {
  50 + display: block;
  51 + width: 100px;
  52 + height: 100px;
  53 + }
  54 + img.qr-img {
  55 + width: 105px;
  56 + height: 105px;
  57 + }
  58 + span {
  59 + display: block;
  60 + text-align: center;
  61 + line-height: 30px;
  62 + font-size: 14px;
  63 + }
  64 + em {
  65 + font-size: 14px;
  66 + }
  67 + }
  68 + .product-wrap.product-wrap-right {
  69 + float: right;
  70 + }
  71 + }
  72 + .feedback .comment-textarea {
  73 + width: 558px;
  74 + textarea {
  75 + width: 542px;
  76 + }
  77 + .login-status {
  78 + width: 558px;
  79 + }
  80 + }
86 } 81 }
@@ -129,7 +129,7 @@ @@ -129,7 +129,7 @@
129 top: -9px; 129 top: -9px;
130 left: 50%; 130 left: 50%;
131 margin: 0 0 0 -9px; 131 margin: 0 0 0 -9px;
132 - background: url("../assets/images/detail/slide-arrow.png"); 132 + background: image-url("detail/slide-arrow.png");
133 } 133 }
134 } 134 }
135 } 135 }
@@ -147,10 +147,10 @@ @@ -147,10 +147,10 @@
147 .tag-box{ 147 .tag-box{
148 margin: 22px 0 0 0; 148 margin: 22px 0 0 0;
149 padding: 0 0 15px 0; 149 padding: 0 0 15px 0;
150 - background: url("../assets/images/detail/detail-line.png") no-repeat center bottom; 150 + background: image-url("detail/detail-line.png") no-repeat center bottom;
151 .taglist{ 151 .taglist{
152 padding: 0 0 0 24px; 152 padding: 0 0 0 24px;
153 - background: url("../assets/images/detail/tag-icon.png") no-repeat 1px 8px; 153 + background: image-url("detail/tag-icon.png") no-repeat 1px 8px;
154 } 154 }
155 li{ 155 li{
156 float: left; 156 float: left;
@@ -202,7 +202,7 @@ @@ -202,7 +202,7 @@
202 } 202 }
203 li.current{ 203 li.current{
204 strong{ 204 strong{
205 - background: url("../assets/images/detail/stats-cur-bg.png"); 205 + background: image-url("detail/stats-cur-bg.png");
206 } 206 }
207 } 207 }
208 } 208 }
@@ -291,7 +291,7 @@ @@ -291,7 +291,7 @@
291 a{ 291 a{
292 margin: 0 0 0 19px; 292 margin: 0 0 0 19px;
293 padding: 0 0 0 35px; 293 padding: 0 0 0 35px;
294 - background: url("../assets/images/detail/prev-arrow.png") no-repeat left center; 294 + background: image-url("detail/prev-arrow.png") no-repeat left center;
295 } 295 }
296 296
297 } 297 }
@@ -300,7 +300,7 @@ @@ -300,7 +300,7 @@
300 a{ 300 a{
301 margin: 0 19px 0 0; 301 margin: 0 19px 0 0;
302 padding: 0 35px 0 0; 302 padding: 0 35px 0 0;
303 - background: url("../assets/images/detail/next-arrow.png") no-repeat right center; 303 + background: image-url("detail/next-arrow.png") no-repeat right center;
304 } 304 }
305 305
306 } 306 }
@@ -321,7 +321,7 @@ @@ -321,7 +321,7 @@
321 font-size: 20px; 321 font-size: 20px;
322 color: #000; 322 color: #000;
323 font-weight: bold; 323 font-weight: bold;
324 - background: url("../assets/images/detail/detail-line.png") no-repeat center bottom; 324 + background: image-url("detail/detail-line.png") no-repeat center bottom;
325 } 325 }
326 326
327 .load-more { 327 .load-more {
@@ -403,7 +403,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px); @@ -403,7 +403,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px);
403 padding: 8px 0 11px 7px; 403 padding: 8px 0 11px 7px;
404 width: 282px; 404 width: 282px;
405 height: 100px; 405 height: 100px;
406 - background: url("../assets/images/detail/app-download-bg.png"); 406 + background: image-url("detail/app-download-bg.png");
407 .qr{ 407 .qr{
408 float: left; 408 float: left;
409 img{ 409 img{
@@ -529,7 +529,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px); @@ -529,7 +529,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px);
529 line-height: 25px; 529 line-height: 25px;
530 font-size: 20px; 530 font-size: 20px;
531 padding-bottom: 7px; 531 padding-bottom: 7px;
532 - background: url("../assets/images/detail/side-line.png") no-repeat left bottom; 532 + background: image-url("detail/side-line.png") no-repeat left bottom;
533 } 533 }
534 534
535 .postslist{ 535 .postslist{
@@ -549,7 +549,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px); @@ -549,7 +549,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px);
549 position: absolute; 549 position: absolute;
550 width: 20px; 550 width: 20px;
551 height: 19px; 551 height: 19px;
552 - background: url("../assets/images/detail/play-icon-s.png"); 552 + background: image-url("detail/play-icon-s.png");
553 left: 50%; 553 left: 50%;
554 top: 50%; 554 top: 50%;
555 margin: -10px 0 0 -10px; 555 margin: -10px 0 0 -10px;
@@ -38,7 +38,7 @@ @@ -38,7 +38,7 @@
38 height: 34px; 38 height: 34px;
39 line-height: 34px; 39 line-height: 34px;
40 font-size: 20px; 40 font-size: 20px;
41 - background: url("../assets/images/magazine/buy-btn.png") no-repeat center center; 41 + background: image-url("magazine/buy-btn.png") no-repeat center center;
42 } 42 }
43 } 43 }
44 } 44 }
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 margin: 34px 0 0 3px; 39 margin: 34px 0 0 3px;
40 .product { 40 .product {
41 margin-bottom: 30px; 41 margin-bottom: 30px;
42 - background-image: url("../assets/images/about/line.png"); 42 + background-image: image-url("about/line.png");
43 background-repeat: no-repeat; 43 background-repeat: no-repeat;
44 background-position: top center; 44 background-position: top center;
45 background-size: 2% 76%; 45 background-size: 2% 76%;
@@ -125,7 +125,7 @@ @@ -125,7 +125,7 @@
125 top: -5px; 125 top: -5px;
126 left: 50%; 126 left: 50%;
127 margin: 0 0 0 -5px; 127 margin: 0 0 0 -5px;
128 - background-image: url("../assets/images/detail/slide-arrow.png"); 128 + background-image: image-url("detail/slide-arrow.png");
129 background-size: 100% 100%; 129 background-size: 100% 100%;
130 } 130 }
131 } 131 }
@@ -148,7 +148,7 @@ @@ -148,7 +148,7 @@
148 background-size: 100%; 148 background-size: 100%;
149 .taglist { 149 .taglist {
150 padding: 0 0 0 18px; 150 padding: 0 0 0 18px;
151 - background: url("../assets/images/detail/tag-icon.png") no-repeat 1px 6px; 151 + background: image-url("detail/tag-icon.png") no-repeat 1px 6px;
152 } 152 }
153 li { 153 li {
154 float: left; 154 float: left;
@@ -217,7 +217,7 @@ @@ -217,7 +217,7 @@
217 } 217 }
218 li.current { 218 li.current {
219 strong { 219 strong {
220 - background-image: url("../assets/images/detail/stats-cur-bg.png"); 220 + background-image: image-url("detail/stats-cur-bg.png");
221 background-size: 100% 100%; 221 background-size: 100% 100%;
222 } 222 }
223 } 223 }
@@ -328,7 +328,7 @@ @@ -328,7 +328,7 @@
328 width: 55px; 328 width: 55px;
329 height: 22px; 329 height: 22px;
330 line-height: 22px; 330 line-height: 22px;
331 - background-image: url("../assets/images/detail/publish-btn.png"); 331 + background-image: image-url("detail/publish-btn.png");
332 background-size: 100% 100%; 332 background-size: 100% 100%;
333 font-size: 12px; 333 font-size: 12px;
334 } 334 }
@@ -345,7 +345,7 @@ @@ -345,7 +345,7 @@
345 a { 345 a {
346 margin: 0 0 0 12px; 346 margin: 0 0 0 12px;
347 padding: 0 0 0 22px; 347 padding: 0 0 0 22px;
348 - background: url("../assets/images/detail/prev-arrow-1024.png") no-repeat left center; 348 + background: image-url("detail/prev-arrow-1024.png") no-repeat left center;
349 } 349 }
350 } 350 }
351 .next { 351 .next {
@@ -353,7 +353,7 @@ @@ -353,7 +353,7 @@
353 a { 353 a {
354 margin: 0 12px 0 0; 354 margin: 0 12px 0 0;
355 padding: 0 22px 0 0; 355 padding: 0 22px 0 0;
356 - background: url("../assets/images/detail/next-arrow-1024.png") no-repeat right center; 356 + background: image-url("detail/next-arrow-1024.png") no-repeat right center;
357 } 357 }
358 } 358 }
359 a { 359 a {
@@ -373,7 +373,7 @@ @@ -373,7 +373,7 @@
373 font-size: 14px; 373 font-size: 14px;
374 color: #000; 374 color: #000;
375 font-weight: bold; 375 font-weight: bold;
376 - background-image: url("../assets/images/detail/detail-line-1024.png"); 376 + background-image: image-url("detail/detail-line-1024.png");
377 background-repeat: no-repeat; 377 background-repeat: no-repeat;
378 background-position: center bottom; 378 background-position: center bottom;
379 background-size: 100%; 379 background-size: 100%;
@@ -402,7 +402,7 @@ @@ -402,7 +402,7 @@
402 position: absolute; 402 position: absolute;
403 width: 47px; 403 width: 47px;
404 height: 43px; 404 height: 43px;
405 - background: url("../assets/images/detail/play-icon-1024.png"); 405 + background: image-url("detail/play-icon-1024.png");
406 background-size: 100% 100%; 406 background-size: 100% 100%;
407 left: 50%; 407 left: 50%;
408 top: 50%; 408 top: 50%;
1 -.about-container{  
2 - width: 924px;  
3 - margin: 32px auto 0; 1 +.about-container {
  2 + width: 924px;
  3 + margin: 32px auto 0;
4 } 4 }
5 5
6 -.about-nav{  
7 - float: left;  
8 - margin: 0 0 0 50px;  
9 - li{  
10 - line-height: 28px;  
11 - font-size: 18px;  
12 - margin-bottom: 18px;  
13 - a{  
14 - color: #000;  
15 - }  
16 - }  
17 - li.current{  
18 - a{  
19 - color: #999999;  
20 - }  
21 - } 6 +.about-nav {
  7 + float: left;
  8 + margin: 0 0 0 50px;
  9 + li {
  10 + line-height: 28px;
  11 + font-size: 18px;
  12 + margin-bottom: 18px;
  13 + a {
  14 + color: #000;
  15 + }
  16 + }
  17 + li.current {
  18 + a {
  19 + color: #999999;
  20 + }
  21 + }
22 } 22 }
23 23
24 -.about-body{  
25 - float: left;  
26 - max-width: 500px;  
27 - margin: 0 0 0 296px;  
28 - h2{  
29 - line-height: 22px;  
30 - font-size: 18px;  
31 - }  
32 - p{  
33 - line-height: 24px;  
34 - font-size: 14px;  
35 - }  
36 - .about-section{  
37 - margin: 20px 0 0 0;  
38 - }  
39 - .about-section:first-child{  
40 - margin:0 0 0 0;  
41 - }  
42 - .about-section.contact-us{  
43 - img{  
44 - margin: 16px 0 0 -5px;  
45 - display: block;  
46 - width: 95px;  
47 - height: 95px;  
48 - }  
49 - } 24 +.about-body {
  25 + float: left;
  26 + max-width: 500px;
  27 + margin: 0 0 0 296px;
  28 + h2 {
  29 + line-height: 22px;
  30 + font-size: 18px;
  31 + }
  32 + p {
  33 + line-height: 24px;
  34 + font-size: 14px;
  35 + }
  36 + .about-section {
  37 + margin: 20px 0 0 0;
  38 + }
  39 + .about-section:first-child {
  40 + margin: 0 0 0 0;
  41 + }
  42 + .about-section.contact-us {
  43 + img {
  44 + margin: 16px 0 0 -5px;
  45 + display: block;
  46 + width: 95px;
  47 + height: 95px;
  48 + }
  49 + }
50 } 50 }
51 -.about-body.feedback-body{  
52 - float: right; 51 +
  52 +.about-body.feedback-body {
  53 + float: right;
53 } 54 }
54 -.comments-box.feedback{  
55 - margin:0; 55 +
  56 +.comments-box.feedback {
  57 + margin: 0;
56 } 58 }
57 59
58 -.about-us-qr{  
59 - width: 230px;  
60 - margin: 34px 0 0 3px;  
61 - .product{  
62 - margin-bottom: 30px;  
63 - background-image: url("../assets/images/about/line.png");  
64 - background-repeat: no-repeat;  
65 - background-position: top center;  
66 - }  
67 - .product-wrap{  
68 - float: left;  
69 - img{  
70 - display: block;  
71 - width: 91px;  
72 - height: 91px;  
73 - }  
74 - img.qr-img{  
75 - width: 95px;  
76 - height: 95px;  
77 - }  
78 - span{  
79 - display: block;  
80 - text-align: center;  
81 - line-height: 29px;  
82 - font-size: 13px;  
83 - }  
84 - em{  
85 - font-size: 13px;  
86 - }  
87 - }  
88 - .product-wrap.product-wrap-right{  
89 - float: right;  
90 - } 60 +.about-us-qr {
  61 + width: 230px;
  62 + margin: 34px 0 0 3px;
  63 + .product {
  64 + margin-bottom: 30px;
  65 + background-image: image-url("about/line.png");
  66 + background-repeat: no-repeat;
  67 + background-position: top center;
  68 + }
  69 + .product-wrap {
  70 + float: left;
  71 + img {
  72 + display: block;
  73 + width: 91px;
  74 + height: 91px;
  75 + }
  76 + img.qr-img {
  77 + width: 95px;
  78 + height: 95px;
  79 + }
  80 + span {
  81 + display: block;
  82 + text-align: center;
  83 + line-height: 29px;
  84 + font-size: 13px;
  85 + }
  86 + em {
  87 + font-size: 13px;
  88 + }
  89 + }
  90 + .product-wrap.product-wrap-right {
  91 + float: right;
  92 + }
91 } 93 }
92 -.links-list{  
93 - margin: 10px 0 0 0;  
94 - width: 552px;  
95 - li{  
96 - float: left;  
97 - line-height: 38px;  
98 - width: 110px;  
99 - margin: 0 28px 0 0;  
100 - a{  
101 - font-size: 14px;  
102 - color: #333333;  
103 - }  
104 - } 94 +
  95 +.links-list {
  96 + margin: 10px 0 0 0;
  97 + width: 552px;
  98 + li {
  99 + float: left;
  100 + line-height: 38px;
  101 + width: 110px;
  102 + margin: 0 28px 0 0;
  103 + a {
  104 + font-size: 14px;
  105 + color: #333333;
  106 + }
  107 + }
105 } 108 }
106 -.links-pic-list{  
107 - li{  
108 - float: left;  
109 - width: 102px;  
110 - height: 31px;  
111 - margin:28px 16px 0 0;  
112 - img{  
113 - display: block;  
114 - margin: 0 auto;  
115 - }  
116 - } 109 +
  110 +.links-pic-list {
  111 + li {
  112 + float: left;
  113 + width: 102px;
  114 + height: 31px;
  115 + margin: 28px 16px 0 0;
  116 + img {
  117 + display: block;
  118 + margin: 0 auto;
  119 + }
  120 + }
117 } 121 }
118 122
119 -.feedback .comment-textarea{  
120 - width: 500px;  
121 - textarea{  
122 - width: 484px;  
123 - }  
124 - .login-status{  
125 - width: 500px\0;  
126 - } 123 +.feedback .comment-textarea {
  124 + width: 500px;
  125 + textarea {
  126 + width: 484px;
  127 + }
  128 + .login-status {
  129 + width: 500px\0;
  130 + }
127 } 131 }
@@ -75,12 +75,12 @@ @@ -75,12 +75,12 @@
75 height: 138px; 75 height: 138px;
76 } 76 }
77 .video-close-btn{ 77 .video-close-btn{
78 - position: absolute; 78 + position: absolute;
79 width: 12px; 79 width: 12px;
80 height: 12px; 80 height: 12px;
81 top: 0; 81 top: 0;
82 right: 10px; 82 right: 10px;
83 - background-image: url("../assets/images/detail/videoCloseBtn.png"); 83 + background-image: image-url("detail/videoCloseBtn.png");
84 } 84 }
85 } 85 }
86 86
@@ -136,12 +136,12 @@ @@ -136,12 +136,12 @@
136 .detail-slide-ctrl-prev{ 136 .detail-slide-ctrl-prev{
137 float: left; 137 float: left;
138 margin-right: -30px; 138 margin-right: -30px;
139 - background-image: url("../assets/images/detail/slide-arrow-left.png"); 139 + background-image: image-url("detail/slide-arrow-left.png");
140 } 140 }
141 .detail-slide-ctrl-next{ 141 .detail-slide-ctrl-next{
142 float: right; 142 float: right;
143 margin-left: -30px; 143 margin-left: -30px;
144 - background-image: url("../assets/images/detail/slide-arrow-right.png"); 144 + background-image: image-url("detail/slide-arrow-right.png");
145 } 145 }
146 } 146 }
147 .detail-slide-ctrl-tabs{ 147 .detail-slide-ctrl-tabs{
@@ -177,7 +177,7 @@ @@ -177,7 +177,7 @@
177 top: -9px; 177 top: -9px;
178 left: 50%; 178 left: 50%;
179 margin: 0 0 0 -9px; 179 margin: 0 0 0 -9px;
180 - background-image: url("../assets/images/detail/slide-arrow.png"); 180 + background-image: image-url("detail/slide-arrow.png");
181 } 181 }
182 } 182 }
183 } 183 }
@@ -214,10 +214,10 @@ @@ -214,10 +214,10 @@
214 .tag-box{ 214 .tag-box{
215 margin: 30px 0 0 0; 215 margin: 30px 0 0 0;
216 padding: 0 0 15px 0; 216 padding: 0 0 15px 0;
217 - background: url("../assets/images/detail/detail-line-1024.png") no-repeat center bottom; 217 + background: image-url("detail/detail-line-1024.png") no-repeat center bottom;
218 .taglist{ 218 .taglist{
219 padding: 0 0 0 24px; 219 padding: 0 0 0 24px;
220 - background: url("../assets/images/detail/tag-icon.png") no-repeat 1px 8px; 220 + background: image-url("detail/tag-icon.png") no-repeat 1px 8px;
221 } 221 }
222 li{ 222 li{
223 float: left; 223 float: left;
@@ -263,46 +263,57 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -263,46 +263,57 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
263 width: 20px; 263 width: 20px;
264 height: 24px; 264 height: 24px;
265 font-weight: bold; 265 font-weight: bold;
  266 + text-align: center;
266 } 267 }
267 } 268 }
268 li.wow { 269 li.wow {
269 strong { 270 strong {
270 - background: url("../assets/images/detail/wow-icon.png") no-repeat center center; 271 + background: image-url("detail/wow-icon.png") no-repeat center center;
271 background-size: 100% 100%; 272 background-size: 100% 100%;
272 } 273 }
273 span { 274 span {
274 background: sprite($statusicon, wow-icon); 275 background: sprite($statusicon, wow-icon);
  276 +
  277 + &.hasNum {
  278 + background: none;
  279 + }
275 } 280 }
276 } 281 }
277 li.wow.current strong{ 282 li.wow.current strong{
278 - background: url("../assets/images/detail/wow-icon-curr.png") no-repeat center center; 283 + background: image-url("detail/wow-icon-curr.png") no-repeat center center;
279 background-size: 100% 100%; 284 background-size: 100% 100%;
280 } 285 }
281 li.zzz { 286 li.zzz {
282 strong { 287 strong {
283 - background: url("../assets/images/detail/zzz-icon.png") no-repeat center center; 288 + background: image-url("detail/zzz-icon.png") no-repeat center center;
284 background-size: 100% 100%; 289 background-size: 100% 100%;
285 } 290 }
286 span { 291 span {
287 background: sprite($statusicon, zzz-icon); 292 background: sprite($statusicon, zzz-icon);
  293 + &.hasNum {
  294 + background: none;
  295 + }
288 } 296 }
289 } 297 }
290 298
291 li.zzz.current strong{ 299 li.zzz.current strong{
292 - background: url("../assets/images/detail/zzz-icon-curr.png") no-repeat center center; 300 + background: image-url("detail/zzz-icon-curr.png") no-repeat center center;
293 background-size: 100% 100%; 301 background-size: 100% 100%;
294 } 302 }
295 li.wtf { 303 li.wtf {
296 strong { 304 strong {
297 - background: url("../assets/images/detail/wtf-icon.png") no-repeat center center; 305 + background: image-url("detail/wtf-icon.png") no-repeat center center;
298 background-size: 100% 100%; 306 background-size: 100% 100%;
299 } 307 }
300 span { 308 span {
301 background: sprite($statusicon, wtf-icon); 309 background: sprite($statusicon, wtf-icon);
  310 + &.hasNum {
  311 + background: none;
  312 + }
302 } 313 }
303 } 314 }
304 li.wtf.current strong{ 315 li.wtf.current strong{
305 - background: url("../assets/images/detail/wtf-icon-curr.png") no-repeat center center; 316 + background: image-url("detail/wtf-icon-curr.png") no-repeat center center;
306 background-size: 100% 100%; 317 background-size: 100% 100%;
307 } 318 }
308 li.comments{ 319 li.comments{
@@ -318,6 +329,10 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -318,6 +329,10 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
318 right: 10px; 329 right: 10px;
319 background: image-url("detail/comments-icon2.png") no-repeat center center; 330 background: image-url("detail/comments-icon2.png") no-repeat center center;
320 } 331 }
  332 + .hasNum {
  333 + background: none;
  334 + line-height: 24px;
  335 + }
321 } 336 }
322 } 337 }
323 338
@@ -358,16 +373,16 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -358,16 +373,16 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
358 background-repeat: no-repeat; 373 background-repeat: no-repeat;
359 } 374 }
360 i.qq{ 375 i.qq{
361 - background-image:url("../assets/images/detail/comment-qq-icon.png"); 376 + background-image:image-url("detail/comment-qq-icon.png");
362 } 377 }
363 i.weibo{ 378 i.weibo{
364 - background-image:url("../assets/images/detail/comment-sina-icon.png"); 379 + background-image:image-url("detail/comment-sina-icon.png");
365 } 380 }
366 i.facebook{ 381 i.facebook{
367 - background-image:url("../assets/images/detail/comment-fb-icon.png"); 382 + background-image:image-url("detail/comment-fb-icon.png");
368 } 383 }
369 i.yoho{ 384 i.yoho{
370 - background-image:url("../assets/images/detail/comment-yoho-icon.png"); 385 + background-image:image-url("detail/comment-yoho-icon.png");
371 } 386 }
372 } 387 }
373 .userinfo{ 388 .userinfo{
@@ -389,7 +404,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -389,7 +404,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
389 position: absolute; 404 position: absolute;
390 width: 15px; 405 width: 15px;
391 height: 15px; 406 height: 15px;
392 - background: url("../assets/images/detail/delete-comment.png"); 407 + background: image-url("detail/delete-comment.png");
393 right:0px; 408 right:0px;
394 top: 50%; 409 top: 50%;
395 margin: -8px 0 0 0; 410 margin: -8px 0 0 0;
@@ -487,16 +502,16 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -487,16 +502,16 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
487 background-repeat: no-repeat; 502 background-repeat: no-repeat;
488 } 503 }
489 i.qq{ 504 i.qq{
490 - background-image:url("../assets/images/detail/comment-qq-icon-loginarea.png"); 505 + background-image:image-url("detail/comment-qq-icon-loginarea.png");
491 } 506 }
492 i.sina{ 507 i.sina{
493 - background-image:url("../assets/images/detail/comment-sina-icon-loginarea.png"); 508 + background-image:image-url("detail/comment-sina-icon-loginarea.png");
494 } 509 }
495 i.fb{ 510 i.fb{
496 - background-image:url("../assets/images/detail/comment-fb-icon-loginarea.png"); 511 + background-image:image-url("detail/comment-fb-icon-loginarea.png");
497 } 512 }
498 i.yoho{ 513 i.yoho{
499 - background-image:url("../assets/images/detail/comment-yoho-icon-loginarea.png"); 514 + background-image:image-url("detail/comment-yoho-icon-loginarea.png");
500 } 515 }
501 } 516 }
502 .userinfo{ 517 .userinfo{
@@ -533,7 +548,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -533,7 +548,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
533 height: 28px; 548 height: 28px;
534 line-height: 28px; 549 line-height: 28px;
535 text-align: center; 550 text-align: center;
536 - background: url("../assets/images/detail/publish-btn.png"); 551 + background: image-url("detail/publish-btn.png");
537 background-size: 100% 100%; 552 background-size: 100% 100%;
538 color: #fff; 553 color: #fff;
539 font-size: 14px; 554 font-size: 14px;
@@ -568,7 +583,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -568,7 +583,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
568 a{ 583 a{
569 margin: 0 0 0 19px; 584 margin: 0 0 0 19px;
570 padding: 0 0 0 35px; 585 padding: 0 0 0 35px;
571 - background: url("../assets/images/detail/prev-arrow-1024.png") no-repeat left center; 586 + background: image-url("detail/prev-arrow-1024.png") no-repeat left center;
572 } 587 }
573 588
574 } 589 }
@@ -578,7 +593,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -578,7 +593,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
578 a{ 593 a{
579 margin: 0 19px 0 0; 594 margin: 0 19px 0 0;
580 padding: 0 35px 0 0; 595 padding: 0 35px 0 0;
581 - background: url("../assets/images/detail/next-arrow-1024.png") no-repeat right center; 596 + background: image-url("detail/next-arrow-1024.png") no-repeat right center;
582 } 597 }
583 598
584 } 599 }
@@ -599,7 +614,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -599,7 +614,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
599 font-size: 17px; 614 font-size: 17px;
600 color: #000; 615 color: #000;
601 font-weight: bold; 616 font-weight: bold;
602 - background: url("../assets/images/detail/detail-line-1024.png") no-repeat center bottom; 617 + background: image-url("detail/detail-line-1024.png") no-repeat center bottom;
603 } 618 }
604 619
605 .load-more { 620 .load-more {
@@ -607,7 +622,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -607,7 +622,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
607 margin: 0 auto; 622 margin: 0 auto;
608 width: 162px; 623 width: 162px;
609 height: 35px; 624 height: 35px;
610 - background: url("../assets/images/detail/loadmore.png") no-repeat center center; 625 + background: image-url("detail/loadmore.png") no-repeat center center;
611 background-size: 100% 100%; 626 background-size: 100% 100%;
612 } 627 }
613 } 628 }
@@ -630,7 +645,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px); @@ -630,7 +645,7 @@ $statusicon: sprite-map('status/*.png', $spacing:5px);
630 position: absolute; 645 position: absolute;
631 width: 56px; 646 width: 56px;
632 height: 52px; 647 height: 52px;
633 - background: url("../assets/images/detail/play-icon-1024.png"); 648 + background: image-url("detail/play-icon-1024.png");
634 background-size: 100% 100%; 649 background-size: 100% 100%;
635 left: 50%; 650 left: 50%;
636 top: 50%; 651 top: 50%;
@@ -698,7 +713,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px); @@ -698,7 +713,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px);
698 padding: 22px 0 0 0; 713 padding: 22px 0 0 0;
699 left: 38px; 714 left: 38px;
700 top: -100px; 715 top: -100px;
701 - background:url("../assets/images/detail/qr-wrap.png"); 716 + background:image-url("detail/qr-wrap.png");
702 font-size:12px; 717 font-size:12px;
703 z-index: 9999; 718 z-index: 9999;
704 } 719 }
@@ -746,7 +761,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px); @@ -746,7 +761,7 @@ $shareicons: sprite-map('share/*.png', $spacing:5px);
746 padding: 4px 0 6px 7px; 761 padding: 4px 0 6px 7px;
747 width: 239px; 762 width: 239px;
748 height: 90px; 763 height: 90px;
749 - background-image: url("../assets/images/detail/app-download-bg-1024.png"); 764 + background-image: image-url("detail/app-download-bg-1024.png");
750 .qr{ 765 .qr{
751 float: left; 766 float: left;
752 img{ 767 img{
@@ -882,7 +897,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -882,7 +897,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
882 font-size: 20px; 897 font-size: 20px;
883 color: #1c1c1b; 898 color: #1c1c1b;
884 padding-bottom: 4px; 899 padding-bottom: 4px;
885 - background-image: url("../assets/images/detail/side-line-1024.png"); 900 + background-image: image-url("detail/side-line-1024.png");
886 background-repeat: no-repeat; 901 background-repeat: no-repeat;
887 background-position: left bottom; 902 background-position: left bottom;
888 } 903 }
@@ -896,7 +911,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -896,7 +911,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
896 font-size: 13px; 911 font-size: 13px;
897 margin: 0 0 0 4px; 912 margin: 0 0 0 4px;
898 padding: 0 0 0 20px; 913 padding: 0 0 0 20px;
899 - background-image: url("../assets/images/detail/map-icon.png"); 914 + background-image: image-url("detail/map-icon.png");
900 background-position: left center; 915 background-position: left center;
901 background-repeat: no-repeat; 916 background-repeat: no-repeat;
902 line-height: 28px; 917 line-height: 28px;
@@ -923,7 +938,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -923,7 +938,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
923 position: absolute; 938 position: absolute;
924 width: 35px; 939 width: 35px;
925 height: 33px; 940 height: 33px;
926 - background-image: url("../assets/images/detail/play-icon-1024.png"); 941 + background-image: image-url("detail/play-icon-1024.png");
927 left: 50%; 942 left: 50%;
928 top: 50%; 943 top: 50%;
929 margin: -18px 0 0 -16px; 944 margin: -18px 0 0 -16px;
@@ -954,7 +969,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -954,7 +969,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
954 line-height: 27px; 969 line-height: 27px;
955 font-size: 17px; 970 font-size: 17px;
956 padding-bottom: 4px; 971 padding-bottom: 4px;
957 - background-image: url("../assets/images/detail/side-line-1024.png"); 972 + background-image: image-url("detail/side-line-1024.png");
958 background-repeat: no-repeat; 973 background-repeat: no-repeat;
959 background-position: left bottom; 974 background-position: left bottom;
960 } 975 }
@@ -979,7 +994,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -979,7 +994,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
979 position: absolute; 994 position: absolute;
980 width: 20px; 995 width: 20px;
981 height: 19px; 996 height: 19px;
982 - background-image: url("../assets/images/detail/play-icon-s.png"); 997 + background-image: image-url("detail/play-icon-s.png");
983 left: 50%; 998 left: 50%;
984 top: 50%; 999 top: 50%;
985 margin: -10px 0 0 -10px; 1000 margin: -10px 0 0 -10px;
@@ -1088,7 +1103,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -1088,7 +1103,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
1088 line-height: 22px; 1103 line-height: 22px;
1089 color: #333333; 1104 color: #333333;
1090 font-size: 13px; 1105 font-size: 13px;
1091 - background: url("../assets/images/detail/warn.png") no-repeat 10px center; 1106 + background: image-url("detail/warn.png") no-repeat 10px center;
1092 } 1107 }
1093 .login-btn{ 1108 .login-btn{
1094 margin: 8px 0 0 0; 1109 margin: 8px 0 0 0;
@@ -1127,13 +1142,13 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -1127,13 +1142,13 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
1127 margin: 0; 1142 margin: 0;
1128 } 1143 }
1129 a.sina{ 1144 a.sina{
1130 - background-image: url("../assets/images/detail/login-sina-icon.png"); 1145 + background-image: image-url("detail/login-sina-icon.png");
1131 } 1146 }
1132 a.qq{ 1147 a.qq{
1133 - background-image: url("../assets/images/detail/login-qq-icon.png"); 1148 + background-image: image-url("detail/login-qq-icon.png");
1134 } 1149 }
1135 a.fb{ 1150 a.fb{
1136 - background-image: url("../assets/images/detail/login-fb-icon.png"); 1151 + background-image: image-url("detail/login-fb-icon.png");
1137 } 1152 }
1138 } 1153 }
1139 } 1154 }
@@ -1143,7 +1158,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px); @@ -1143,7 +1158,7 @@ $icons: sprite-map('detail-icon/*.png', $spacing:5px);
1143 height: 16px; 1158 height: 16px;
1144 top: 16px; 1159 top: 16px;
1145 right: 16px; 1160 right: 16px;
1146 - background-image: url("../assets/images/detail/login-close.png"); 1161 + background-image: image-url("detail/login-close.png");
1147 cursor: pointer; 1162 cursor: pointer;
1148 } 1163 }
1149 } 1164 }
@@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
13 h2 { 13 h2 {
14 margin: 23px 0 0 0; 14 margin: 23px 0 0 0;
15 height: 70px; 15 height: 70px;
16 - background: url("../assets/images/magazine/mags-title.png") no-repeat center center; 16 + background: image-url("magazine/mags-title.png") no-repeat center center;
17 } 17 }
18 .mags-text { 18 .mags-text {
19 margin: 24px auto 0; 19 margin: 24px auto 0;
@@ -46,7 +46,7 @@ @@ -46,7 +46,7 @@
46 font-size: 17px; 46 font-size: 17px;
47 color: #fff; 47 color: #fff;
48 text-align: center; 48 text-align: center;
49 - background-image: url("../assets/images/magazine/buy-btn-1024.png"); 49 + background-image: image-url("magazine/buy-btn-1024.png");
50 background-position: center center; 50 background-position: center center;
51 background-repeat: no-repeat; 51 background-repeat: no-repeat;
52 } 52 }
@@ -82,7 +82,7 @@ @@ -82,7 +82,7 @@
82 margin: 0 0 0 14px; 82 margin: 0 0 0 14px;
83 width: 10px; 83 width: 10px;
84 height: 10px; 84 height: 10px;
85 - background-image: url("../assets/images/magazine/slide-ctrl-1024.png"); 85 + background-image: image-url("magazine/slide-ctrl-1024.png");
86 background-size: 100% 100%; 86 background-size: 100% 100%;
87 text-indent: -50px; 87 text-indent: -50px;
88 overflow: hidden; 88 overflow: hidden;
@@ -91,7 +91,7 @@ @@ -91,7 +91,7 @@
91 margin: 0; 91 margin: 0;
92 } 92 }
93 .swiper-pagination-switch.swiper-active-switch { 93 .swiper-pagination-switch.swiper-active-switch {
94 - background-image: url("../assets/images/magazine/slide-ctrl-current-1024.png"); 94 + background-image: image-url("magazine/slide-ctrl-current-1024.png");
95 } 95 }
96 } 96 }
97 } 97 }
@@ -138,7 +138,7 @@ @@ -138,7 +138,7 @@
138 top: 0; 138 top: 0;
139 width: 36px; 139 width: 36px;
140 height: 15px; 140 height: 15px;
141 - background: url("../assets/images/magazine/special.png"); 141 + background: image-url("magazine/special.png");
142 } 142 }
143 } 143 }
144 img { 144 img {
@@ -165,7 +165,7 @@ @@ -165,7 +165,7 @@
165 height: 50px; 165 height: 50px;
166 top: 38%; 166 top: 38%;
167 margin-top: -18px; 167 margin-top: -18px;
168 - background-image: url("../assets/images/magazine/slide-ctrl-btn-1024.png"); 168 + background-image: image-url("magazine/slide-ctrl-btn-1024.png");
169 z-index: 1; 169 z-index: 1;
170 } 170 }
171 a.slide-ctrl-prev { 171 a.slide-ctrl-prev {
@@ -344,7 +344,7 @@ @@ -344,7 +344,7 @@
344 position: absolute; 344 position: absolute;
345 width: 20px; 345 width: 20px;
346 height: 34px; 346 height: 34px;
347 - background-image: url("../assets/images/arrow-girl.png"); 347 + background-image: image-url("arrow-girl.png");
348 background-repeat: no-repeat; 348 background-repeat: no-repeat;
349 top: 50%; 349 top: 50%;
350 margin-top: -17px; 350 margin-top: -17px;