485 lines
14 KiB
HTML
Executable File
485 lines
14 KiB
HTML
Executable File
<include file="Public/Header" />
|
||
|
||
<div class="hmtop">
|
||
<!-- header top nav -->
|
||
<include file="Public/HeaderTopNav" />
|
||
|
||
<!-- search -->
|
||
<include file="Public/NavSearch" />
|
||
|
||
<!-- banner -->
|
||
<include file="Public/HomeBanner" />
|
||
|
||
<div class="shopNav">
|
||
<div class="slideall">
|
||
<!-- header nav -->
|
||
<include file="Public/HeaderNav" />
|
||
|
||
<!-- goods category -->
|
||
<include file="Public/GoodsCategory" />
|
||
|
||
<!-- 轮播右侧-内容1 -->
|
||
<div class="am-g am-g-fixed smallnav">
|
||
<div class="am-u-sm-3">
|
||
<a href="sort.html"><img src="../images/navsmall.jpg" />
|
||
<div class="title">商品分类</div>
|
||
</a>
|
||
</div>
|
||
<div class="am-u-sm-3">
|
||
<a href="#"><img src="../images/huismall.jpg" />
|
||
<div class="title">大聚惠</div>
|
||
</a>
|
||
</div>
|
||
<div class="am-u-sm-3">
|
||
<a href="#"><img src="../images/mansmall.jpg" />
|
||
<div class="title">个人中心</div>
|
||
</a>
|
||
</div>
|
||
<div class="am-u-sm-3">
|
||
<a href="#"><img src="../images/moneysmall.jpg" />
|
||
<div class="title">投资理财</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!--轮播右侧-内容2 -->
|
||
<div class="marqueen">
|
||
<span class="marqueen-title">商城头条</span>
|
||
<div class="demo">
|
||
|
||
<ul>
|
||
<li class="title-first"><a target="_blank" href="#">
|
||
<img src="../images/TJ2.jpg"></img>
|
||
<span>[特惠]</span>商城爆品1分秒
|
||
</a></li>
|
||
<li class="title-first"><a target="_blank" href="#">
|
||
<span>[公告]</span>商城与广州市签署战略合作协议
|
||
<img src="../images/TJ.jpg"></img>
|
||
<p>XXXXXXXXXXXXXXXXXX</p>
|
||
</a></li>
|
||
|
||
<div class="mod-vip">
|
||
<div class="m-baseinfo">
|
||
<a href="../person/index.html">
|
||
<img src="../images/getAvatar.do.jpg">
|
||
</a>
|
||
<em>
|
||
Hi,<span class="s-name">小叮当</span>
|
||
<a href="#"><p>点击更多优惠活动</p></a>
|
||
</em>
|
||
</div>
|
||
<div class="member-logout">
|
||
<a class="am-btn-warning btn" href="login.html">登录</a>
|
||
<a class="am-btn-warning btn" href="register.html">注册</a>
|
||
</div>
|
||
<div class="member-login">
|
||
<a href="#"><strong>0</strong>待收货</a>
|
||
<a href="#"><strong>0</strong>待发货</a>
|
||
<a href="#"><strong>0</strong>待付款</a>
|
||
<a href="#"><strong>0</strong>待评价</a>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<li><a target="_blank" href="#"><span>[特惠]</span>洋河年末大促，低至两件五折</a></li>
|
||
<li><a target="_blank" href="#"><span>[公告]</span>华北、华中部分地区配送延迟</a></li>
|
||
<li><a target="_blank" href="#"><span>[特惠]</span>家电狂欢千亿礼券 买1送1！</a></li>
|
||
|
||
</ul>
|
||
<div class="advTip"><img src="../images/advTip.jpg"/></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 主内容 -->
|
||
<div class="shopMainbg">
|
||
<div class="shopMain" id="shopmain">
|
||
<!--今日推荐 -->
|
||
<!-- <div class="am-g am-g-fixed recommendation">
|
||
<div class="clock am-u-sm-3">
|
||
<img src="../images/2016.png "></img>
|
||
<p>今日<br>推荐</p>
|
||
</div>
|
||
<div class="am-u-sm-4 am-u-lg-3 ">
|
||
<div class="info ">
|
||
<h3>真的有鱼</h3>
|
||
<h4>开年福利篇</h4>
|
||
</div>
|
||
<div class="recommendationMain one">
|
||
<a href="introduction.html"><img src="../images/tj.png "></img></a>
|
||
</div>
|
||
</div>
|
||
<div class="am-u-sm-4 am-u-lg-3 ">
|
||
<div class="info ">
|
||
<h3>囤货过冬</h3>
|
||
<h4>让爱早回家</h4>
|
||
</div>
|
||
<div class="recommendationMain two">
|
||
<img src="../images/tj1.png "></img>
|
||
</div>
|
||
</div>
|
||
<div class="am-u-sm-4 am-u-lg-3 ">
|
||
<div class="info ">
|
||
<h3>浪漫情人节</h3>
|
||
<h4>甜甜蜜蜜</h4>
|
||
</div>
|
||
<div class="recommendationMain three">
|
||
<img src="../images/tj2.png "></img>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
<!--热门活动 -->
|
||
<!-- <div class="am-container activity ">
|
||
<div class="shopTitle">
|
||
<h4>活动</h4>
|
||
<h3>每期活动 优惠享不停 </h3>
|
||
<span class="more ">
|
||
<a href="# ">全部活动<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
|
||
</span>
|
||
</div>
|
||
<div class="am-g am-g-fixed ">
|
||
<div class="am-u-sm-3 ">
|
||
<div class="icon-sale one "></div>
|
||
<h4>秒杀</h4>
|
||
<div class="activityMain ">
|
||
<img src="../images/activity1.jpg "></img>
|
||
</div>
|
||
<div class="info ">
|
||
<h3>春节送礼优选</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="am-u-sm-3 ">
|
||
<div class="icon-sale two "></div>
|
||
<h4>特惠</h4>
|
||
<div class="activityMain ">
|
||
<img src="../images/activity2.jpg "></img>
|
||
</div>
|
||
<div class="info ">
|
||
<h3>春节送礼优选</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="am-u-sm-3 ">
|
||
<div class="icon-sale three "></div>
|
||
<h4>团购</h4>
|
||
<div class="activityMain ">
|
||
<img src="../images/activity3.jpg "></img>
|
||
</div>
|
||
<div class="info ">
|
||
<h3>春节送礼优选</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="am-u-sm-3 last ">
|
||
<div class="icon-sale "></div>
|
||
<h4>超值</h4>
|
||
<div class="activityMain ">
|
||
<img src="../images/activity.jpg "></img>
|
||
</div>
|
||
<div class="info ">
|
||
<h3>春节送礼优选</h3>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div> -->
|
||
|
||
<!--甜点 f1 -->
|
||
<if condition="!empty($goods_floor_list)">
|
||
<foreach name="goods_floor_list" item="floor">
|
||
<div id="f{{$key+1}}">
|
||
<div class="am-container">
|
||
<div class="shopTitle">
|
||
<h4>{{$floor.name}}</h4>
|
||
<h3>{{$floor.vice_name}}</h3>
|
||
<div class="today-brands ">
|
||
<a href="# ">桂花糕</a>
|
||
<a href="# ">奶皮酥</a>
|
||
<a href="# ">栗子糕 </a>
|
||
<a href="# ">马卡龙</a>
|
||
<a href="# ">铜锣烧</a>
|
||
<a href="# ">豌豆黄</a>
|
||
</div>
|
||
<span class="more ">
|
||
<a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="am-g am-g-fixed floodFour">
|
||
<div class="am-u-sm-5 am-u-md-4 text-one list ">
|
||
<div class="word">
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
</div>
|
||
<a href="# ">
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
开抢啦！
|
||
</div>
|
||
<div class="sub-title ">
|
||
零食大礼包
|
||
</div>
|
||
</div>
|
||
<img src="{{$floor.big_images}}" />
|
||
</a>
|
||
<div class="triangle-topright"></div>
|
||
</div>
|
||
|
||
<div class="am-u-sm-7 am-u-md-4 text-two sug">
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
<a href="# "><img src="../images/2.jpg" /></a>
|
||
</div>
|
||
|
||
<div class="am-u-sm-7 am-u-md-4 text-two">
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
<a href="# "><img src="../images/1.jpg" /></a>
|
||
</div>
|
||
|
||
|
||
<div class="am-u-sm-3 am-u-md-2 text-three big">
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
小优布丁
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥4.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
<a href="# "><img src="../images/5.jpg" /></a>
|
||
</div>
|
||
|
||
<div class="am-u-sm-3 am-u-md-2 text-three sug">
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
小优布丁
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥4.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
<a href="# "><img src="../images/3.jpg" /></a>
|
||
</div>
|
||
|
||
<div class="am-u-sm-3 am-u-md-2 text-three ">
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
小优布丁
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥4.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
<a href="# "><img src="../images/4.jpg" /></a>
|
||
</div>
|
||
|
||
<div class="am-u-sm-3 am-u-md-2 text-three last big ">
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
小优布丁
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥4.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
<a href="# "><img src="../images/5.jpg" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreach>
|
||
</if>
|
||
|
||
<!-- 坚果 f2 -->
|
||
<!-- <div id="f2">
|
||
<div class="am-container ">
|
||
<div class="shopTitle ">
|
||
<h4>坚果</h4>
|
||
<h3>酥酥脆脆，回味无穷</h3>
|
||
<div class="today-brands ">
|
||
<a href="# ">腰果</a>
|
||
<a href="# ">松子</a>
|
||
<a href="# ">夏威夷果 </a>
|
||
<a href="# ">碧根果</a>
|
||
<a href="# ">开心果</a>
|
||
<a href="# ">核桃仁</a>
|
||
</div>
|
||
<span class="more ">
|
||
<a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="am-g am-g-fixed floodThree ">
|
||
<div class="am-u-sm-4 text-four list">
|
||
<div class="word">
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
|
||
</div>
|
||
<a href="# ">
|
||
<img src="../images/act1.png " />
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="triangle-topright"></div>
|
||
</div>
|
||
<div class="am-u-sm-4 text-four">
|
||
<a href="# ">
|
||
<img src="../images/6.jpg" />
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="am-u-sm-4 text-four sug">
|
||
<a href="# ">
|
||
<img src="../images/7.jpg" />
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="am-u-sm-6 am-u-md-3 text-five big ">
|
||
<a href="# ">
|
||
<img src="../images/10.jpg" />
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="am-u-sm-6 am-u-md-3 text-five ">
|
||
<a href="# ">
|
||
<img src="../images/8.jpg" />
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="am-u-sm-6 am-u-md-3 text-five sug">
|
||
<a href="# ">
|
||
<img src="../images/9.jpg" />
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="am-u-sm-6 am-u-md-3 text-five big">
|
||
<a href="# ">
|
||
<img src="../images/10.jpg" />
|
||
<div class="outer-con ">
|
||
<div class="title ">
|
||
雪之恋和风大福
|
||
</div>
|
||
<div class="sub-title ">
|
||
¥13.8
|
||
</div>
|
||
<i class="am-icon-shopping-basket am-icon-md seprate"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- footer start -->
|
||
<include file="Public/Footer" />
|
||
<!-- footer end -->
|
||
|
||
<script type="text/javascript">
|
||
$(function()
|
||
{
|
||
$(".category-content li").hover(function() {
|
||
$(".category-content .category-list li.first .menu-in").css("display", "none");
|
||
$(".category-content .category-list li.first").removeClass("hover");
|
||
$(this).addClass("hover");
|
||
$(this).children("div.menu-in").css("display", "block")
|
||
}, function() {
|
||
$(this).removeClass("hover")
|
||
$(this).children("div.menu-in").css("display", "none")
|
||
});
|
||
|
||
if ($(window).width() < 640) {
|
||
function autoScroll(obj) {
|
||
$(obj).find("ul").animate({
|
||
marginTop: "-39px"
|
||
}, 500, function() {
|
||
$(this).css({
|
||
marginTop: "0px"
|
||
}).find("li:first").appendTo(this);
|
||
})
|
||
}
|
||
$(function() {
|
||
setInterval('autoScroll(".demo")', 3000);
|
||
})
|
||
}
|
||
|
||
});
|
||
</script> |