sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

detail

feat/task1-c-wallet
devil_gong 2018-08-28 15:58:11 +08:00
parent 09cf3aa4d5
commit f48875237a
7 changed files with 144 additions and 2237 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
service/Application/Home/Controller/DetailController.class.php
View File

@ -46,7 +46,7 @@ class DetailController extends CommonController
$this->assign('goods', $goods[0]);
$this->assign('home_seo_site_title', $goods[0]['title']);
// 左侧商品
// 左侧商品 看了又看
$params = [
'where' => [
'g.is_delete_time'=>0,
@ -57,9 +57,22 @@ class DetailController extends CommonController
'n' => 10,
];
$left_goods = $this->GetCommonGoodsList($params);
//print_r($left_goods);
$this->assign('left_goods', $left_goods);
// 详情tab商品 猜你喜欢
$params = [
'where' => [
'g.is_delete_time'=>0,
'g.is_shelves'=>1,
'is_home_recommended'=>1,
],
'order_by' => 'sales_count desc',
'field' => 'g.id,g.title,g.title_color,g.price,g.images,g.home_recommended_images',
'n' => 16,
];
$detail_like_goods = $this->GetCommonGoodsList($params);
$this->assign('detail_like_goods', $detail_like_goods);
$this->display('Index');
}
}

845
service/Application/Home/View/Default/Detail/Index.html
View File

