fe / YOHOOD · Commits

Go to a project

Authored by whb
Commit 8bdc47b275587a175a49f5a7fa39134d282ae89b 1 parent 70df7370

show相关

Inline Side-by-side
Showing 6 changed files with 283 additions and 14 deletions
... ... @@ -347,7 +347,7 @@ define('channel', function(require, exports) {
});
//活动日期定位
tabTop = $('.site-activity-tab').offset().top - 10;
var tabTop = $('.site-activity-tab').offset().top - 10;
$(window).on('scroll', function() {
if (tabTop <= $(this).scrollTop()) {
$('.site-activity-tab').css({
... ...
... ... @@ -93,19 +93,6 @@ define('yohood', function(require, exports) {
});
return html;
}
//yohood展会页面
exports.exhibition = function() {
swipe.init({
slideBox: '.slide-box-exhibition',
prev: '.slide-prev-exhibition',
next: '.slide-next-exhibition',
pagination: '.dib a',
activeClass: 'on',
auto: 3000,
continuous: true
});
}
//首页
exports.index = function() {
var cooperateSwiper,
... ... @@ -157,6 +144,15 @@ define('yohood', function(require, exports) {
imgTag: 'pic-tip',
});
});
//标签设置
$(".show-wrap .image-box").bind("click", function() {
var imageWidth = 640, imageHeight = 640;
$(this).find(".pic-tip").each(function() {
var style_top = parseInt($(this).attr("x")) / 10000 * imageHeight;
var style_left = parseInt($(this).attr("y")) / 10000 * imageWidth;
$(this).css({top:style_top, left:style_left});
});
});
}
//整个页面布局
... ... @@ -195,6 +191,19 @@ define('yohood', function(require, exports) {
qqText: '【YOHOOD 2015】' + detailTitle.text() + ' ' + detailSubtitle.text() + '#YOHOOD 2015'
});
}
//导航动画效果
$('.nav').on('click', 'li', function() {
$(this).addClass('current');
});
$('.nav').on('mouseover', 'li', function() {
if (!$(this).hasClass('current')) {
$(this).addClass('animate')
}
}).on('mouseout', 'li', function() {
$('.nav').find('li').removeClass('animate');
});
//回到顶部
$(window).scroll(function() {
if ($(window).scrollTop() > 100) {
... ... @@ -469,4 +478,29 @@ define('yohood', function(require, exports) {
}
});
}
//现场计划活动
exports.activityPlan = function()
{
$('.site-activity-content').find('.layout-item').each(function() {
$(this).imgZoom({
imgTag: 'pic-tip',
});
});
//活动日期定位
tabTop = $('.site-activity-tab').offset().top - 10;
$(window).on('scroll', function() {
if (tabTop <= $(this).scrollTop()) {
$('.site-activity-tab').css({
"position": "fixed",
"top": "0",
"left": "50%",
"width": "134px",
"marginLeft": "356px",
"marginTop": "10px"
})
} else {
$('.site-activity-tab').removeAttr('style');
}
});
}
});
\ No newline at end of file
... ...
<?php $this->_extends('layout/default_layout');?>
<?php $this->_block('main');?>
<!-- content start -->
<div class="content-wrap clearfix">
<div class="introduction" style="margin: 0 auto; width: 816px;">
<?php
foreach($this->view->activityInfos as $info)
{
if(trim($info['title']) == '活动介绍网页版')
{
echo $info['content'];
}
}
?>
</div>
<div class="activity-ask">
<h2>Q&amp;A</h2>
</div>
<div class="activity-qa">
<?php
$arrs = array(
'1.我不是有货的会员，可以购票吗？' => '活动针对所有消费者开放，您可以在完成简单的注册之后进行购票，注册地址：<a href="http://www.yohobuy.com/reg.html" target="_blank" style="color:red;">http://www.yohobuy.com/reg.html</a>。',
'2.一个账户可以购买多张同一天的单日票吗？'=>'不可以，一个账户仅可购买单日票一张。',
'3.我想参加两天的活动，如何购票？'=>'请分别购买两天的活动门票，两天的门票会绑定到同一有货账户。',
'4.门票是否可以进行退换？'=>'门票售出后不可退换，但由于活动不可抗拒原因造成消费者当天无法入场，可进行门票退换，具体操作可咨询客服。',
'5.你们预售的门票，到时会不会有进场人数的限制？'=>'根据当天现场情况，如果场内客户量较大，可能会采取临时人数管控措施，界时如果由于此问题导致您持有当日门票但直至活动结束仍无法入场，可以选择更换次日门票或是退票。',
'6.是否可以进行现场售票？'=>'现场出售当日票，并在现场进行有货账户绑定。为了更快速入场，建议在YOHOBUY提前完成购票。',
'7.我已经购买了你们的电子门票，当天怎么进场？'=>' 您需要提前把电子门票打印或保存在手机上，持对应日期的电子门票至活动现场，换取当日入场手环。',
'8.购买的二维码遗失了怎么办？'=>'二维码会保存在您的有货账户下，可在活动现场通过服务台咨询找回。',
'9.我不想用手机注册你们的账号，我还可不可以入场？'=>'如果您不想使用手机注册的话，您也可以选择邮箱注册，或者也可以使用支付宝、QQ、新浪微博等联合登录方式绑定入场手环。',
'10.现场手机注册账户，但一直收不到验证短信怎么办？'=>'如果您一直无法接受验证信息的话，建议您可以尝试通过邮箱注册，或使用支付宝、QQ、新浪微博等联合登录方式绑定入场手环。',
'11.如何进行支付？'=>'可以通过网上银行、支付宝、微信等方式支付，请参见有货支付规则：<a href="http://www.yohobuy.com/help/?category_id=43" target="_blank" style="color:red;">http://www.yohobuy.com/help/?category_id=43</a>。',
'12.下单后需要多久完成支付？'=>'订单生成后需要在二小时内付款，逾时订单会被取消。',
'13.现场是否可以通过手机支付？'=>'可通过下载YOHO!有货手机客户端，在现场进行货品查看、购买及支付。',
'14.我可以在现场用现金购物吗？'=>'现场商品均为线上销售，需通过有货APP进行购物，不接受现金支付，请提前下载有货APP。',
'15.室内手机信号不稳定无法支付，怎么办？'=>'因为在室内手机信号分布可能不太均匀，您可以换个位置尝试一下，尽量选择靠近窗边的地方试一下，或者也可以在我们提供的自助电脑上进行支付。',
'16.购买多件商品是否会有折扣，是否包邮？'=>'预购商品以标价为准，可以包邮，但不参与其他活动；非预购商品与有货在售的其他商品一样可享受网站的各项优惠政策。',
'17.预购商品什么时候可以收到货品？'=>'部分商品为预购商品，商品会在秋冬上市，具体上市时间会在商品信息中标明。',
'18.预购商品是否可以和非预售商品合并订单？'=>'不可合并订单。',
'19.我下单之后订单能不能取消？'=>'可以取消订单。',
'20.已支付的订单是否可以退换货？'=>'已支付的订单自签收商品7日内可以退货，15日内可以换货，商品不能影响二次销售。',
'21.现场是否可以购买并且拿到货品？'=>'所有产品均为线上销售，非预购商品支付成功后的3-5天把货品送到。如果您的订购完成后7天内商品仍没有送达，建议您直接与有货客服中心联系。（预购商品需要等待上市期）',
'22.在活动之后我是否还可以进行商品购买？'=>'三天活动结束后，会开始线上销售，但商品数量有限，建议尽早下单购买。',
'23.有什么品牌会参加？'=>'具体参展品牌请查询活动参展品牌页面。<a href="http://www.yohood.cn/brand/index" target="_blank" style="color:red;">http://www.yohood.cn/brand/index</a>',
'24.现场活动具体时间安排是怎么样的？'=>'请留意新闻发布或手机APP及YOHOOD官方网站的活动安排。',
'25.现场除了商品销售还有什么活动？'=>'现场除了商品销售，还会有品牌新品发布会、潮流时尚Fashion Show、VIP潮流派对、潮流文化论坛、潮流市集、BE@RBIRCK世界巡展和COLT签名会。详情请留意YO’HOOD官网：<a href="http://www.yohood.cn/activity/plan" target="_blank" style="color:red;">http://www.yohood.cn/activity/plan</a>。',
'26.会场是否有试衣间？'=>'本次活动现场不设试衣间。',
'27.我可以近距离接触品牌主理人吗？'=>'品牌主理人都会亲临现场，详情请留意YO’HOOD官网。',
'28.如何获得参加现场活动，比如潮流市集、BE@RBIRCK世界巡展等？'=>'只需购买门票就能参加所有的现场活动。详情请留意YO’HOOD官网对于活动时间的预告。',
'29.品牌展出方式是怎样的？'=>'现场品牌均有自己的独立展位。',
'30.现场是否会有限定、联名产品？'=>'此次活动，许多顶尖潮牌推出活动独家限定商品，以及YO’HOOD联名产品，详情请留意YO’HOOD官网。',
'31.我如果中途出去吃个饭，回头凭入场手环还能再进来吗？'=>'可以的，您凭当天的入场手环离场后可以再次进入。',
'32.你们这有没有饮料和食品销售？'=>'活动当天购票入场的客户均可以领取一瓶饮用水，活动现场也会有汉堡王驻场。',
'33.一米二以下儿童是否要票?'=>'每位购票成人可以携带一名一米二以下的儿童入场，但活动期间现场人流量较大，出于安全因素考虑，我们不建议客户带儿童入场。'
);
foreach($arrs as $key => $arr):
?>
<h3><span>Q</span><?php echo $key;?></h3>
<p class="activity-borderline"><span>A</span><?php echo $arr;?></p>
<?php endforeach;?>
</div>
</div>
<?php $this->_endblock();?>
\ No newline at end of file
... ...
<?php if(!$this->view->isAjax):?>
<?php $this->_extends('layout/default_layout');?>
<?php $this->_block('main');?>
<!-- content start -->
<div class="content-wrap clearfix">
<div class="brand-detail">
<div class="brand-detail-top clearfix">
<div class="brand-detail-image">
<?php
$pics = json_decode($this->view->info['pics'],true);
$video = '';
foreach($pics as $val): ?>
<?php if($val['type']=='pic'):?>
<img src="<?php echo Lib_Images::getImageUrl($val['url'], '0300x0300','fragmentimg','thumbnail');?>" alt="<?php echo $this->view->info['description'];?>"/>
<?php else:?>
<?php $video = $val['url']?>
<?php endif;?>
<?php endforeach;?>
</div>
<div class="brand-info">
<div class="brand-info-logo clearfix">
<a href="" class="brand-logo"><img src="<?php echo Lib_Images::getImageUrl($this->view->info['logo'], '0147x0097','fragmentimg');?>" alt="<?php echo $this->view->info['name'];?>"/></a>
<h2><?php echo $this->view->info['name'];?></h2>
<div class="brand-detail-share">
<div style="padding-top: 42px;">
<wb:share-button addition="simple" type="button" default_text="<?php echo Lib_Utils_StringHelper::substr_cn($this->view->info['description'], 250);?>" pic="<?php echo Lib_Images::getImageUrl($this->view->info['logo'], '0145x0095','fragmentimg');?>"></wb:share-button>
<img alt="" src="<?php echo SITE_IMG.'/yohood/wechat.png';?>" id="wechat" style="cursor: pointer;">
<div class="bd_weixin_popup" style="display: none;">
<div class="bd_weixin_popup_head">
<span>分享到微信朋友圈</span>
</div>
<div id="bdshare_weixin_qrcode_dialog_qr" class="bd_weixin_popup_main">
<img width="185" height="185" src="http://qr.liantu.com/api.php?text=<?php echo SITE_MAIN;?>/brand/detail/id/9">
</div>
<div class="bd_weixin_popup_foot">打开微信，点击底部的“发现”，<br>使用“扫一扫”即可将网页分享至朋友圈。</div>
</div>
</div>
</div>
</div>
<h3>ABOUT <?php echo $this->view->info['name'];?></h3>
<div class="brand-intro">
<?php echo $this->view->info['description'];?>
</div>
</div>
</div>
<div id="goods_list">
<?php endif;?>
<?php if(count($this->view->goods)): ?>
<div class="brand-goods-list" style="<?php echo count($this->view->news) == 0 ? 'border-bottom: 0px;':'';?>">
<ul class="clearfix">
<?php foreach($this->view->goods as $val):?>
<li>
<a target="_blank" href="<?php echo $val['url']?>" title="<?php echo $val['name']?>">
<img src="<?php echo $val['thumb']?>" width="150" alt="">
<p><?php echo $val['name']?></p>
</a>
</li>
<?php endforeach;?>
</ul>
<div id="pageContent" class="pagination">
<?php $this->_component('Common_Pagination',array(
'pagination' => $this->view->pagination,'next_label' => '下一页','prev_label' => '上一页','current_class' => 'current',
'page_class'=>'pagination-inner', 'id'=>'img_page'
));?>
</div>
</div>
<?php endif;?>
<?php if(!$this->view->isAjax):?>
</div>
</div>
<?php if(isset($this->view->news) && count($this->view->news) > 0): ?>
<div class="pageSize">
<ul class="clearfix activity-index-list detail-pageSize" style="padding-top: 10px;">
<?php foreach($this->view->news as $val):?>
<li>
<div class="activity-img-item">
<a target="" href="<?php echo url('news/detail',array('id' => $val['id']))?>" title="<?php echo $val['title']?>">
<img alt="" src="<?php echo $val['thumb']?>" style="width: 120px;height: 75px;" alt="<?php echo $this->view->info['description'];?>">
</a>
</div>
<h3><a target="" href="<?php echo url('news/detail',array('id' => $val['id']))?>"><?php echo $val['title']?></a></h3>
<p><?php echo $val['desc'];?></p>
<span><em><?php echo date('H:i',$val['create_time'])?></em> <?php echo date('Y/m/d',$val['create_time'])?></span>
</li>
<?php endforeach;?>
</ul>
</div>
<?php endif;?>
</div>
<?php $this->_endblock();?>
<?php $this->_block('js');?>
<?php $this->_js('index.js', array(
SITE_JS . '/lib/seajs.js',
));?>
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
seajs.use("jquery",function($)
{
$("#wechat").bind("mousemove", function()
{
$(".bd_weixin_popup").css({left:$(this).offset().left, display:"block"});
});
$("#wechat").bind("mouseout", function()
{
$(".bd_weixin_popup").css("display","none");
});
});
</script>
<?php $this->_endblock();?>
<?php endif;?>
\ No newline at end of file
... ...
... ... @@ -12,6 +12,11 @@
<img src="<?php echo preg_replace('/_\.(\w+)/i','', $fragment['image']);?>?imageMogr2/thumbnail/309x309/strip/quality/80"
alt="" data-original="<?php echo preg_replace('/_\.(\w+)/i','', $fragment['image']);?>?imageMogr2/thumbnail/640x640/strip/quality/80">
</a>
<?php foreach($fragment['labelList'] as $label):?>
<a class="pic-tip" href="javascript:;" x="<?php echo $label['x']?>" y="<?php echo $label['y']?>">
<?php echo $label['brandName'].$label['categoryName'];?>
</a>
<?php endforeach;?>
</div>
<div class="content">
<p><?php echo $title;?></p>
... ...
<?php $this->_extends('layout/default_layout');?>
<?php $this->_block('main');?>
<!-- content start -->
<div class="content-wrap clearfix">
<h1 class="show-title">#YO’HOOD SHOW#</h1>
<div class="show-list clearfix">
<?php
$pos = 0;
foreach($this->view->fragments as $fragment):?>
<span class="single_<?php echo $pos++;?>">
<img src="<?php echo preg_replace('/_\.(\w+)/i','', $fragment['image']);?>?imageMogr2/thumbnail/160x160/strip/quality/80" alt=""
source="<?php echo str_replace('_','_-0480x0480-primary', $fragment['image']);?>"
style="width:160px;height:160px;"class="look_big_image"/>
<?php
if(isset($fragment['labelList']))
{
foreach($fragment['labelList'] as $label)
{
?>
<span x="<?php echo $label['x']?>" y="<?php echo $label['y']?>" label="<?php echo $label['brandName'].$label['categoryName'];?>"></span>
<?php }}?>
</span>
<?php endforeach;?>
</div>
<div id="pageContent" class="pagination">
<?php $this->_component('Common_Pagination',array(
'pagination' => $this->view->pagination,'next_label' => '下一页','prev_label' => '上一页','current_class' => 'current',
'page_class'=>'pagination-inner', 'id'=>'img_page'
));?>
</div>
<div class="model">
<div id="mask" class="mask" current_class="">
<img src="" width="480" height="480" />
</div>
<div>
<a href="javascript:void(0);" class="iconfont image-prev"></a>
<a href="javascript:void(0);" class="iconfont image-next"></a>
<a href="javascript:void(0);" class="iconfont ui-dialog-close"></a>
</div>
</div>
</div>
<?php $this->_endblock();?>
<?php $this->_block('js');?>
<?php $this->_js('index.js', array(
SITE_JS . '/lib/seajs.js',
));?>
<script type="text/javascript">
seajs.use('channel',function(channel)
{
channel.show();
});
</script>
<?php $this->_endblock();?>
\ No newline at end of file
... ...