fe / yohobuywap-node · Commits

Go to a project

Authored by 姜枫
Commit 10fd778ad7460926c9c253685b97ddf71cc8fdd0 2 parents 14cc480c 74229058

merge image quality to 60%

Inline Side-by-side
Showing 44 changed files with 192 additions and 352 deletions
... ... @@ -25,6 +25,7 @@ const uuid = require('uuid');
const pkg = require('./package.json');
const session = require('cookie-session');
const _ = require('lodash');
const app = express();
... ... @@ -58,7 +59,7 @@ app.use(global.yoho.hbs({
layoutsDir: path.join(__dirname, 'doraemon/views'),
partialsDir: path.join(__dirname, 'doraemon/views/partial'),
views: path.join(__dirname, 'doraemon/views'),
helpers: global.yoho.helpers
helpers: _.assign(global.yoho.helpers, require('./utils/helpers'))
}));
app.use(global.yoho.middleware());
... ...
... ... @@ -19,7 +19,11 @@
{{# ../swiper}}
<div class="swiper-slide">
<a href="{{url}}">
{{#if @first}}
<img src="{{image2 img width=200 height=100}}">
{{^}}
<img class="swiper-lazy" data-src="{{img}}">
{{/if}}
</a>
<div class="swiper-lazy-preloader"></div>
</div>
... ...
... ... @@ -120,7 +120,7 @@
{{# enterStore}}
<div id="enter-store" class="enter-store page-block tap-hightlight">
<a class="store-logo" href="{{url}}" style="">
<img class="lazy" data-original="{{image img 47 47}}" alt="{{storeName}}">
<img class="lazy" data-original="{{image2 img w=47 h=47 q=60}}" alt="{{storeName}}">
</a>
<a class="store-name" href="{{url}}">{{storeName}}</a>
<a class="store-link" href="{{url}}">进入店铺<span class="iconfont">&#xe604;</span></a>
... ...
... ... @@ -53,7 +53,7 @@
<span class="en-title">{{enTitle}}</span>
</h1>
<div class="detail" style="width:100%">
<img class="lazy" data-original="{{img}}" alt="">
<img class="lazy" data-original="{{image2 img q=60}}" alt="">
</div>
</div>
{{/measurementMethod}}
... ... @@ -110,7 +110,7 @@
{{desc}}
</p>-->
<div class="material-image">
<img src="{{img}}" alt="材质图">
<img src="{{image2 img q=60}}" alt="材质图">
</div>
<div class="material-desc">
{{desc}}
... ... @@ -126,7 +126,7 @@
<div class="detail table clearfix">
{{#list}}
<div class="tip">
<img src="{{img}}" alt="">
<img src="{{image2 img q=60}}" alt="">
<span class="caption">{{caption}}</span>
</div>
{{/list}}
... ... @@ -143,7 +143,7 @@
<div class="pro-detail">
<p>{{{desc}}}</p>
{{#list}}
<img class="lazy" data-original="{{img}}" alt="">
<img class="lazy" data-original="{{image2 img q=60}}" alt="">
{{/list}}
</div>
</div>
... ...
... ... @@ -15,7 +15,7 @@
{{# brandWay}}
<div class="brand-way">
<a href={{url}}>
<img class="brand-thumb" src={{thumb}}>
<img class="brand-thumb" src={{image2 thumb q=60}}>
<span class="brand-name">{{name}}</span>
<span class="entry">
进入店铺
... ... @@ -27,7 +27,7 @@
<!-- 品牌页面 -->
{{# brandHome}}
<div id="brand-header" class="brand-header" data-id={{id}}>
<img src={{banner}}>
<img src={{image2 banner q=60}}>
<a class="btn-intro" href="javascript:void(0);">
品牌介绍
</a>
... ...
... ... @@ -3,7 +3,7 @@
<!-- 基础店铺页面 -->
{{# baseShopHome}}
<div id="brand-header" class="brand-header" data-id={{id}} data-isbaseshop="{{isBaseShop}}">
<img src={{banner}}>
<img src={{image2 banner q=60}}>
<a class="btn-intro" href="javascript:void(0);">
店铺介绍
</a>
... ...
... ... @@ -31,9 +31,9 @@
<!-- /tar modifield 160826 -->
<div class="branner-top">
<img class="shop-back-img" src="{{image branerImg 640 200 1}}">
<img class="shop-back-img" src="{{image2 branerImg w=640 h=200 mode=1 q=60}}">
{{#if logoImg}}
<img class="logo" src="{{image logoImg 500 500}}">
<img class="logo" src="{{image2 logoImg w=500 h=500 q=60}}">
{{/if}}
<p class="store-name">{{storeName}}</p>
<div class="collect">
... ... @@ -66,7 +66,7 @@
<li class="swiper-slide brand-img buriedpoint"
data-bp-id="shop_brand_{{img}}_0">
<a href="{{url}}">
<img src="{{img}}">
<img src="{{image2 img q=60}}">
</a>
<p>{{brandName}}</p>
</li>
... ... @@ -87,11 +87,11 @@
<li class="buriedpoint" data-bp-id="shop_spring_{{url}}_0">
{{#if url}}
<a href="{{url}}">
<img src="{{springType}}">
<img src="{{image2 springType q=60}}">
</a>
{{^}}
<a href="javascript:;">
<img src="{{springType}}">
<img src="{{image2 springType q=60}}">
</a>
{{/if}}
</li>
... ... @@ -112,7 +112,7 @@
</div>
<div class="product-warp">
<div class="goods-container clearfix">
</div>
</div>
</div>
... ...
{{# shopIndex}}
<div class="shop-index yoho-page scroll-wrapper" id="wrapper">
<div id="scroller">
<div id="nav-top">
{{> header}}
<!-- tar modifield 160826 -->
<input type="hidden" name="app_version" value="{{appVersion}}">
<input type="hidden" name="shop_id" value="{{shopId}}">
<input type="hidden" name="brand" value="{{brand}}">
<input type="hidden" name="favId" value="{{favId}}">
<input type="hidden" name="coverChannel" value="{{coverChannel}}">
<input type="hidden" name="uid" value="{{uid}}">
{{#unless appVersion}}
<div class="search-area">
<div id="search-input" class="search-input">
<form id="search-form" action={{url}} method="get">
<i class="search-icon iconfont">&#xe60f;</i>
<input type="text" placeholder="搜索店铺内潮品" name="query" class="buriedpoint">
<input type="hidden" name="shop_id" value="{{shopId}}">
<input type="hidden" name="coverChannel" value="{{coverChannel}}">
<i class="clear-input iconfont hide">&#xe626;</i>
<button id="search" class="search buriedpoint" type="submit"
data-bp-id="shop_search_btn_0">搜索
</button>
</form>
</div>
</div>
{{/unless}}
<!-- /tar modifield 160826 -->
<div class="branner-top">
<img class="shop-back-img" src="{{image branerImg 640 200 1}}">
{{#if logoImg}}
<img class="logo" src="{{image logoImg 500 500}}">
{{/if}}
<p class="store-name">{{storeName}}</p>
<div class="collect">
<div class="not-collect buriedpoint" id="collect" data-bp-id="shop_branner_collect_1"></div>
</div>
</div>
</div>
<ul id="nav" class="nav">
<li class="active color buriedpoint" tab="home-page" data-bp-id="shop_nav_index_1">首页</li>
<li tab="new-arrival" data-bp-id="shop_nav_new_1" class="buriedpoint">上新</li>
<li tab="popularity" data-bp-id="shop_nav_populary_1" class="buriedpoint">人气</li>
<li data-bp-id="shop_nav_all_1" class="all-goods buriedpoint">
<a href="{{allGoods}}" target="_blank">全部商品</a>
</li>
</ul>
<div id="home-page" class="main">
<div id="nav-main" class="nav-main">
<!-- 优惠卷 -->
{{#if shopCoupons}}
{{> shop/shop-coupon}}
{{/if}}
<!-- 大导航 -->
{{#if brandList}}
<div class="multi-brands first">
<p>品牌一览</p>
<div class="multi-browse">
<ul class="swiper-wrapper">
{{#each brandList.list}}
<li class="swiper-slide brand-img buriedpoint"
data-bp-id="shop_brand_{{img}}_0">
<a href="{{url}}">
<img src="{{img}}">
</a>
<p>{{brandName}}</p>
</li>
{{/each}}
</ul>
</div>
</div>
{{/if}}
<div class="banner-area first">
{{# bannerTop}}
{{> resources/banner-top}}
{{/ bannerTop}}
</div>
<ul class="spring">
{{#each spring}}
<li class="buriedpoint" data-bp-id="shop_spring_{{url}}_0">
{{#if url}}
<a href="{{url}}">
<img src="{{springType}}">
</a>
{{^}}
<a href="javascript:;">
<img src="{{springType}}">
</a>
{{/if}}
</li>
{{/each}}
</ul>
{{! 热门品类}}
<div class="first">
{{# hotCategory}}
{{> shop/hot-category}}
{{/ hotCategory}}
</div>
<div class="popularity-title">
人气单品
<a class="more buriedpoint" href="{{more_url}}" data-bp-id="shop_popularity_{{more_url}}">
&#xe618;</a>
</div>
<div class="product-warp">
<div class="goods-container clearfix">
{{# hotList}}
{{> common/goods}}
{{/ hotList}}
</div>
</div>
</div>
<div class="discount-area first" id="navlist2">
<ul id="list-nav" class="home-sub-nav list-nav pos-list clearfix">
<li data-bp-id="shop_listnav_new_1" class="new active buriedpoint">
<a href="javascript:void(0);">
<span class="spanTest">最新</span>
<span class="iconfont cur">&#xe616;</span>
</a>
</li>
<li class="price buriedpoint" data-bp-id="shop_listnav_price_1">
<a href="javascript:void(0);">
<span class="spanTest">价格</span>
<span class="icon">
<i class="iconfont up cur">&#xe615;</i>
<i class="iconfont down">&#xe616;</i>
</span>
</a>
</li>
<li class="discount buriedpoint" data-bp-id="shop_listnav_discount_1">
<a href="javascript:void(0);">
<span class="spanTest">折扣</span>
<span class="icon">
<i class="iconfont up cur">&#xe615;</i>
<i class="iconfont down">&#xe616;</i>
</span>
</a>
</li>
<li class="filter buriedpoint" data-bp-id="shop_listnav_filter_1">
<a href="javascript:void(0);">
<span class="spanTest">筛选</span>
<span class="iconfont cur">&#xe613;</span>
</a>
</li>
</ul>
</div>
<div class="discount-area first">
<div id="goods-container" class="goods-container">
<div class="new-goods container clearfix">
{{# goods}}
{{> common/goods}}
{{/ goods}}
</div>
<div class="price-goods container hide clearfix"></div>
<div class="discount-goods container hide clearfix"></div>
</div>
</div>
</div>
<div id="new-arrival" class="new-arrival main hide"></div>
<div id="popularity" class="popularity main hide"></div>
</div>
{{#unless appVersion}}
{{> shop/shop-footer}}
{{/unless}}
<ul id="pos-nav" class="nav hide">
<li class="active color buriedpoint" tab="home-page" data-bp-id="shop_posnav_index_1">首页</li>
<li tab="new-arrival" class="buriedpoint" data-bp-id="shop_posnav_new_1">上新</li>
<li tab="popularity" class="buriedpoint" data-bp-id="shop_posnav_populary_1">人气</li>
<li class="all-goods buriedpoint" data-bp-id="shop_posnav_all_1">
<a href="{{allGoods}}" target="_blank">全部商品</a>
</li>
</ul>
<ul id="pos-list" class="home-sub-nav pos-list hide">
<li class="new active buriedpoint" data-bp-id="shop_poslist_new_1">
<a href="javascript:void(0);">
<span class="spanTest">最新</span>
<span class="iconfont cur">&#xe616;</span>
<b></b>
</a>
</li>
<li class="price buriedpoint" data-bp-id="shop_poslist_price_1">
<a href="javascript:void(0);">
<span class="spanTest">价格</span>
<span class="icon">
<i class="iconfont up cur">&#xe615;</i>
<i class="iconfont down">&#xe616;</i>
</span>
<b></b>
</a>
</li>
<li class="discount buriedpoint" data-bp-id="shop_poslist_discount_1">
<a href="javascript:void(0);">
<span class="spanTest">折扣</span>
<span class="icon">
<i class="iconfont up cur">&#xe615;</i>
<i class="iconfont down">&#xe616;</i>
</span>
<b></b>
</a>
</li>
<li class="filter buriedpoint" data-bp-id="shop_poslist_filter_1">
<a href="javascript:void(0);">
<span class="spanTest">筛选</span>
<span class="iconfont cur">&#xe613;</span>
</a>
</li>
</ul>
</div>
{{> common/filter}}
{{/ shopIndex}}
{{> common/query-param}}
<input type="text" class="shopid" style="display:none" value={{shopId}}>
... ... @@ -6,9 +6,9 @@
<li class="swiper-slide">
<a href="javascript:;">
{{#if @first}}
<img src="{{image img 450 600}}" alt="">
<img src="{{image2 img w=450 h=600 q=60}}" alt="">
{{else}}
<img class="swiper-lazy" data-src="{{image img 450 600}}" alt="">
<img class="swiper-lazy" data-src="{{image2 img w=450 h=600 q=60}}" alt="">
{{/if}}
</a>
</li>
... ... @@ -26,7 +26,7 @@
{{^}}
<div class="banner-top-single">
<a href={{url}}>
<img class="img" src="{{image img 450 600}}">
<img class="img" src="{{image2 img w=450 h=600 q=60}}">
</a>
</div>
{{/if}}
... ...
{{#data}}
<div class="hot-category">
{{> common/floor-header}}
{{# banner}}
<a class="category-banner" href="{{url}}">
<img class="lazy" data-original="{{src}}">
<img class="lazy" data-original="{{image2 src q=60}}">
</a>
{{/ banner}}
<ul class="category-list clearfix">
... ... @@ -12,7 +12,7 @@
<li>
<a href="{{url}}">
<div class="img-box">
<img class="lazy" data-original="{{image src 140 140}}" alt="">
<img class="lazy" data-original="{{image2 src w=140 h=140 q=60}}" alt="">
</div>
</a>
<div class="img-cover">{{name}}</div>
... ... @@ -20,4 +20,4 @@
{{/ list}}
</ul>
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
... ... @@ -29,37 +29,24 @@
</script>
{{/if}}
{{#if devEnv}}
{{#if localCss}}
<link rel="stylesheet" media="all" href="//{{devHost}}:5001/bundle/common.css">
<link rel="stylesheet" media="all" href="//{{devHost}}:5001/bundle/{{module}}.{{page}}.css">
{{^}}
{{#if shopPage}}
<link rel="stylesheet" media="all" href="//{{devHost}}:5001/bundle/shop.css">
{{^}}
<link rel="stylesheet" media="all" href="//{{devHost}}:5001/bundle/index.css">
{{/if}}
{{/if}}
{{#if vue}}
{{#ifor localCss vue}}
<link rel="stylesheet" media="all" href="//{{devHost}}:5001/bundle/{{module}}.{{page}}.css">
{{/if}}
{{^}}
{{#if shopPage}}
<link rel="stylesheet" media="all" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/shop.css">
{{^}}
<link rel="stylesheet" media="all" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/index.css">
{{/if}}
<link rel="stylesheet" media="all" href="//{{devHost}}:5001/bundle/index.css">
{{/ifor}}
{{^}}
{{#if localCss}}
{{#if localCss }}
<link rel="stylesheet" media="all" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/common.css">
<link rel="stylesheet" media="all" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/{{module}}.{{page}}.css">
{{/if}}
{{#if vue}}
{{#ifor localCss vue}}
<link rel="stylesheet" media="all" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/{{module}}.{{page}}.css">
{{/if}}
{{^}}
<link rel="stylesheet" media="all" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/index.css">
{{/ifor}}
{{/if}}
<link rel="apple-touch-icon-precomposed" href="http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-144x144-precomposed-new.png">
<link rel="apple-touch-startup-image" sizes="640x920" href="http://static.yohobuy.com/m/v1/img/startup/startup-retina.png" media="screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)">
... ...
... ... @@ -29,12 +29,9 @@
<div class="good-detail-img">
<a class="good-thumb" href="{{url}}">
{{#if @root._noLazy}}
<img src="{{image default_images 235 314}}"/>
<img src="{{image2 default_images w=235 h=314 q=60}}"/>
{{else}}
{{!--
<img class="lazy" data-original="{{image default_images 235 314}}"/>
--}}
<img src="{{image default_images 235 314}}"/>
<img class="lazy" data-original="{{image2 default_images w=235 h=314 q=60}}"/>
{{/if}}
</a>
{{# is_soon_sold_out}}
... ...
<div class="banner-bottom">
<a href="{{url}}">
<img class="lazy" data-original="{{img}}" alt="">
<img class="lazy" data-original="{{image2 img q=60}}" alt="">
</a>
</div>
\ No newline at end of file
</div>
... ...
... ... @@ -5,13 +5,13 @@
{{#if @first}}
<li class="swiper-slide">
<a href="{{url}}">
<img src="{{image src 640 240 '' 70}}">
<img src="{{image2 src w=640 h=240 q=60}}">
</a>
</li>
{{^}}
<li class="swiper-slide">
<a href="{{url}}">
<img class="swiper-lazy" data-src="{{image src 640 240}}">
<img class="swiper-lazy" data-src="{{image2 src w=640 h=240 q=60}}">
</a>
<div class="swiper-lazy-preloader"></div>
</li>
... ...
... ... @@ -2,7 +2,7 @@
{{#data}}
<div class="banner-list">
<a href="{{url}}">
<img src="{{image src 640 200 '' 70}}" alt="">
<img src="{{image2 src w=640 h=200 q=60}}" alt="">
</a>
</div>
{{/data}}
... ... @@ -12,7 +12,7 @@
{{#data}}
<li class="swiper-slide">
<a href="{{url}}">
<img src="{{image src 640 200 '' 70}}" alt="">
<img src="{{image2 src w=640 h=200 q=60}}" alt="">
</a>
</li>
{{/data}}
... ...
... ... @@ -3,7 +3,7 @@
<div class="creative-life">
{{# big_image}}
<a class="banner" href="{{url}}">
<img class="lazy" data-original="{{image src 640 403}}">
<img class="lazy" data-original="{{image2 src w=640 h=403 q=60}}">
</a>
{{/ big_image}}
<ul class="classify-list clearfix">
... ... @@ -11,7 +11,7 @@
<li class="classify">
<a href="{{url}}">
<div class="classify-logo">
<img class="lazy" data-original="{{image src 191 191}}">
<img class="lazy" data-original="{{image2 src w=191 h=191 q=60}}">
</div>
<p class="classify-name">{{title}}</p>
</a>
... ...
... ... @@ -6,7 +6,7 @@
{{#list}}
<li>
<a href="/product/sale/discount/detail?id={{id}}&channel={{@root.channel}}">
<img class="lazy" data-original="{{image cover_url 640 250}}" />
<img class="lazy" data-original="{{image2 cover_url w=640 h=250 q=60}}" />
<p class="discount-cont">
<span class="discount-title">{{title}}</span>
<span class="discount-time {{#if warn_color}}red-color{{/if}}">{{time}}</span>
... ...
{{#data}}
<div style="background-image:url({{image src 640 26}})" class="divide-image"></div>
{{/data}}
\ No newline at end of file
<div style="background-image:url({{image2 src w=640 h=26 q=60}})" class="divide-image"></div>
{{/data}}
... ...
... ... @@ -2,7 +2,7 @@
<div class="fav-brand-swiper">
<a class="swiper-header" href="{{link}}">
<div class="swiper-logo">
<img src="{{brandImg}}" alt=""/>
<img src="{{image2 brandImg q=60}}" alt=""/>
</div>
<div class="brand-info">
<span class="brand-name">{{brandName}}</span>
... ... @@ -23,7 +23,7 @@
{{# productList}}
<li class="swiper-slide">
<a href="{{link}}">
<img class="swiper-lazy" data-src="{{imgUrl}}" alt=""/>
<img class="swiper-lazy" data-src="{{image2 imgUrl q=60}}" alt=""/>
</a>
<div class="brand-product">
<div class="{{# discount}}price-discount{{/ discount}}">
... ... @@ -38,4 +38,4 @@
</div>
{{/if}}
</div>
{{/ hasFavBrand}}
\ No newline at end of file
{{/ hasFavBrand}}
... ...
... ... @@ -2,7 +2,7 @@
<li data-id="{{fav_id}}" class="{{#if invalidGoods}}invalidGoods{{/if}}">
<a href="{{link}}">
<div class="fav-img-box">
<img src="{{imgUrl}}" alt=""/>
<img src="{{iamge2 imgUrl q=60}}" alt=""/>
</div>
<div class="fav-info-list">
<h2>{{title}}</h2>
... ... @@ -30,4 +30,4 @@
</div>
</a>
</li>
{{/ hasFavProduct}}
\ No newline at end of file
{{/ hasFavProduct}}
... ...
{{> common/floor-header}}
<ul class="fine-brands clearfix">
{{# brands}}
{{# brands}}
<li class="brand">
<a href="{{url}}">
<div class="brand-logo">
<img class="lazy" data-original="{{img}}">
<img class="lazy" data-original="{{images img q=60}}">
</div>
<p class="brand-name">{{name}}</p>
</a>
</li>
{{/ brands}}
</ul>
\ No newline at end of file
</ul>
... ...
... ... @@ -4,7 +4,7 @@
{{# banner_image}}
<div class="fresh-swiper">
<a href="{{url}}">
<img class="lazy" data-original="{{image src 640 200}}">
<img class="lazy" data-original="{{image2 src w=640 h=200 q=60}}">
</a>
</div>
{{/ banner_image}}
... ... @@ -14,7 +14,7 @@
<li class="swiper-slide">
<div class="img-box">
<a href="{{url}}">
<img class="swiper-lazy" data-src="{{image default_images 235 314}}" alt="">
<img class="swiper-lazy" data-src="{{image2 default_images w=235 h=314 q=60}}" alt="">
</a>
<div class="swiper-lazy-preloader"></div>
</div>
... ...
... ... @@ -8,7 +8,7 @@
{{# bigList}}
<li class="swiper-slide">
<a href="{{url}}">
<img class="lazy" data-original="{{image src 640 403}}" alt="{{title}}">
<img class="lazy" data-original="{{image2 src w=640 h=403 q=60}}" alt="{{title}}">
</a>
</li>
{{/ bigList}}
... ... @@ -21,7 +21,7 @@
{{^}}
<div class="category-swiper">
<a href="{{url}}">
<img class="lazy" data-original="{{image src 640 403}}" alt="{{title}}">
<img class="lazy" data-original="{{image2 src w=640 h=403 q=60}}" alt="{{title}}">
</a>
</div>
{{/if}}
... ... @@ -33,9 +33,9 @@
<a href="{{url}}">
<div class="img-box">
{{#if @first}}
<img class="lazy" data-original="{{image src 258 383}}" alt="">
<img class="lazy" data-original="{{image2 src w=258 h=383 q=60}}" alt="">
{{^}}
<img class="lazy" data-original="{{image src 191 191}}" alt="">
<img class="lazy" data-original="{{image2 src w=191 h=191 q=60}}" alt="">
{{/if}}
</div>
<p class="category-name">{{title}}</p>
... ...
... ... @@ -6,7 +6,7 @@
<a href="{{url}}">
<div class="brand-logo">
{{!--此处不使用 Lazyload 是由于安卓 UC 10 版本加载不出来--}}
<img src="{{image src 158 174}}">
<img src="{{image2 src w=158 h=174 q=60}}">
</div>
<p class="brand-name">{{name}}</p>
</a>
... ... @@ -15,7 +15,7 @@
<li class="more">
<a class="{{#unless image.src}}default{{/unless}}" href="{{image.url}}">
<img class="lazy" data-original="{{image image.src 320 172}}">
<img class="lazy" data-original="{{image2 image.src w=320 h=172 q=60}}">
</a>
</li>
</ul>
... ...
... ... @@ -6,7 +6,7 @@
{{# list}}
<li class="swiper-slide">
<a href="{{url}}">
<img src="{{image src 140 140}}" alt="">
<img src="{{image2 src w=140 h=140 q=60}}" alt="">
<span class="brands-title">{{name}}</span>
</a>
</li>
... ... @@ -14,4 +14,4 @@
</ul>
</div>
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
{{#data}}
<div class="hot-category">
{{> common/floor-header-more}}
{{# banner}}
<a class="category-banner" href="{{url}}">
<img class="lazy" data-original="{{src}}">
<img class="lazy" data-original="{{image2 src q=60}}">
</a>
{{/ banner}}
<ul class="category-list clearfix">
... ... @@ -12,11 +12,11 @@
<li>
<a href="{{url}}">
<div class="img-box">
<img class="lazy" data-original="{{image src 140 140}}" alt="">
<img class="lazy" data-original="{{image2 src w=140 h=140 q=60}}" alt="">
</div>
</a>
</li>
{{/ list}}
</ul>
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
... ... @@ -2,12 +2,12 @@
<div class="hot-single">
{{> common/floor-header-more}}
{{> resources/new-floor-banner}}
<div class="hot-single-goods-list" {{#background}}style="background-image: url({{image src 640 330}})"{{/background}}>
<div class="hot-single-goods-list" {{#background}}style="background-image: url({{image2 src w=640 h=330 q=60}})"{{/background}}>
<ul>
{{#list}}
<li class="hot-single-goods">
<a href="//m.yohobuy.com/product/show_{{product_skn}}">
<img src="{{image default_images 153 206}}" alt="goods" class="goods-pic">
<img src="{{image2 default_images w=153 h=206 q=60}}" alt="goods" class="goods-pic">
<div class="goods-info">
<h3 class="price">&yen; {{sales_price}}</h3>
<p class="view-num">{{view_num}}人</p>
... ... @@ -19,4 +19,4 @@
</ul>
</div>
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
{{#appIconList}}
<div class="icons-wrapper" {{#if back_image}} style="background-image:url({{image back_image 640 360}})" {{/if}}>
<div class="icons-wrapper" {{#if back_image}} style="background-image:url({{image2 back_image w=640 h=360 q=60}})" {{/if}}>
<ul class="icons-list clearfix">
{{#data}}
<li class="icons-item item-{{../number}}"><a href="{{url}}" class="imagebar"><img src="{{image src 98 98 '' 70}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li>
<li class="icons-item item-{{../number}}"><a href="{{url}}" class="imagebar"><img src="{{image2 src w=98 h=98 q=60}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li>
{{/data}}
</ul>
</div>
... ...
... ... @@ -4,7 +4,7 @@
<div class="infos {{#if @root.tickets}} tickets-info {{/if}}">
<div class="basic-info" >
{{#each thumbs}}
<img class="thumb {{#unless @first}}hide{{/unless}}" src="{{img}}">
<img class="thumb {{#unless @first}}hide{{/unless}}" src="{{image2 img q=60}}">
{{/each}}
<div class="text-info">
<p class="name">{{name}}</p>
... ... @@ -30,7 +30,7 @@
<ul id="{{id}}" data-index="{{@index}}" class="size-row clearfix {{#unless @first}}hide{{/unless}}">
{{#each color}}
<li class="block {{#if chosed}} chosed{{/if}} {{#unless colorNum}} zero-stock{{/unless}}" data-num="{{colorNum}}">{{name}}</li>
{{/each}}
{{/each}}
</ul>
{{/each}}
</div>
... ... @@ -116,4 +116,4 @@
<input type="hidden" name="productSku" id="productSku">
<input type="hidden" name="buyNumber" id="buyNumber">
</form>
{{/ tickets}}
\ No newline at end of file
{{/ tickets}}
... ...
... ... @@ -5,13 +5,13 @@
{{#if @first}}
<li class="swiper-slide">
<a href="{{url}}">
<img src="{{image src 640 240}}">
<img src="{{image2 src w=640 h=240 q=60}}">
</a>
</li>
{{^}}
<li class="swiper-slide">
<a href="{{url}}">
<img class="swiper-lazy" data-src="{{image src 640 240}}">
<img class="swiper-lazy" data-src="{{image2 src w=640 h=240 q=60}}">
</a>
<div class="swiper-lazy-preloader"></div>
</li>
... ...
... ... @@ -3,7 +3,7 @@
{{#data}}
<div class="banner-list">
<a href="{{url}}">
<img src="{{image src 640 200}}" alt="">
<img src="{{image2 src w=640 h=200 q=60}}" alt="">
</a>
</div>
{{/data}}
... ... @@ -12,7 +12,7 @@
{{#data}}
<li class="swiper-slide">
<a href="{{url}}">
<img src="{{image src 640 200}}" alt="">
<img src="{{image2 src w=640 h=200 q=60}}" alt="">
</a>
</li>
{{/data}}
... ...
... ... @@ -3,7 +3,7 @@
<div class="creative-life">
{{# big_image}}
<a class="banner" href="{{url}}">
<img class="lazy" data-original="{{image src 640 403}}">
<img class="lazy" data-original="{{image2 src w=640 h=403 q=60}}">
</a>
{{/ big_image}}
<ul class="classify-list clearfix">
... ... @@ -11,7 +11,7 @@
<li class="classify">
<a href="{{url}}">
<div class="classify-logo">
<img class="lazy" data-original="{{image src 191 191}}">
<img class="lazy" data-original="{{image2 src w=191 h=191 q=60}}">
</div>
<p class="classify-name">{{title}}</p>
</a>
... ...
{{#data}}
<div style="background-image:url({{image src 640 30}})" class="divide-image"></div>
{{/data}}
\ No newline at end of file
<div style="background-image:url({{image2 src w=640 h=30 q=60}})" class="divide-image"></div>
{{/data}}
... ...
... ... @@ -4,7 +4,7 @@
{{# banner_image}}
<div class="fresh-swiper">
<a href="{{url}}">
<img class="lazy" data-original="{{image src 640 200}}">
<img class="lazy" data-original="{{image2 src w=640 h=200 q=60}}">
</a>
</div>
{{/ banner_image}}
... ... @@ -14,7 +14,7 @@
<li class="swiper-slide">
<div class="img-box">
<a href="{{url}}">
<img src="{{image default_images 235 314}}" alt="">
<img src="{{image2 default_images w=235 h=314 q=60}}" alt="">
</a>
<div class="swiper-lazy-preloader"></div>
</div>
... ...
... ... @@ -8,7 +8,7 @@
{{# bigList}}
<li class="swiper-slide">
<a href="{{url}}">
<img class="swiper-lazy" data-src="{{image src 640 403}}" alt="{{title}}">
<img class="swiper-lazy" data-src="{{image2 src w=640 h=403 q=60}}" alt="{{title}}">
</a>
</li>
{{/ bigList}}
... ... @@ -21,7 +21,7 @@
{{^}}
<div class="category-swiper">
<a href="{{url}}">
<img src="{{image src 640 403}}" alt="{{title}}">
<img src="{{image2 src w=640 h=403 q=60}}" alt="{{title}}">
</a>
</div>
{{/if}}
... ... @@ -33,9 +33,9 @@
<a href="{{url}}">
<div class="img-box">
{{#if @first}}
<img class="lazy" data-original="{{image src 258 383}}" alt="">
<img class="lazy" data-original="{{image2 src w=258 h=383 q=60}}" alt="">
{{^}}
<img class="lazy" data-original="{{image src 191 191}}" alt="">
<img class="lazy" data-original="{{image2 src w=191 h=191 q=60}}" alt="">
{{/if}}
</div>
<p class="category-name">{{title}}</p>
... ...
... ... @@ -6,7 +6,7 @@
<a href="{{url}}">
<div class="brand-logo">
{{!--此处不使用 Lazyload 是由于安卓 UC 10 版本加载不出来--}}
<img src="{{image src 158 174}}">
<img src="{{image2 src w=158 h=174 q=60}}">
</div>
<p class="brand-name">{{name}}</p>
</a>
... ... @@ -15,7 +15,7 @@
<li class="more">
<a class="{{#unless image.src}}default{{/unless}}" href="{{image.url}}">
<img src="{{image image.src 320 172}}">
<img src="{{image2 image.src w=320 h=172 q=60}}">
</a>
</li>
</ul>
... ...
... ... @@ -6,7 +6,7 @@
{{# list}}
<li class="swiper-slide">
<a href="{{url}}">
<img src="{{image src 140 140}}" alt="">
<img src="{{image2 src w=140 h=140 q=60}}" alt="">
<span class="brands-title">{{name}}</span>
</a>
</li>
... ... @@ -14,4 +14,4 @@
</ul>
</div>
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
{{#data}}
<div class="hot-category">
{{> ../common/floor-header-more}}
{{# banner}}
<a class="category-banner" href="{{url}}">
<img class="lazy" data-original="{{src}}">
<img class="lazy" data-original="{{image2 src q=60}}">
</a>
{{/ banner}}
<ul class="category-list clearfix">
... ... @@ -12,11 +12,11 @@
<li>
<a href="{{url}}">
<div class="img-box">
<img class="lazy" data-original="{{image src 140 140}}" alt="">
<img class="lazy" data-original="{{image2 src w=140 h=140 q=60}}" alt="">
</div>
</a>
</li>
{{/ list}}
</ul>
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
... ... @@ -2,12 +2,12 @@
<div class="hot-single">
{{> ../common/floor-header-more}}
{{> ./new-floor-banner}}
<div class="hot-single-goods-list" {{#background}}style="background-image: url({{image src 640 200}})"{{/background}}>
<div class="hot-single-goods-list" {{#background}}style="background-image: url({{image2 src w=640 h=200 q=60}})"{{/background}}>
<ul>
{{#list}}
<li class="hot-single-goods">
<a href="//m.yohobuy.com/product/show_{{product_skn}}">
<img src="{{image default_images 153 206}}" alt="goods" class="goods-pic">
<img src="{{image2 default_images w=153 h=206 q=60}}" alt="goods" class="goods-pic">
<div class="goods-info">
<h3 class="price">&yen; {{sales_price}}</h3>
<p class="view-num">{{view_num}}人</p>
... ... @@ -19,4 +19,4 @@
</ul>
</div>
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
{{#appIconList}}
<div class="icons-wrapper" {{#if back_image}} style="background-image:url({{back_image}})" {{/if}}>
<div class="icons-wrapper" {{#if back_image}} style="background-image:url({{image2 back_image q=60}})" {{/if}}>
<ul class="icons-list clearfix">
{{#data}}
<li class="icons-item item-{{../number}}"><a href="{{url}}" class="imagebar"><img src="{{image src 98 98}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li>
<li class="icons-item item-{{../number}}"><a href="{{url}}" class="imagebar"><img src="{{image2 src w=98 h=98 q=60}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li>
{{/data}}
</ul>
</div>
... ...
... ... @@ -3,28 +3,28 @@
{{> ../common/floor-header-more}}
{{#list.[0]}}
<a href="{{url}}" class="float-container">
<img class="lazy left" data-original="{{image src 268 360}}" alt="left">
<img class="lazy left" data-original="{{image2 src w=268 h=360 q=60}}" alt="left">
</a>
{{/list.[0]}}
{{#list.[1]}}
<a href="{{url}}" class="float-container">
<img class="lazy right" data-original="{{image src 186 180}}" alt="right1">
<img class="lazy right" data-original="{{image2 src w=186 h=180 q=60}}" alt="right1">
</a>
{{/list.[1]}}
{{#list.[2]}}
<a href="{{url}}" class="float-container">
<img class="lazy right" data-original="{{image src 186 180}}" alt="right2">
<img class="lazy right" data-original="{{image2 src w=186 h=180 q=60}}" alt="right2">
</a>
{{/list.[2]}}
{{#list.[3]}}
<a href="{{url}}" class="float-container">
<img class="lazy right" data-original="{{image src 186 180}}" alt="right3">
<img class="lazy right" data-original="{{image2 src w=186 h=180 q=60}}" alt="right3">
</a>
{{/list.[3]}}
{{#list.[4]}}
<a href="{{url}}" class="float-container">
<img class="lazy right" data-original="{{image src 186 180}}" alt="right4">
<img class="lazy right" data-original="{{image2 src w=186 h=180 q=60}}" alt="right4">
</a>
{{/list.[4]}}
</div>
{{/data}}
\ No newline at end of file
{{/data}}
... ...
module.exports = function (url, opts) {
if (url) {
let params = opts.hash;
let urls = url.split('?');
let query = urls[1] || '';
if (query) {
query = query.replace(/{width}/g, params.w).replace(/{height}/g, params.h).replace(/{mode}/g, (params.mode || 2));
if (query.indexOf('imageView2') === 0) {
if (params.q && query.indexOf('/q/') > 0) {
query = query.replace(/\/q\/\d+/g, '/q/' + params.q);
} else {
query += '/q/' + params.q;
}
} else if (query.indexOf('imageMogr2') === 0) {
if (params.q && query.indexOf('/quality/') > 0) {
query = query.replace(/\/quality\/\d+/g, '/quality/' + params.q);
} else {
query += '/quality/' + params.q;
}
}
} else {
query = 'imageView2/2/interlace/1/q/' + (params.q || 75);
}
return urls[0] + '?' + query;
} else {
return url;
}
};
... ...
... ... @@ -38,6 +38,7 @@
img {
display: block;
width: 100%;
min-height: 400px;
}
}
... ... @@ -78,7 +79,7 @@
&.tip, &.special-topic {
background-image: url('/guang/info/tip.png');
}
&.topic {
background-image: url('/guang/info/topic.png');
}
... ...
... ... @@ -5,5 +5,53 @@ const assetUrl = config.assetUrl;
module.exports = {
imgSrc: function(imgSrc) {
return url.resolve(assetUrl, imgSrc);
},
image2: function(url, opts) {
if (url) {
let params = opts.hash;
let urls = url.split('?');
let query = urls[1] || '';
if (query) {
query = query.replace(/{width}/g, params.w).replace(/{height}/g, params.h).replace(/{mode}/g, (params.mode || 2));
if (query.indexOf('imageView2') === 0) {
if (params.q && query.indexOf('/q/') > 0) {
query = query.replace(/\/q\/\d+/g, '/q/' + params.q);
} else {
query += '/q/' + params.q;
}
} else if (query.indexOf('imageMogr2') === 0) {
if (params.q && query.indexOf('/quality/') > 0) {
query = query.replace(/\/quality\/\d+/g, '/quality/' + params.q);
} else {
query += '/quality/' + params.q;
}
}
} else {
query = 'imageView2/2/interlace/1/q/' + (params.q || 75);
}
return urls[0] + '?' + query;
} else {
return url;
}
},
ifor: function() {
var args = Array.prototype.slice.call(arguments);
var opt = args[args.length - 1];
var isTrue = false;
for (var i = 0; i < args.length - 1; i ++ ) {
if (args[i]) {
isTrue = true;
break;
}
}
if (isTrue) {
return opt.fn(this);
} else {
return opt.inverse(this);
}
}
};
... ...