@ -131,9 +131,9 @@
<div class="theme-options">
<div class="cart-title number">数量</div>
<dd>
<input id="min" class="am-btn am-btn-default" name="" type="button" value="-" />
<input id="text_box" name="" type="text" value="1" style="width:30px;" />
<input id="add" class="am-btn am-btn-default" name="" type="button" value="+" />
<button id="min" class="am-btn am-btn-default" type="button">-</button>
<input id="text_box" name="" type="text" value="1" />
<button id="add" class="am-btn am-btn-default" type="button">+</button>
<span id="Stock" class="tb-hidden">库存<span class="stock">{{$goods.inventory}}</span>{{$goods.inventory_unit}}</span>
</dd>
</div>
@ -180,765 +180,108 @@
</div>
</div>
<!-- introduce-->
<div class="introduce am-container">
<div class="browse">
<div class="mc">
<ul>
<div class="mt">
<h2>看了又看</h2>
</div>
<if condition="!empty($left_goods)">
<foreach name="left_goods" key="key" item="v">
<li <if condition="$key eq 0">class="first"</if>>
<div class="p-img">
<a href="{{:U('/Home/Detail/Index', ['goods_id'=>$v['id']])}}">
<img alt="{{$v.title}}" src="{{$v.images}}">
</a>
</div>
<div class="p-name">
<a href="{{:U('/Home/Detail/Index', ['goods_id'=>$v['id']])}}">{{$v.title}}</a>
</div>
<div class="p-price"><strong>￥{{$v.price}}</strong></div>
</li>
</foreach>
</if>
</ul>
</div>
<!-- 详情/推荐商品-->
<div class="introduce am-container">
<div class="browse">
<div class="mc">
<ul>
<div class="mt">
<h2>看了又看</h2>
</div>
<div class="introduce-main">
<div class="am-tabs" data-am-tabs>
<ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs" data-am-sticky="{animation: 'slide-top'}">
<li class="am-active">
<a href="javascript:;">
<span class="index-needs-dt-txt">宝贝详情</span>
</a>
<if condition="!empty($left_goods)">
<foreach name="left_goods" key="key" item="v">
<li <if condition="$key eq 0">class="first"</if>>
<div class="p-img">
<a href="{{:U('/Home/Detail/Index', ['goods_id'=>$v['id']])}}">
<img alt="{{$v.title}}" src="{{$v.images}}">
</a>
</div>
<div class="p-name">
<a href="{{:U('/Home/Detail/Index', ['goods_id'=>$v['id']])}}">{{$v.title}}</a>
</div>
<div class="p-price"><strong>￥{{$v.price}}</strong></div>
</li>
</foreach>
</if>
</ul>
</div>
</div>
<div class="introduce-main">
<div class="am-tabs" data-am-tabs>
<ul class="am-avg-sm-2 am-tabs-nav am-nav am-nav-tabs" data-am-sticky="{animation: 'slide-top'}">
<li class="am-active">
<a href="javascript:;">
<span class="index-needs-dt-txt">宝贝详情</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="index-needs-dt-txt">猜你喜欢</span>
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;">
<span class="index-needs-dt-txt">全部评价</span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="index-needs-dt-txt">猜你喜欢</span>
</a>
</li>
</ul>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active">
<if condition="!empty($goods['attribute'])">
<div class="specifications">
<div class="spacing-nav-title">
<span class="line"></span>
<span class="text-wrapper">产品参数</span>
</div>
<ul class="detail-attr">
<if condition="!empty($goods['attribute']['show'])">
<foreach name="goods.attribute.show" key="key" item="attribute">
<li title="">{{$attribute.name}}:&nbsp;{{:implode(',', array_column($attribute['find'], 'name'))}}</li>
</foreach>
</if>
<if condition="!empty($goods['attribute']['choose'])">
<foreach name="goods.attribute.choose" key="key" item="attribute">
<li title="">{{$attribute.name}}:&nbsp;{{:implode(',', array_column($attribute['find'], 'name'))}}</li>
</foreach>
</if>
</ul>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active">
<if condition="!empty($goods['attribute'])">
<div class="specifications">
<div class="spacing-nav-title">
<span class="line"></span>
<span class="text-wrapper">产品参数</span>
</div>
<ul class="detail-attr">
<if condition="!empty($goods['attribute']['show'])">
<foreach name="goods.attribute.show" key="key" item="attribute">
<li title="">{{$attribute.name}}:&nbsp;{{:implode(',', array_column($attribute['find'], 'name'))}}</li>
</foreach>
</if>
<div class="details">
<div class="spacing-nav-title">
<span class="line"></span>
<span class="text-wrapper">商品细节</span>
</div>
<div class="detail-content">{{$goods.content_web}}</div>
</div>
</div>
<div class="am-tab-panel am-fade">
<div class="actor-new">
<div class="rate">
<strong>100<span>%</span></strong><br> <span>好评度</span>
</div>
<dl>
<dt>买家印象</dt>
<dd class="p-bfc">
<q class="comm-tags"><span>味道不错</span><em>(2177)</em></q>
<q class="comm-tags"><span>颗粒饱满</span><em>(1860)</em></q>
<q class="comm-tags"><span>口感好</span><em>(1823)</em></q>
<q class="comm-tags"><span>商品不错</span><em>(1689)</em></q>
<q class="comm-tags"><span>香脆可口</span><em>(1488)</em></q>
<q class="comm-tags"><span>个个开口</span><em>(1392)</em></q>
<q class="comm-tags"><span>价格便宜</span><em>(1119)</em></q>
<q class="comm-tags"><span>特价买的</span><em>(865)</em></q>
<q class="comm-tags"><span>皮很薄</span><em>(831)</em></q>
</dd>
</dl>
</div>
<div class="clear"></div>
<div class="tb-r-filter-bar">
<ul class=" tb-taglist am-avg-sm-4">
<li class="tb-taglist-li tb-taglist-li-current">
<div class="comment-info">
<span>全部评价</span>
<span class="tb-tbcr-num">(32)</span>
</div>
</li>
<li class="tb-taglist-li tb-taglist-li-1">
<div class="comment-info">
<span>好评</span>
<span class="tb-tbcr-num">(32)</span>
</div>
</li>
<li class="tb-taglist-li tb-taglist-li-0">
<div class="comment-info">
<span>中评</span>
<span class="tb-tbcr-num">(32)</span>
</div>
</li>
<li class="tb-taglist-li tb-taglist-li--1">
<div class="comment-info">
<span>差评</span>
<span class="tb-tbcr-num">(32)</span>
</div>
</li>
</ul>
</div>
<div class="clear"></div>
<ul class="am-comments-list am-comments-list-flip">
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月02日 17:46</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255776406962">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：S
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">l***4 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年10月28日 11:33</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255095758792">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
没有色差，很暖和……美美的
</div>
<div class="tb-r-act-bar">
颜色分类：蓝调灰&nbsp;&nbsp;尺码：2XL
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月02日 17:46</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255776406962">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：S
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">h***n (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月25日 12:48</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="258040417670">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
式样不错，初冬穿
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：L
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月02日 17:46</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255776406962">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：S
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">l***4 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年10月28日 11:33</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255095758792">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
没有色差，很暖和……美美的
</div>
<div class="tb-r-act-bar">
颜色分类：蓝调灰&nbsp;&nbsp;尺码：2XL
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月02日 17:46</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255776406962">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：S
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">h***n (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月25日 12:48</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="258040417670">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
式样不错，初冬穿
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：L
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月02日 17:46</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255776406962">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：S
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">l***4 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年10月28日 11:33</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255095758792">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
没有色差，很暖和……美美的
</div>
<div class="tb-r-act-bar">
颜色分类：蓝调灰&nbsp;&nbsp;尺码：2XL
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">b***1 (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月02日 17:46</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="255776406962">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
摸起来丝滑柔软，不厚，没色差，颜色好看！买这个衣服还接到诈骗电话，我很好奇他们是怎么知道我买了这件衣服，并且还知道我的电话的！
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：S
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
<li class="am-comment">
<!-- 评论容器 -->
<a href="">
<img class="am-comment-avatar" src="__PUBLIC__/Home/{{$default_theme}}/Images/hwbn40x40.jpg" />
<!-- 评论者头像 -->
</a>
<div class="am-comment-main">
<!-- 评论内容容器 -->
<header class="am-comment-hd">
<!--<h3 class="am-comment-title">评论标题</h3>-->
<div class="am-comment-meta">
<!-- 评论元数据 -->
<a href="#link-to-user" class="am-comment-author">h***n (匿名)</a>
<!-- 评论者 -->
评论于
<time datetime="">2015年11月25日 12:48</time>
</div>
</header>
<div class="am-comment-bd">
<div class="tb-rev-item " data-id="258040417670">
<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
式样不错，初冬穿
</div>
<div class="tb-r-act-bar">
颜色分类：柠檬黄&nbsp;&nbsp;尺码：L
</div>
</div>
</div>
<!-- 评论内容 -->
</div>
</li>
</ul>
<div class="clear"></div>
<!--分页 -->
<ul class="am-pagination am-pagination-right">
<li class="am-disabled"><a href="#">&laquo;</a></li>
<li class="am-active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
<div class="clear"></div>
<div class="tb-reviewsft">
<div class="tb-rate-alert type-attention">购买前请查看该商品的 <a href="#" target="_blank">购物保障</a>，明确您的售后保障权益。</div>
</div>
</div>
<div class="am-tab-panel am-fade">
<div class="like">
<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
<li>
<div class="i-pic limit">
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/imgsearch1.jpg" />
<p>【良品铺子_开口松子】零食坚果特产炒货
<span>东北红松子奶油味</span></p>
<p class="price fl">
<b>¥</b>
<strong>298.00</strong>
</p>
</div>
</li>
</ul>
</div>
<div class="clear"></div>
<!--分页 -->
<ul class="am-pagination am-pagination-right">
<li class="am-disabled"><a href="#">&laquo;</a></li>
<li class="am-active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
<div class="clear"></div>
</div>
<if condition="!empty($goods['attribute']['choose'])">
<foreach name="goods.attribute.choose" key="key" item="attribute">
<li title="">{{$attribute.name}}:&nbsp;{{:implode(',', array_column($attribute['find'], 'name'))}}</li>
</foreach>
</if>
</ul>
</div>
</if>
<div class="details">
<div class="spacing-nav-title">
<span class="line"></span>
<span class="text-wrapper">商品细节</span>
</div>
<div class="detail-content">{{$goods.content_web}}</div>
</div>
</div>
<div class="am-tab-panel am-fade">
<div class="like">
<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
<if condition="!empty($detail_like_goods)">
<foreach name="detail_like_goods" key="key" item="v">
<li>
<div class="i-pic limit">
<a href="{{:U('/Home/Detail/Index', ['goods_id'=>$v['id']])}}">
<img alt="{{$v.title}}" src="{{$v.home_recommended_images}}" />
</a>
<p>{{$v.title}}</p>
<p class="price fl">
<b>¥</b>
<strong>{{$v.price}}</strong>
</p>
</div>
</li>
</foreach>
</if>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer start -->
<include file="Public/Footer" />
<!-- footer end -->
<script type="text/javascript">
$(function() {});
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
start: function(slider) {
$('body').removeClass('loading');
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".jqzoom").imagezoom();
$("#thumblist li a").click(function() {
$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
$(".jqzoom").attr('src', $(this).find("img").attr("mid"));
$(".jqzoom").attr('rel', $(this).find("img").attr("big"));
});
});
</script>
<!-- footer end -->

