fe / YOHOOD · Commits

Go to a project

Authored by microTT
Commit c67027e09990a1cac73761549a09daf7458a75c5 1 parent 12e8798c

潮流分析 参展品牌 活动咨询 页面修改完成

Inline Side-by-side
Showing 9 changed files with 555 additions and 749 deletions
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Brands</title>
<link rel="stylesheet" href="../../res/css/index.css"/>
<link rel="stylesheet" href="../../res/css/index.css" />
</head>
<body>
<!-- 主站导航 start -->
<div class="yoho-nav clearfix">
<ul class="clearfix">
<li>
... ... @@ -35,66 +38,154 @@
</ul>
<a class="contact-btn" href="javascript:;">contact</a>
</div>
<!-- 主站导航 end -->c
<!-- 页眉 start -->
<div class="header">
<h1 class="logo"></h1>
<!-- 页首 logo start -->
<h1 class="logo">
<img src="../../res/images/yohood/logo3.0.png">
</h1>
<!-- 页首 logo end -->
<!-- yohood 导航 start -->
<div class="nav">
<ul class="clearfix">
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">HOME</a>
<span>首页</span>
<a href="javascript:;">
<em>HOME</em>
<span>首页</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">ACTIVITY</a>
<span>活动详情</span>
</li>
<li>
<a href="javascript:;">COUNSEL</a>
<span>最新资讯</span>
<a href="javascript:;">
<em>ACTIVITY</em>
<span>活动资讯</span>
<i></i>
</a>
<!-- 二级菜单 start -->
<div class="second-menu">
<a href="javascript:;">
<em>品牌咨询</em>
<i></i>
</a>
<a href="javascript:;">
<em>活动介绍</em>
<i></i>
</a>
<a href="javascript:;">
<em>活动介绍</em>
<i></i>
</a>
<a href="javascript:;">
<em>亮点活动</em>
<i></i>
</a>
<a href="javascript:;">
<em>限量商品</em>
<i></i>
</a>
</div>
<!-- 二级菜单 end -->
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li class="current">
<a href="javascript:;">BRAND</a>
<span>参展品牌</span>
</li>
<li>
<a href="javascript:;">VIDEO</a>
<span>热点视频</span>
<a href="javascript:;">
<em>BRAND</em>
<span>参展品牌</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">RECOMMEND</a>
<span>限量推荐</span>
<a href="javascript:;">
<em>VIDEO</em>
<span>热点视频</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">SCENE</a>
<span>现场活动</span>
<a href="javascript:;">
<em>REGISTRATION</em>
<span>在线登记</span>
<i></i>
</a>
<!-- 二级菜单 start -->
<div class="second-menu">
<a href="javascript:;">
<em>参展商登记</em>
<i></i>
</a>
<a href="javascript:;">
<em>媒体登记</em>
<i></i>
</a>
<a href="javascript:;">
<em>赞助商登记</em>
<i></i>
</a>
</div>
<!-- 二级菜单 end -->
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">SHOW</a>
<span>潮流分享</span>
<a href="javascript:;">
<em>SHOW</em>
<span>潮流分享</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
</ul>
</div>
<!-- yohood 导航 end -->
</div>
<!-- 页眉 end -->
<div class="bd">
<div class="slide-main">
<div class="slide-box">
<div class="slide-wrap clearfix">
<div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/0179e17640e29e62b52439902484a8fa50.gif?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
<div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/01f0a56c52203da48881a64b336b41091b.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
<div class="box"><a href="javascript:;"><img src="http://img04.res.yoho.cn/blogimg/2014/11/17/11/025aadd704383ed18365f15a5e1cde9e5d.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
<!-- 页面主体头部轮播广告栏 start -->
<div class="slide-main clearfix">
<div class="slide-box-warp">
<div class="slide-box">
<div class="slide-wrap clearfix">
<!-- 单个banner start -->
<div class="box">
<a href="javascript:;"><img src="../../res/images/yohood/banner.png" alt="" /></a>
</div>
<!-- 单个banner end -->
<!-- 单个banner start -->
<div class="box">
<a href="javascript:;"><img src="../../res/images/yohood/banner.png" alt="" /></a>
</div>
<!-- 单个banner end -->
<!-- 单个banner start -->
<div class="box">
<a href="javascript:;"><img src="../../res/images/yohood/banner.png" alt="" /></a>
</div>
<!-- 单个banner end -->
</div>
</div>
</div>
<div class="slide-navigator">
<div class="dib clearfix">
<a href="javascript:;" class="on"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<div class="slide-navigator">
<div class="dib clearfix">
<a href="javascript:;" class="on"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
</div>
</div>
<div class="slide-control">
<a class="slide-prev iconfont" href="javascript:void(0);">&#xe601;</a>
<a class="slide-next iconfont" href="javascript:void(0);">&#xe603;</a>
</div>
</div>
<div class="slide-control">
<a class="slide-prev iconfont" href="javascript:void(0);">&#xe601;</a>
<a class="slide-next iconfont" href="javascript:void(0);">&#xe603;</a>
</div>
</div>
<!-- 页面主体头部轮播广告栏 end -->
<!-- 参展品牌页面内容主体 start -->
<div class="brand-main">
<div class="search-wrap">
<input type="text" placeholder="搜索品牌...">
... ... @@ -116,226 +207,161 @@
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<div class="text">
<p>早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前</p>
<p>早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前</p>
</div>
<div>
<a href="javascript:;">进入品牌店铺</a>
</div>
</div>
<div class="related-post">
<div class="related-post brand-related-post">
<h3>相关资讯</h3>
<div class="post-list main-layout clearfix">
<div class="layout-item tiled">
<!-- 单个资讯碎片 start -->
<div class="layout-item clearfix">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
<i class="play-icon"></i>
</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<h2 class="volupia"><a href="/news/detail/id/169">test test test test test test test test test test test</a></h2>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="layout-item clearfix">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
<i class="play-icon"></i>
</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<a href="/news/detail/id/169">test test test test</a>
</h2>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="layout-item clearfix">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
<i class="play-icon"></i>
</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<a href="/news/detail/id/169">test test test test</a>
</h2>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<!-- 单个资讯碎片 end -->
</div>
</div>
</div>
</li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li><a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a></li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img-box">
<img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
</div>
<p>004</p>
</a>
</li>
</ul>
<div class="no-search">
<p>未搜索到“jucy judy”的相关品牌</p>
<a href="javascript:;"><查看全部品牌</a>
<a href="javascript:;">
<查看全部品牌</a>
</div>
</div>
</div>
<!-- 参展品牌页面内容主体 end -->
</div>
<!-- 页脚 start -->
<div class="ft">
<div class="limited-goods">
<h2>限量商品</h2>
<div class="limited-slide-box">
<div class="slide-wrap clearfix">
<div class="box">
<ul class="goods-list clearfix">
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 1</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 2</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 3</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 4</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 5</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
</ul>
</div>
<div class="box">
<ul class="goods-list clearfix">
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 1</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 2</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 3</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 4</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 5</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
</ul>
</div>
</div>
</div>
<div class="limited-slide-control">
<a class="limited-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
<a class="limited-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
</div>
</div>
<p class="copyright">
CopyRight © 2007-2016 南京新与力文化传播有限公司苏ICP备09011225号-11
</p>
</div>
<!-- 页脚 end -->
<!-- 返回顶部按钮 start -->
<div class="return-top">
<a href="javascript:void(0);" id="toTop" class="ifont" style="display: inline;">
<span class="iconfont">&#xe605;</span>
TOP
<span class="iconfont">&#xe605;</span>
</a>
</div>
<!-- 返回顶部按钮 end -->
<div class="overlay"></div>
</body>
<script type="text/javascript" src="../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
seajs.use(['jquery','channel'],function($,channel){
channel.common();
channel.brand();
})
seajs.use(['jquery', 'channel'], function($, channel) {
channel.common();
channel.brand();
})
</script>
</html>
\ No newline at end of file
</html>
... ...
... ... @@ -254,7 +254,7 @@
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test</a>
<a href="/news/detail/id/169">test test test test test test test test</a>
</h2>
<p class="time">NovemBer 11,2016</p>
</div>
... ...
... ... @@ -161,7 +161,7 @@
</div>
<div class="news-main">
<!-- 单个资讯类别 start -->
<div id="allActivity" class="news-content content-main">
<div class="news-content content-main">
<div class="main-layout fluid-list-inner clearfix">
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
... ... @@ -171,196 +171,7 @@
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag brand-info" href="#brandInfo">品牌资讯</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-1-2.png" alt="">
</a>
<span class="play-icon"></span>
</div>
<div class="item-info">
<a class="fluid-tag item-tag activity-intro" href="javascript:;">活动介绍</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-1-3.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag spotlight-activity" href="javascript:;">亮点活动</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test test test test test</a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-2-1.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag limited-edition" href="javascript:;">限量商品</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-2-2.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag brand-info" href="javascript:;">品牌资讯</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-2-3.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag activity-intro" href="javascript:;">活动介绍</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-3-1.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag spotlight-activity" href="javascript:;">亮点活动</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-3-2.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag limited-edition" href="javascript:;">限量商品</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-3-3.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag brand-info" href="javascript:;">品牌资讯</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test test test test test test test test </a>
</h2>
<p class="text-content">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </p>
</div>
</div>
<!-- 单个资讯碎片 end -->
</div>
<div id="pageContent" style="text-align: center;" class="pagination">
<div class="pagination-inner" id="img_page" model="default" rel="">
<a class="current" p="1">1</a>
<a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">2</a>
<a href="http://www.yohood.cn/default/index/page/3" class="link2" p="3">3</a>
<a href="http://www.yohood.cn/default/index/page/4" class="link2" p="4">4</a>
<a href="http://www.yohood.cn/default/index/page/5" class="link2" p="5">5</a>
<a href="http://www.yohood.cn/default/index/page/6" class="link2" p="6">6</a>
<a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">NEXT ></a>
</div>
</div>
</div>
<!-- 单个资讯类别 end -->
<!-- 单个资讯类别 start -->
<div id="brandInfo" class="news-content content-main">
<div class="main-layout fluid-list-inner clearfix">
<!-- 单个资讯碎片 start -->
<div class="fluid-item layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="../../res/images/yohood/center-1-1.png" alt="">
</a>
</div>
<div class="item-info">
<a class="fluid-tag item-tag brand-info" href="javascript:;">品牌资讯</a>
<a class="fluid-tag item-tag brand-info" href="javascritp:;">品牌资讯</a>
<span class="item-time">November 11, 2016</span>
</div>
<div class="content">
... ... @@ -561,6 +372,7 @@
<script type="text/javascript">
seajs.use(['jquery', 'channel'], function($, channel) {
channel.common();
channel.news();
})
</script>
... ...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>show</title>
<link rel="stylesheet" href="../../res/css/index.css"/>
<link rel="stylesheet" href="../../res/css/index.css" />
</head>
<body>
<!-- 主站导航 start -->
<div class="yoho-nav clearfix">
<ul class="clearfix">
<li>
... ... @@ -35,57 +38,122 @@
</ul>
<a class="contact-btn" href="javascript:;">contact</a>
</div>
<!-- 主站导航 end -->c
<!-- 页眉 start -->
<div class="header">
<h1 class="logo"></h1>
<!-- 页首 logo start -->
<h1 class="logo">
<img src="../../res/images/yohood/logo3.0.png">
</h1>
<!-- 页首 logo end -->
<!-- yohood 导航 start -->
<div class="nav">
<ul class="clearfix">
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">HOME</a>
<span>首页</span>
<i></i>
<a href="javascript:;">
<em>HOME</em>
<span>首页</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">ACTIVITY</a>
<span>活动详情</span>
<i></i>
</li>
<li>
<a href="javascript:;">COUNSEL</a>
<span>最新资讯</span>
<i></i>
</li>
<li>
<a href="javascript:;">BRAND</a>
<span>参展品牌</span>
<i></i>
<a href="javascript:;">
<em>ACTIVITY</em>
<span>活动资讯</span>
<i></i>
</a>
<!-- 二级菜单 start -->
<div class="second-menu">
<a href="javascript:;">
<em>品牌咨询</em>
<i></i>
</a>
<a href="javascript:;">
<em>活动介绍</em>
<i></i>
</a>
<a href="javascript:;">
<em>活动介绍</em>
<i></i>
</a>
<a href="javascript:;">
<em>亮点活动</em>
<i></i>
</a>
<a href="javascript:;">
<em>限量商品</em>
<i></i>
</a>
</div>
<!-- 二级菜单 end -->
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">VIDEO</a>
<span>热点视频</span>
<i></i>
<a href="javascript:;">
<em>BRAND</em>
<span>参展品牌</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">RECOMMEND</a>
<span>限量推荐</span>
<i></i>
<a href="javascript:;">
<em>VIDEO</em>
<span>热点视频</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li>
<a href="javascript:;">SCENE</a>
<span>现场活动</span>
<i></i>
<a href="javascript:;">
<em>REGISTRATION</em>
<span>在线登记</span>
<i></i>
</a>
<!-- 二级菜单 start -->
<div class="second-menu">
<a href="javascript:;">
<em>参展商登记</em>
<i></i>
</a>
<a href="javascript:;">
<em>媒体登记</em>
<i></i>
</a>
<a href="javascript:;">
<em>赞助商登记</em>
<i></i>
</a>
</div>
<!-- 二级菜单 end -->
</li>
<!-- 单个菜单标签 end -->
<!-- 单个菜单标签 start -->
<li class="current">
<a href="javascript:;">SHOW</a>
<span>潮流分享</span>
<i></i>
<a href="javascript:;">
<em>SHOW</em>
<span>潮流分享</span>
<i></i>
</a>
</li>
<!-- 单个菜单标签 end -->
</ul>
</div>
<!-- yohood 导航 end -->
</div>
<!-- 页眉 end -->
<!-- 页面主体 start -->
<div class="bd">
<h2 class="show-title">#YO'HOOD SHOW#</h2>
<h2 class="show-title">#YO'HOOD SHOW#</h2>
<div class="show-wrap clearfix">
<div class="main-layout clearfix">
<!-- 单个分享碎片 start -->
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
... ... @@ -95,10 +163,11 @@
<a class="pic-tip" href="javascript:;">111111111111111</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
<p>test test test test test test test test test test</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<!-- 单个分享碎片 end -->
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
... ... @@ -108,8 +177,8 @@
<a class="pic-tip" href="javascript:;">33</a>
</div>
<div class="content">
<p>contentcontentco ntentconten tcontentc ontentc ontentcontentcontent</p>
<p class="time">2014.07.25</p>
<p>contentcontentco ntentconten tcontentc ontentc</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
... ... @@ -120,7 +189,7 @@
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
... ... @@ -131,7 +200,7 @@
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
... ... @@ -142,7 +211,7 @@
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
... ... @@ -153,7 +222,7 @@
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
... ... @@ -164,7 +233,7 @@
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
<div class="layout-item tiled">
... ... @@ -175,7 +244,7 @@
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
<p class="time">NovemBer 11,2016</p>
</div>
</div>
</div>
... ... @@ -187,125 +256,34 @@
<a href="http://www.yohood.cn/default/index/page/4" class="link2" p="4">4</a>
<a href="http://www.yohood.cn/default/index/page/5" class="link2" p="5">5</a>
<a href="http://www.yohood.cn/default/index/page/6" class="link2" p="6">6</a>
<a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">>></a>
<a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">NEXT ></a>
</div>
</div>
</div>
</div>
<!-- 页面主体 end -->
<!-- 页脚 start -->
<div class="ft">
<div class="limited-goods">
<h2>限量商品</h2>
<div class="limited-slide-box">
<div class="slide-wrap clearfix">
<div class="box">
<ul class="goods-list clearfix">
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 1</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 2</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 3</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 4</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 5</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
</ul>
</div>
<div class="box">
<ul class="goods-list clearfix">
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 1</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 2</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span class="red">TOP 3</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 4</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
<li><a href="javascript:;">
<div class="img-box">
<img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
<span>TOP 5</span>
</div>
<p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
<p class="price">￥339.00</p>
</a></li>
</ul>
</div>
</div>
</div>
<div class="limited-slide-control">
<a class="limited-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
<a class="limited-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
</div>
</div>
<hr>
<p class="copyright">
CopyRight © 2007-2016 南京新与力文化传播有限公司苏ICP备09011225号-11
</p>
</div>
<!-- 页脚 end -->
<!-- 返回顶部按钮 start -->
<div class="return-top">
<a href="javascript:void(0);" id="toTop" class="ifont" style="display: inline;">
<span class="iconfont">&#xe605;</span>
TOP
<span class="iconfont">&#xe605;</span>
</a>
</div>
<!-- 返回顶部按钮 end -->
</body>
<script type="text/javascript" src="../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
seajs.use(['jquery','channel'],function($,channel){
channel.common();
channel.show();
})
seajs.use(['jquery', 'channel'], function($, channel) {
channel.common();
channel.show();
})
</script>
</html>
\ No newline at end of file
</html>
... ...
... ... @@ -118,27 +118,27 @@ define('channel', function(require, exports) {
//限量商品滑动
limitedPrev = $('.limited-slide-prev');
limitedNext = $('.limited-slide-next');
swiperLen = $('.limited-slide-box').find('.box').size();
goodsSwiper = swipe.init({
slideBox: '.limited-slide-box',
prev: '.limited-slide-prev',
next: '.limited-slide-next',
auto: false,
callback: function(index, element) {
limitedPrev.removeClass('disable');
limitedNext.removeClass('disable');
console.log(index);
console.log(swiperLen);
if (index === swiperLen - 1) {
limitedNext.addClass('disable');
};
if (index === 0) {
limitedPrev.addClass('disable');
};
}
});
// limitedPrev = $('.limited-slide-prev');
// limitedNext = $('.limited-slide-next');
// swiperLen = $('.limited-slide-box').find('.box').size();
// goodsSwiper = swipe.init({
// slideBox: '.limited-slide-box',
// prev: '.limited-slide-prev',
// next: '.limited-slide-next',
// auto: false,
// callback: function(index, element) {
// limitedPrev.removeClass('disable');
// limitedNext.removeClass('disable');
// console.log(index);
// console.log(swiperLen);
// if (index === swiperLen - 1) {
// limitedNext.addClass('disable');
// };
// if (index === 0) {
// limitedPrev.addClass('disable');
// };
// }
// });
//tab
... ... @@ -146,8 +146,6 @@ define('channel', function(require, exports) {
var nowIndex = $(this).index();
$(this).addClass('current').siblings().removeClass('current');
$('.content-main').hide().eq(nowIndex).show();
// setLayout();
});
//回到顶部
... ...
.brand-main {
margin: 50px 0;
width: 1180px;
margin: 50px auto;
}
.search-wrap {
... ... @@ -58,12 +59,12 @@
.brand-introduction {
display: none;
position: fixed;
width: 644px;
max-height: 560px;
max-width: 900px;
max-height: 750px;
top: 50%;
left: 50%;
margin: -288px 0 0 -352px;
padding: 16px 30px 0;
margin: -380px 0 0 -352px;
padding: 50px 80px 0;
z-index: 102;
background: #fff;
h2 {
... ... @@ -72,13 +73,12 @@
line-height: 20px;
}
.brand-info {
margin: 20px 0 0 0;
margin: 40px 0 0 0;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
.pic {
float: left;
width: 200px;
height: 200px;
width: 235px;
height: 235px;
overflow: hidden;
margin-top: 6px;
img {
... ... @@ -87,30 +87,32 @@
}
.text {
float: left;
margin: 0 0 0 29px;
margin: 0 0 0 20px;
p {
width: 414px;
max-height: 192px;
width: 480px;
height: 188px;
max-height: 188px;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
line-height: 24px;
font-size: 14px;
}
a {
display: block;
width: 94px;
height: 33px;
margin-top: 15px;
padding-left: 34px;
line-height: 35px;
border: 1px solid #000;
border-radius: 4px;
background: #fff;
color: #000;
background: url("../images/yohood/enter-store.png") no-repeat 10px center;
text-align: left;
}
}
a {
display: inline-block;
width: 94px;
height: 33px;
margin-top: 15px;
padding-left: 34px;
line-height: 35px;
border: 1px solid #000;
border-radius: 4px;
background: #fff;
color: #000;
background: url("../images/yohood/enter-store.png") no-repeat 10px center;
}
}
.brand-close-btn {
position: absolute;
... ... @@ -120,42 +122,15 @@
}
}
// .related-post {
// h3 {
// margin-top: 20px;
// line-height: 22px;
// font-size: 18px;
// }
// .post-list {
// margin-top: 17px;
// width: 666px;
// .layout-item {
// float: left;
// width: 200px;
// margin-right: 22px;
// .image-box {
// height: 128px;
// overflow: hidden;
// a{
// display: table-cell;
// width: 200px;
// height: 128px;
// vertical-align: middle;
// img{
// margin: 0 auto;
// }
// }
// }
// .content {
// h2 {
// margin: 8px 0 0 0;
// line-height: 20px;
// a {
// font-size: 14px;
// font-weight: normal;
// }
// }
// }
// }
// }
// }
\ No newline at end of file
.brand-related-post {
margin: 0 0 50px 0;
h3 {
font-size: 16px;
font-weight: bold;
}
.post-list {
.time {
text-align: left;
}
}
}
... ...
... ... @@ -452,11 +452,11 @@ $pageMainWidth: 1180px;
}
.cooperation-list {
width: 1005px;
width: 1180px;
margin: 12px 0 0 0;
li {
float: left;
margin: 0 27px 27px 0;
margin: 0 (1180px - 174px * 5) / 4 27px 0;
a {
display: block;
&:focus {
... ... @@ -487,117 +487,120 @@ $pageMainWidth: 1180px;
border: 1px solid #000;
}
}
}
.limited-goods {
position: relative;
padding: 30px 0 50px 0;
background: #333333;
h2 {
font-size: 24px;
color: #8b8b8b;
font-weight: bold;
text-align: center;
background: url("../images/yohood/limited-line.png") no-repeat center center;
li:nth-child(5n) {
margin-right: 0;
}
}
.limited-slide-box {
position: relative;
width: 944px;
margin: 28px auto 0;
overflow: hidden;
.slide-wrap {
position: relative;
overflow: hidden;
}
.box {
width: 944px;
position: relative;
float: left;
}
}
// .limited-goods {
// position: relative;
// padding: 30px 0 50px 0;
// background: #333333;
// h2 {
// font-size: 24px;
// color: #8b8b8b;
// font-weight: bold;
// text-align: center;
// background: url("../images/yohood/limited-line.png") no-repeat center center;
// }
// }
.goods-list {
float: left;
width: 992px;
background: #333333;
li {
float: left;
width: 150px;
margin: 0 48px 0 0;
.img-box {
position: relative;
height: 200px;
text-align: center;
overflow: hidden;
img {
width: 100%;
}
span {
position: absolute;
left: 0;
bottom: 0;
width: 55px;
height: 25px;
line-height: 25px;
background: #000;
color: #fff;
font-size: 14px;
text-align: center;
}
span.red {
background: #ef3d00;
}
}
.goods-name {
margin: 5px 0 0 0;
line-height: 18px;
font-size: 14px;
color: #ccc;
}
.price {
margin: 6px 0 0 0;
line-height: 18px;
color: #ccc;
font-size: 12px;
.original-price {
color: #999;
text-decoration: line-through;
margin-right: 4px;
}
}
}
}
// .limited-slide-box {
// position: relative;
// width: 944px;
// margin: 28px auto 0;
// overflow: hidden;
// .slide-wrap {
// position: relative;
// overflow: hidden;
// }
// .box {
// width: 944px;
// position: relative;
// float: left;
// }
// }
.limited-slide-control {
position: absolute;
height: 200px;
left: 0;
right: 0;
top: 94px;
a {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
color: #ebebeb;
margin-top: -22px;
&:focus {
outline: none;
}
}
.limited-slide-prev {
margin-left: -510px;
}
.limited-slide-next {
margin-left: 480px;
}
.disable {
color: #4a4a4a;
cursor: default;
}
}
// .goods-list {
// float: left;
// width: 992px;
// background: #333333;
// li {
// float: left;
// width: 150px;
// margin: 0 48px 0 0;
// .img-box {
// position: relative;
// height: 200px;
// text-align: center;
// overflow: hidden;
// img {
// width: 100%;
// }
// span {
// position: absolute;
// left: 0;
// bottom: 0;
// width: 55px;
// height: 25px;
// line-height: 25px;
// background: #000;
// color: #fff;
// font-size: 14px;
// text-align: center;
// }
// span.red {
// background: #ef3d00;
// }
// }
// .goods-name {
// margin: 5px 0 0 0;
// line-height: 18px;
// font-size: 14px;
// color: #ccc;
// }
// .price {
// margin: 6px 0 0 0;
// line-height: 18px;
// color: #ccc;
// font-size: 12px;
// .original-price {
// color: #999;
// text-decoration: line-through;
// margin-right: 4px;
// }
// }
// }
// }
// .limited-slide-control {
// position: absolute;
// height: 200px;
// left: 0;
// right: 0;
// top: 94px;
// a {
// position: absolute;
// top: 50%;
// left: 50%;
// font-size: 30px;
// color: #ebebeb;
// margin-top: -22px;
// &:focus {
// outline: none;
// }
// }
// .limited-slide-prev {
// margin-left: -510px;
// }
// .limited-slide-next {
// margin-left: 480px;
// }
// .disable {
// color: #4a4a4a;
// cursor: default;
// }
// }
.return-top {
position: fixed;
... ...
... ... @@ -228,7 +228,7 @@ $sideWidth: 290px;
.layout-item {
float: left;
width: 235px;
height: 230px;
height: 255px;
margin: 0 ($detialContentWidth - $itemWidth * 3) / 2 0 0;
.image-box {
width: $itemWidth;
... ...
... ... @@ -6,17 +6,31 @@
}
.show-wrap {
width: 1180px;
margin: 0 auto;
padding-bottom: 50px;
.layout-item {
height: 396px;
height: 450px;
.image-box {
height: 308px;
height: 342px;
overflow: visible;
img {
width: 100%;
height: 100%;
}
}
.content {
p {
font-size: 20px;
font-weight: bold;
color: #282828;
}
.time {
font-size: 12px;
font-weight: normal;
color: #8c8c8c;
}
}
}
}
... ... @@ -48,7 +62,7 @@
font-weight: bold;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
background: #fff\9;
filter: alpha(opacity = 90);
filter: alpha(opacity=90);
white-space: nowrap;
z-index: 1;
cursor: default;
... ... @@ -70,4 +84,4 @@
height: 5px;
top: 13px;
left: -2px;
}
\ No newline at end of file
}
... ...