fe / YOHOBUYWAP · Commits

Go to a project

Authored by zhangxiaoru
Commit ef3b389fc7f8173b4da9bd2c5cf7911c81d6809a 1 parent dbcb0a25

品牌店铺首页

Inline Side-by-side
Showing 6 changed files with 123 additions and 15 deletions
... ... @@ -11,4 +11,4 @@ require('./detail/detail');
require('./detail/consultform');
require('./newsale/hot-rank');
require('./product-category');
require('./shop');
\ No newline at end of file
... ...
... ... @@ -2,4 +2,18 @@
* 品牌店铺首页
*/
// var $ = require('jquery');
var $ = require('jquery');
$.jqtab = function(nav, main) {
$(nav + ' li').click(function() {
$(main).hide();
var activeTab = $(this).find('a').attr('tab');
$('#'+activeTab).fadeIn();
return false;
});
};
$.jqtab('#nav1', '.main');
... ...
... ... @@ -59,6 +59,7 @@
.main {
background: #f0f0f0;
padding-bottom: 1rem;
overflow: hidden;
}
.hide {
... ... @@ -262,6 +263,12 @@
}
}
.list {
padding-top: 30rem / $pxConvertRem;
padding-left: 15rem / $pxConvertRem;
background: #fff;
}
.discount-area {
@extend .discount-page;
... ...
... ... @@ -18,14 +18,13 @@
</div>
<ul id="nav1" class="nav">
<li><a href="#" tab="main1">首页</a></li>
<li><a href="#" tab="main2">人气</a></li>
<li><a href="#" tab="main3">上新</a></li>
<li><a href="#" tab="main4">全部商品</a></li>
<li><a href="#" tab="home-page">首页</a></li><li><a href="#" tab="new-arrival">上新</a></li>
<li><a href="#" tab="popularity">人气</a></li>
<li><a href="{{goodList}}" target="_blank">全部商品</a></li>
</ul>
<ul>
<li id="main1" class="main">
<li id="home-page" class="main">
<div class="coupon">
{{#each coupon}}
<img src="{{couponType}}">
... ... @@ -79,10 +78,19 @@
</ul>
</li>
<li id="main2" class="main hide">1234</li>
<li id="main3" class="main hide"><li>
<li id="main4" class="main hide"><li>
</ul>
<li id="new-arrival" class="main list hide">
{{# newGood}}
{{> good}}
{{/ newGood}}
</li>
<li id="popularity" class="main list hide">
{{# popuGood}}
{{> good}}
{{/ popuGood}}
</li>
<div class="discount-area">
{{> product/goods-nav-top}}
... ...
... ... @@ -344,13 +344,13 @@
{{!-- 品牌分类 --}}
{{#if productCategoryPage}}
<script>
seajs.use('js/prodcut/product-category');
seajs.use('js/product/product-category');
</script>
{{/if}}
{{!-- 品牌店铺首页 --}}
{{#if shop}}
{{#if shopPage}}
<script>
seajs.use('js/prodcut/shop');
seajs.use('js/product/shop');
</script>
{{/if}}
\ No newline at end of file
... ...
... ... @@ -20,6 +20,7 @@ class ShopController extends AbstractAction
$data = array(
'branner-top' => '',
'goodList' => 'https://www.baidu.com',
'coupon' => array(
array(
'couponType' => ''
... ... @@ -125,6 +126,84 @@ class ShopController extends AbstractAction
'presentPrice' => '￥399'
)
),
'newGood' => array(
array(
'url' => 'http://m.yohobuy.com/product/pro_320421_412063/SYSTAGYuanLingWeiYiSYSA601HC09.html',
'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/12/07/09/01ced0e2ed6a4f2a6d95be70cd0a6c5a56.jpg?imageView/2/w/235/h/314',
'name' => 'NEFF ONE OF US RAGLAN L/S 男款森林风连帽卫衣',
'salePrice' => '759.00',
'price' => '799.00',
'tags' => array(
'is_new' => false,
'is_advance' => true,
'is_discount' => false,
'is_yohoood' => false,
'is_limited' => false
),
'is_soon_sold_out' => false
),
array(
'url' => 'http://m.yohobuy.com/product/pro_320421_412063/SYSTAGYuanLingWeiYiSYSA601HC09.html',
'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/12/07/09/01ced0e2ed6a4f2a6d95be70cd0a6c5a56.jpg?imageView/2/w/235/h/314',
'name' => 'NEFF ONE OF US RAGLAN L/S 男款森林风连帽卫衣',
'salePrice' => '759.00',
'price' => '799.00',
'tags' => array(
'is_new' => true,
'is_advance' => false,
'is_discount' => false,
'is_yohoood' => false,
'is_limited' => false
),
'is_soon_sold_out' => false
),
array(
'url' => 'http://m.yohobuy.com/product/pro_320421_412063/SYSTAGYuanLingWeiYiSYSA601HC09.html',
'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/12/07/09/01ced0e2ed6a4f2a6d95be70cd0a6c5a56.jpg?imageView/2/w/235/h/314',
'name' => 'NEFF ONE OF US RAGLAN L/S 男款森林风连帽卫衣',
'salePrice' => '759.00',
'price' => '799.00',
'tags' => array(
'is_new' => true,
'is_advance' => false,
'is_discount' => false,
'is_yohoood' => false,
'is_limited' => false
),
'is_soon_sold_out' => false
)
),
'popuGood' => array(
array(
'url' => 'http://m.yohobuy.com/product/pro_320421_412063/SYSTAGYuanLingWeiYiSYSA601HC09.html',
'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/12/07/09/01ced0e2ed6a4f2a6d95be70cd0a6c5a56.jpg?imageView/2/w/235/h/314',
'name' => 'NEFF ONE OF US RAGLAN L/S 男款森林风连帽卫衣',
'salePrice' => '759.00',
'price' => '799.00',
'is_soon_sold_out' => false
),
array(
'url' => 'http://m.yohobuy.com/product/pro_320421_412063/SYSTAGYuanLingWeiYiSYSA601HC09.html',
'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/12/07/09/01ced0e2ed6a4f2a6d95be70cd0a6c5a56.jpg?imageView/2/w/235/h/314',
'name' => 'NEFF ONE OF US RAGLAN L/S 男款森林风连帽卫衣',
'salePrice' => '759.00',
'price' => '799.00',
'is_soon_sold_out' => false
),
array(
'url' => 'http://m.yohobuy.com/product/pro_320421_412063/SYSTAGYuanLingWeiYiSYSA601HC09.html',
'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/12/07/09/01ced0e2ed6a4f2a6d95be70cd0a6c5a56.jpg?imageView/2/w/235/h/314',
'name' => 'NEFF ONE OF US RAGLAN L/S 男款森林风连帽卫衣',
'salePrice' => '759.00',
'price' => '799.00',
'is_soon_sold_out' => false
)
),
'goods' => array(
array(
'url' => 'http://m.yohobuy.com/product/pro_320421_412063/SYSTAGYuanLingWeiYiSYSA601HC09.html',
... ... @@ -191,7 +270,7 @@ class ShopController extends AbstractAction
return $this->_view->display('index', array(
'shopIndex' => $data,
'shop' => true
'shopPage' => true
));
}
}
\ No newline at end of file
... ...