1
service/Application/Home/View/Default/Public/Footer.html
View File

@ -18,6 +18,7 @@
<js href="__PUBLIC__/Common/Lib/jquery/jquery-2.1.0.js?v={{:MyC('home_static_cache_version')}}" />
<js href="__PUBLIC__/Common/Lib/assets/js/amazeui.min.js?v={{:MyC('home_static_cache_version')}}" />
<js href="__PUBLIC__/Common/Lib/echarts/echarts.min.js?v={{:MyC('home_static_cache_version')}}" />
<js href="__PUBLIC__/Common/Lib/imagezoom/jquery.imagezoom.min.js?v={{:MyC('home_static_cache_version')}}" />
<!-- ueditor 编辑器 -->
<js href="__PUBLIC__/Common/Lib/ueditor/ueditor.config.js?v={{:MyC('home_static_cache_version')}}" />

7
service/Public/Common/Lib/imagezoom/jquery.imagezoom.min.js vendored Executable file
View File

@ -0,0 +1,7 @@
(function($){$.fn.imagezoom=function(options){var settings={xzoom:450,yzoom:400,offset:10,position:"BTR",preload:1};if(options){$.extend(settings,options);}
var noalt='';var self=this;$(this).bind("mouseenter",function(ev){var imageLeft=$(this).offset().left;var imageTop=$(this).offset().top;var imageWidth=$(this).get(0).offsetWidth;var imageHeight=$(this).get(0).offsetHeight;var boxLeft=$(this).parent().offset().left;var boxTop=$(this).parent().offset().top;var boxWidth=$(this).parent().width();var boxHeight=$(this).parent().height();noalt=$(this).attr("alt");var bigimage=$(this).attr("rel");$(this).attr("alt",'');if($("div.zoomDiv").get().length==0){$(document.body).append("<div class='zoomDiv'><img class='bigimg' src='"+bigimage+"'/></div><div class='zoomMask'>&nbsp;</div>");}
if(settings.position=="BTR"){if(boxLeft+boxWidth+settings.offset+settings.xzoom>screen.width){leftpos=boxLeft-settings.offset-settings.xzoom;}else{leftpos=boxLeft+boxWidth+settings.offset;}}else{leftpos=imageLeft-settings.xzoom-settings.offset;if(leftpos<0){leftpos=imageLeft+imageWidth+settings.offset;}}
$("div.zoomDiv").css({top:boxTop,left:leftpos});$("div.zoomDiv").width(settings.xzoom);$("div.zoomDiv").height(settings.yzoom);$("div.zoomDiv").show();$(this).css('cursor','crosshair');$(document.body).mousemove(function(e){mouse=new MouseEvent(e);if(mouse.x<imageLeft||mouse.x>imageLeft+imageWidth||mouse.y<imageTop||mouse.y>imageTop+imageHeight){mouseOutImage();return;}
var bigwidth=$(".bigimg").get(0).offsetWidth;var bigheight=$(".bigimg").get(0).offsetHeight;var scaley='x';var scalex='y';if(isNaN(scalex)|isNaN(scaley)){var scalex=(bigwidth/imageWidth);var scaley=(bigheight/imageHeight);$("div.zoomMask").width((settings.xzoom)/scalex);$("div.zoomMask").height((settings.yzoom)/scaley);$("div.zoomMask").css('visibility','visible');}
xpos=mouse.x-$("div.zoomMask").width()/2;ypos=mouse.y-$("div.zoomMask").height()/2;xposs=mouse.x-$("div.zoomMask").width()/2-imageLeft;yposs=mouse.y-$("div.zoomMask").height()/2-imageTop;xpos=(mouse.x-$("div.zoomMask").width()/2<imageLeft)?imageLeft:(mouse.x+$("div.zoomMask").width()/2>imageWidth+imageLeft)?(imageWidth+imageLeft-$("div.zoomMask").width()):xpos;ypos=(mouse.y-$("div.zoomMask").height()/2<imageTop)?imageTop:(mouse.y+$("div.zoomMask").height()/2>imageHeight+imageTop)?(imageHeight+imageTop-$("div.zoomMask").height()):ypos;$("div.zoomMask").css({top:ypos,left:xpos});$("div.zoomDiv").get(0).scrollLeft=xposs*scalex;$("div.zoomDiv").get(0).scrollTop=yposs*scaley;});});function mouseOutImage(){$(self).attr("alt",noalt);$(document.body).unbind("mousemove");$("div.zoomMask").remove();$("div.zoomDiv").remove();}
count=0;if(settings.preload){$('body').append("<div style='display:none;' class='jqPreload"+count+"'></div>");$(this).each(function(){var imagetopreload=$(this).attr("rel");var content=jQuery('div.jqPreload'+count+'').html();jQuery('div.jqPreload'+count+'').html(content+'<img src=\"'+imagetopreload+'\">');});}}})(jQuery);function MouseEvent(e){this.x=e.pageX;this.y=e.pageY;}

