Skip to content

ShopXO
ShopXO

飞鱼0526 / ShopXO
与 Fork 源项目一致

Fork自 纵之格 / ShopXO

通知 1
Star 0
Fork 0
ShopXO
ShopXO

体验新版 GitCode，发现更多精彩内容 >>

提交 f98a862c 编写于 作者: D devil_gong
浏览文件
操作

detail

上级 cbbb2a67
展开全部 隐藏空白更改
内联 并排
Showing with 64 addition and 100 deletion
service/Application/Home/View/Default/Detail/Index.html
浏览文件 @ f98a862c
......@@ -109,7 +109,7 @@
<div class="theme-popover">
<div class="theme-span"></div>
<div class="theme-poptit">
<a href="javascript:;" title="关闭" class="close">×</a>
<a href="javascript:;" title="关闭" class="close am-icon-close am-icon-sm"></a>
</div>
<div class="theme-popbod dform">
<form class="theme-signin" name="loginform" action="" method="post">
......@@ -139,8 +139,8 @@
</div>
<div class="btn-op">
<div class="btn am-btn am-btn-warning">确认</div>
<div class="btn close am-btn am-btn-warning">取消</div>
<div class="btn am-btn am-btn-default confirm">确认</div>
<div class="btn close am-btn am-btn-danger cancel">取消</div>
</div>
</div>
<div class="theme-signin-right">
......@@ -161,19 +161,19 @@
</div>
<!--手机导航-->
<div class="pay">
<div class="pay-opt">
<a href="home.html"><span class="am-icon-home am-icon-fw">首页</span></a>
<a><span class="am-icon-heart am-icon-fw">收藏</span></a>
<div class="buy-nav">
<div class="buy-nav-opt">
<a href="{{:__MY_URL__}}"><span class="am-icon-home am-icon-fw"> 首页</span></a>
<a><span class="am-icon-heart am-icon-fw"> 收藏</span></a>
</div>
<li>
<div class="clearfix tb-btn tb-btn-buy theme-login">
<a id="LikBuy" title="点此按钮到下一步确认购买信息" href="#">立即购买</a>
<a id="LikBuy" title="点此按钮到下一步确认购买信息" href="javascript:;">立即购买</a>
</div>
</li>
<li>
<div class="clearfix tb-btn tb-btn-basket theme-login">
<a id="LikBasket" title="加入购物车" href="#"><i></i>加入购物车</a>
<a id="LikBasket" title="加入购物车" href="javascript:;"><i></i>加入购物车</a>
</div>
</li>
</div>
......
service/Application/Home/View/Default/Public/NavSearch.html
浏览文件 @ f98a862c
<!-- 搜索框 start -->
<div class="nav white">
<div class="nav-search white">
<div class="logo">
<a href="{{:__MY_URL__}}">
<img src="{{$image_host}}{{:MyC('home_site_logo')}}" alt="{{:MyC('home_seo_site_title')}}" />
......
service/Public/Home/Default/Css/Common.css
浏览文件 @ f98a862c
......@@ -91,14 +91,14 @@ color: #555555;background:none;border-color:transparent;cursor: default;}
.goods-category-s{display: none;}
/*浮动框*/
.nav.white{position:fixed;top:0;width:100%;z-index:1099; margin:0px auto;background:#fff ;}
.nav.white .logo{float:left;height:36px;width:95px; margin: 0 auto;margin-top: 10px;}
.nav-search{top:0;left:0;width:100%;z-index:1099; margin:0px auto;background:#fff; padding-top: 5px;}
.nav-search .logo{height:36px;width:95px; margin: 0 auto; display: -webkit-inline-box;}
.logoBig{display:none;}
.logo img{width:100%}
/*搜索框*/
.search-bar{height:41px; margin: 8px 5px 0 100px;}
.search-bar form{border:2px solid #d2364c; max-width:670px;}
.search-bar{height:36px; width: calc(100% - 103px); display: -webkit-inline-box;}
.search-bar form{border:2px solid #d2364c; width:100%;}
.search-bar input{padding-left:5px;height:32px;width:78%;outline:none; font-size:12px; border:none}
#ai-topsearch { width:20%;height:32px;border:none;float:right;background: #d2364c none repeat scroll 0% 0%;
color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
......@@ -156,25 +156,23 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
.am-container {padding-left:0px;padding-right:0px ;}
.shop-nav {position: relative;}
.nav.white{background: none;}
.nav-search{background: none;}
.header { display:block;height: 35px;}
.message-l{ float:left;}
.message-l .topMessage{padding: 0px 6px;height: 35px;line-height: 35px;}
.message-r {float: right;}
.message-r .topMessage {float: left;padding: 0px 6px;height: 35px;line-height: 35px;}
.nav.white .logo{display:none;}
.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: 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}
.nav-search .logo{display:none;}
.nav-search .logoBig{ display:block;float:left;height:40px;width:135px; margin:0px auto; margin-left:5px;}
.nav-search .logoBig img{width:100%;}
.search-bar {height: 40px; width: calc(100% - 146px);}
#ai-topsearch {height: 36px;}
.search-bar input {width: 80%;height:36px;}
.classified{display:none;}
.navCir{display:none;}
.nav.white{ position:relative;top:0px;z-index:0;margin-bottom: 5px;}
#ai-topsearch{ font-size:18px;}
.nav-search{ position:relative;top:0px;z-index:0;margin-bottom: 5px;}
#ai-topsearch{ font-size:18px;height: 36px;}
/*底部*/
.am-footer {text-align:center; display:block;position: relative;margin: 0px auto; padding: 7px 0px 9px; margin-top:20px;}
.am-footer .footer-bd p, .footer .footer-hd p {margin-bottom: 8px;line-height: 27px;border-bottom: 1px solid #DDD; text-align:left;}
......@@ -195,17 +193,14 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
.shop-nav{margin:0px;border-bottom: 2px solid #d2364c; height: 45px;}
.mui-mbar-tabs{ display:block;}
.nav.white{padding-left:0px; max-width:1000px; margin:0px auto;}
.nav.white .logo{display:none;}
.nav.white .logoBig { display:block; float:left;height:60px; width:200px; margin-left:0px;margin-top: 15px;}
.nav.white .logoBig li{float:left;}
.search-bar{height:90px; padding: 20px 70px 0 230px; margin:auto;}
.my-cart{ display:none; right:10%; top:20px;}
.nav-search{padding-left:0px; max-width:1000px; margin:0px auto;padding: 20px 0;}
.nav-search .logo{display:none;}
.nav-search .logoBig { display: -webkit-inline-box; float:left;height:60px; width:200px; margin-left:0px;}
.search-bar{height:50px; margin:auto;display: -webkit-inline-box;width: calc(66%);padding-left: 8%;}
#ai-topsearch {height: 47px;}
.shopMain{margin:0px 0px 0px 5px;}
.shopCon li{width:20%;padding:10px;}
.search-bar input { height: 46px;}
.search-bar {margin:0px auto;}
.tip{display:block;}
......@@ -296,7 +291,7 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
@media only screen and (min-width: 1260px) {
.am-container, .nav.white, .footer, .nav-table {padding-left:0rem;padding-right:0rem;max-width: 1200px;}
.am-container, .nav-search, .footer, .nav-table {padding-left:0rem;padding-right:0rem;max-width: 1200px;}
.footer{margin: auto;}
/*导航*/
......
service/Public/Home/Default/Css/Detail.css
浏览文件 @ f98a862c
@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
......@@ -28,6 +15,7 @@ input{font-size:12px;font-size:100%;outline:none;line-height:normal;color:#444;}
.theme-poptit{padding:12px;position:relative;overflow: hidden;background:#fff ;height:80px ;}
.theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover{color:#444;}
.theme-popover .confirm { background-color: #d2364c; border-color: #d2364c; color: #fff; }
/* 轮播 */
.scoll { margin-bottom: 10px; }
......@@ -62,6 +50,9 @@ input{font-size:12px;font-size:100%;outline:none;line-height:normal;color:#444;}
.am-sticky-placeholder .am-nav-tabs > li span { color: #888; }
.am-sticky-placeholder .am-nav-tabs > li.am-active span { color: #333; }
/* 购买导航 */
.buy-nav-opt a { color: #666; }
@media only screen and (min-width:640px)
{
......@@ -110,19 +101,6 @@ i.theme-login{display: inline-block;}
@charset "utf-8";
/* CSS Document */
dt + dd {
margin:0px 0px;padding:0px 0px;
}
......@@ -186,12 +164,6 @@ ul.am-tabs-nav.am-nav.am-nav-tabs {background: #F5F5F5;}
flex: 1 1 0%;line-height: 16px;cursor: pointer;}
.tm-ind-panel .tm-count {display: inline-block;line-height: 16px;height: 16px;color: #C40000;font-weight: 700;margin-left: 3px;}
/*地址*/
.address{margin-right:80px ;}
.am-selected {width:32%;max-width: 200px;float: left;margin-right:1%;}
.address .am-btn {font-size:12px ;}
.address select {float: left;width: 32%;margin-right: 1%;}
.pay-logis{padding-top:5px ;text-align: right;padding-right:10px ;}
/*规格*/
.theme-signin .btn-op.act{display: none;}
.theme-signin .btn-op.act .btn{width:50%;float: left;}
......@@ -204,13 +176,13 @@ flex: 1 1 0%;line-height: 16px;cursor: pointer;}
/*购物车*/
.tb-btn a, .pay li,.pay .pay-opt, .pay span { height: 35px; line-height: 35px; }
.tb-btn a, .buy-nav li,.buy-nav .buy-nav-opt, .buy-nav span { height: 35px; line-height: 35px; }
.tb-btn a {margin-right: 0px;float: left;overflow: hidden; position: relative;width:100%; background-color: #FFEDED;
color:#F03726;font-size: 14px;text-align: center;}
.tb-btn-basket a {background-color:#F03726;color: #FFF;}
.pay li,.pay .pay-opt{float:left; width:33.33%; }
.pay span{display:inline-block;width: 50%;float: left;font-size:14px ;background:#fff ; ;cursor: pointer;}
.buy-nav li,.buy-nav .buy-nav-opt{float:left; width:33.33%; }
.buy-nav span{display:inline-block;width: 50%;float: left;font-size:14px ; ;cursor: pointer; border-top: 1px solid #f5f5f5;}
.tb-detail-hd h1 {padding-bottom:0.4em; line-height: 1;font-size: 14px;font-weight: 600;color: #333; line-height: 20px;}
......@@ -295,7 +267,7 @@ li.am-comment{ width:100%}
.scoll img{width:100%; margin-left:0}
.am-comment-main,#J_AttrUL{ text-align:left;}
.tb-r-filter-bar{ margin-top:20px;}
.pay{ position:fixed; bottom:0px;right:0px; z-index:10000;width:100% ;background:#fff ;}
.buy-nav{ position:fixed; bottom:0px;right:0px; z-index:10000;width:100% ;background:#fff ;}
.nav.white,.tip{z-index:999}
......@@ -308,7 +280,7 @@ li.am-comment{ width:100%}
.clearfix-right{float:left;width:55%;min-height: 270px;}
.iteminfo_parameter.freight{display: block;margin-top: 10px;margin-bottom:10px ;}
.iteminfo_parameter.freight dt{margin-left:-70px ;float: left;margin-right:10px ;padding-top:5px ;padding-bottom:20px ;}
.pay{position: static;}
.buy-nav{position: static;}
ul.am-avg-sm-4.am-tabs-nav.am-nav.am-nav-tabs {width: auto;}
ul.detail-attr li {display: inline;float: left;width: 33.33%;}
......@@ -342,8 +314,8 @@ li.am-comment{ width:100%}
/*购物车*/
.tb-btn-buy{margin-left:60px; margin-right:10px;}
.tb-btn a{width:98px ;border: 1px solid #F03726;}
.pay .pay-opt{display:none ;}
.pay li{width: auto;}
.buy-nav .buy-nav-opt{display:none ;}
.buy-nav li{width: auto;}
/*印象*/
.p-bfc {padding: 0px ; }
......@@ -402,7 +374,7 @@ li.am-comment{ width:100%}
.clearfix-right{width:calc(100% - 370px);margin-left:10px;}
.freight{width:400px;float: left;}
.theme-signin-left {max-width:500px ;}
.iteminfo_parameter.freight dt,.pay-logis{padding-top:6px ;padding-bottom:0px ;}
.iteminfo_parameter.freight dt{padding-top:6px ;padding-bottom:0px ;}
/*介绍*/
......@@ -447,7 +419,7 @@ li.am-comment{ width:100%}
/* 手机模式下 */
@media only screen and (max-width:640px)
{
.nav.white { display: none; }
.nav-search { display: none; }
.detail { padding: 0px; }
.detail-title, .tb-detail-price, .detail-attr { padding: 0px 5px; }
ul.tm-ind-panel li { border-left: 0px; }
......
service/Public/Home/Default/Css/Index.css
浏览文件 @ f98a862c
......@@ -222,7 +222,6 @@ text-align: center;float:none}
.flood .text-one { background-color: transparent !important; }
.items-nav-title{ padding: 0 10%;}
.marqueen-title{line-height: 30px; height: 30px;}
.banner { margin-top: 50px; }
.am-footer { padding-bottom: 55px; }
}
......
service/Public/Home/Default/Js/Common.js
浏览文件 @ f98a862c
......@@ -60,5 +60,25 @@ $(function()
$('#goods-category .category-content').slideUp(300);
}
});
// 搜索导航固定
$(window).scroll(function()
{
if($(window).width() <= 625)
{
var scroll = $(document).scrollTop();
if($('.nav-search').length > 0)
{
if(scroll > 40)
{
$('.nav-search').css('position','fixed');
} else {
$('.nav-search').css('position','relative');
}
}
}
});
});
\ No newline at end of file
service/Public/Home/Default/Js/Detail.js
浏览文件 @ f98a862c
......@@ -1424,26 +1424,6 @@ window.Modernizr = (function( window, document, undefined ) {
//商品规格选择
$(function() {
......@@ -1473,18 +1453,16 @@ $(document).ready(function() {
$(document.body).css("position", "fixed");
$('.theme-popover-mask').show();
$('.theme-popover').slideDown(200);
})
$('.theme-poptit .close,.btn-op .close').click(function() {
$(document.body).css("position", "static");
// 滚动条复位
// 滚动条复位
$('.theme-signin-left').scrollTop(0);
$('.theme-popover-mask').hide();
$('.theme-popover').slideUp(200);
})
}
})
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或