feat/task1-c-wallet
gongfuxiang 2018-08-19 22:40:38 +08:00
parent 286ceb8aaa
commit 342df49a41
5 changed files with 60 additions and 56 deletions

View File

@ -258,35 +258,4 @@
<!-- 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(".banner-news")', 3000);
})
}
});
</script>
<!-- footer end -->

View File

@ -1,25 +1,27 @@
<!-- 顶部导航条 start -->
<div class="am-container header">
<ul class="message-l">
<div class="topMessage">
<div class="menu-hd">
<a href="#" target="_top" class="h">亲,请登录</a>
<a href="#" target="_top">免费注册</a>
<div class="header-top">
<div class="am-container header">
<ul class="message-l">
<div class="topMessage">
<div class="menu-hd">
<a href="#" target="_top" class="h">亲,请登录</a>
<a href="#" target="_top">免费注册</a>
</div>
</div>
</div>
</ul>
<ul class="message-r">
<div class="topMessage home">
<div class="menu-hd"><a href="{{:__MY_URL__}}" target="_top" class="h">商城首页</a></div>
</div>
<div class="topMessage my-shangcheng">
<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
</div>
<div class="topMessage mini-cart">
<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
</div>
<div class="topMessage favorite">
<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
</ul>
</ul>
<ul class="message-r">
<div class="topMessage home">
<div class="menu-hd"><a href="{{:__MY_URL__}}" target="_top" class="h">商城首页</a></div>
</div>
<div class="topMessage my-shangcheng">
<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
</div>
<div class="topMessage mini-cart">
<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
</div>
<div class="topMessage favorite">
<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
</ul>
</div>
</div>
<!-- 顶部导航条 end -->

View File

@ -107,6 +107,8 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
/*侧边导航*/
.mui-mbar-tabs{ display:none;}
/* 顶部小导航 */
.header-top { background-color: #eee; }
.header{ display:none; max-width:1000px; margin:0px auto; font-size:12px;}
.footer-bd{ display:none}
@ -150,7 +152,7 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
.nav.white .logoBig{ display:block;float:left;height:40px;width:135px; margin:0px auto; margin-left:2%;margin-top: 5px;}
.nav.white .logoBig img{width:100%;}
.my-cart { width: 46px;height: 46px;}
.search-bar {height: 51px;margin: 0px 50px 0 120px; padding-left:5%;}
.search-bar {height: 51px;margin: 10px 50px 10px 120px; padding-left:5%;}
#ai-topsearch {height: 46px;}
.search-bar input {width: 80%;height:46px;}
.my-cart a{display:block; margin-top:5px}
@ -197,6 +199,7 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
.nav-cont li{float: left;height: 45px;line-height: 45px;}
.nav-cont li::before{content: '\20';display: inline-block;height: 16px;border-right: 1px solid #d9d9d9;width: 0;vertical-align: middle;margin-left: -1px;}
.nav-cont li a {font-size: 16px;color: #333;line-height: 36px;margin-left: -1px;padding: 0 25px;text-decoration: none;font-weight: 700;display: inline-block;vertical-align: middle;}
.nav-cont li a:hover { color:#d2364c; }
.nav-cont .nav-extra{position: absolute;right:0px ;top:6px;font-size: 16px;color:#fcff00;line-height:33px;height:33px ;width:160px;text-align:center;background: url(../Images/extra.png);cursor: pointer;}
.nav-cont .nav-extra i.nav-user{background:#000 ;color:#fff ;width: 33px;height: 33px;border-radius: 33px;position: absolute;left:-28px;z-index: 99;padding: 5px;overflow: hidden;}

View File

@ -32,7 +32,7 @@ dt + dd {margin-top: 0;}
/*走马灯*/
.marqueen{position: relative;border-top:1px solid #F5F5F5 ;border-bottom: 1px #f5f5f5 solid;overflow: hidden;}
.marqueen-title{position: absolute;top:8px;left:10px;padding-right:10px;border-right:1px solid #F5F5F5 ;}
.marqueen-title{position: absolute;left:10px;padding-right:10px;border-right:1px solid #F5F5F5 ; line-height: 30px; height: 30px;}
.banner-news li,#banner-news li a{height: 30px;line-height:30px; font-size: 12px; overflow: hidden;}
.banner-news{max-width:1200px; margin:0px auto;margin-left:60px;overflow:hidden;height:30px;width:100%; text-align:left;color:#ffffff;}
.banner-news li {padding:0px 20px;}
@ -156,7 +156,6 @@ text-align: center;float:none}
.items-nav-title{background: #fff;}
.hmtop{background: #fff;}
.am-container {padding-left:0px;padding-right:0px ;}
.am-container.header{padding-left:21px; padding-right:40px ;}
.shopMainbg{width:100%;background:#fff;overflow:visible;}
.slideall{position: relative;}
.shopNav{margin-top:0px;}

View File

@ -0,0 +1,31 @@
$(function()
{
// 新闻轮播
if ($(window).width() < 640) {
function autoScroll(obj) {
$(obj).find("ul").animate({
marginTop: "-39px"
}, 500, function() {
$(this).css({
marginTop: "0px"
}).find("li:first").appendTo(this);
})
}
setInterval(function()
{
autoScroll(".banner-news");
}, 3000);
}
// 分类事件显示/隐藏
$(".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")
});
});