1
service/Public/Home/Default/Css/Common.css
View File

@ -417,6 +417,7 @@ background:url(../Images/ibar_sprites.png) no-repeat;background-position:0px -23
background-color: #ffffff;
height: 35px;
line-height: 35px;
margin: 20px 0;
}
.spacing-nav-title .line {
display: inline-block;

31
service/Public/Home/Default/Css/Detail.css
View File

@ -38,8 +38,8 @@ input{font-size:12px;font-size:100%;outline:none;line-height:normal;color:#444;}
.theme-signin-left{padding-bottom:30px;max-height:250px ;overflow-y: scroll;background: #fff;}
.theme-options{display: block;overflow: hidden;padding-left: 10px;padding-right:10px ;}
.theme-signin-left .cart-title{font-size:14px ;font-weight: 600;}
.theme-signin-left .sku-line{float: left; margin:10px;margin-left:0;border-radius:5px ; background:#f5f5f5 ;padding:5px;}
.theme-signin-left .sku-line.selected{background:#f50;color: #fff;}
.theme-signin-left .sku-line{float: left; margin:10px;margin-left:0;border-radius:5px ; background:#f5f5f5 ;padding:0px 8px;}
.theme-signin-left .sku-line.selected{background:#BE0106;color: #fff;}
.theme-signin .btn{width:100%;font-size: 16px;padding:5px ;}
.btn-op{position:fixed;left:0;bottom: 0;width:100% ;}
@ -66,13 +66,13 @@ input{font-size:12px;font-size:100%;outline:none;line-height:normal;color:#444;}
.theme-options .cart-title{margin-top:10px ;}
.theme-options ul{float: left;}
.theme-signin-left .sku-line {background: none;border-radius:0 ;margin:5px;padding:3px;border:2px solid #F5F5F5 ;color:#333 ;}
.theme-signin-left .sku-line {background: none;border-radius:0 ;margin:5px;padding:0px 8px;border:2px solid #F5F5F5 ;color:#333 ;}
.theme-signin-left .sku-line.selected {background:none;color:#333;border: 2px solid #BE0106;}
/*选中样式*/
.sku-line{position: relative;}
.theme-options li a:hover{ border:2px solid #e4393c; padding:0 5px; text-decoration:none;}
.theme-options li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:0px; bottom:0px; background:url(../images/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
.theme-options li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:0px; bottom:0px; background:url(../Images/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
.theme-options li.selected a{ border:2px solid #e4393c; padding:0 5px;}
.theme-options li.selected i{ display:block;}
@ -90,18 +90,14 @@ i.theme-login{display: inline-block;}
}
@media only screen and (min-width:1025px)
{
i.theme-login{display: none;}
.theme-signin-left{padding-top:15px ;float: left;max-width:none;padding-bottom:0px ;}
.theme-signin-right{float: left;display:block;overflow: hidden;padding: 10px;}
.theme-signin-right .img-info,.theme-signin-right .text-info{position: static;}
.theme-signin-right .img-info img{width:120px;height:120px ;}
{
i.theme-login{display: none;}
.theme-signin-left{padding-top:15px ;float: left;max-width:none;padding-bottom:0px ;}
.theme-signin-right{float: left;display:block;overflow: hidden;padding: 10px;}
.theme-signin-right .img-info,.theme-signin-right .text-info{position: static;}
.theme-signin-right .img-info img{width:120px;height:120px ;}
}
dt + dd {
margin:0px 0px;padding:0px 0px;
}
@ -173,7 +169,8 @@ flex: 1 1 0%;line-height: 16px;cursor: pointer;}
/*数量*/
.iteminfo_parameter.munber,.iteminfo_parameter.freight{display:none ;}
.iteminfo_parameter.munber dd{margin-left:5px ;}
#min,#add{width:20px;}
#min, #add{ width: 35px; height: 25px; outline:none; }
#text_box { width: 35px; height: 25px; text-align: center; }
/*购物车*/
@ -346,7 +343,7 @@ li.am-comment{ width:100%}
.tb-thumb .tb-selected div { background-color:#FFFFFF; border:medium none; }
.tb-thumb li div { border:1px solid #CDCDCD; }
div.zoomDiv { z-index:999; position:absolute; top:0px; left:0px; width:400px; height:400px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.zoomMask { position:absolute; background:url(../images/mask.png)repeat scroll 0 0 transparent; cursor:move; z-index:1; }
div.zoomMask { position:absolute; background:url(../Images/mask.png)repeat scroll 0 0 transparent; cursor:move; z-index:1; }
/*价格*/
@ -366,7 +363,7 @@ li.am-comment{ width:100%}
.theme-options{overflow: visible;padding:0px 0px;}
.theme-options ul{overflow: hidden;float: none;}
.theme-signin-left {max-width:100%;margin-bottom: 0;}
.theme-signin-left .sku-line{margin: 5px;cursor: pointer;}
.theme-signin-left .sku-line{margin: 5px;cursor: pointer; padding: 0px 8px; }
.theme-signin-left .cart-title{margin-left: -46px;margin-top:10px;font-size:12px ;font-weight: 100;color:#888 ;float: left;}
.scoll{display: none;}

1479
service/Public/Home/Default/Js/Detail.js
View File

File diff suppressed because it is too large Load Diff