This commit is contained in:
devil_gong 2018-08-24 11:31:24 +08:00
parent 66cc3329c8
commit 4e2b1bec8f
8 changed files with 50 additions and 17 deletions

View File

@ -60,7 +60,7 @@
<!--规格属性-->
<!--名称-->
<div class="tb-detail-hd">
<h1>{{$goods.title}}</h1>
<h1 class="detail-title">{{$goods.title}}</h1>
</div>
<div class="tb-detail-list">
<!--价格-->
@ -231,9 +231,10 @@
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active">
<if condition="!empty($goods['attribute'])">
<div class="J_Brand">
<div class="attr-list-hd tm-clear">
<h4>产品参数</h4>
<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'])">
@ -251,8 +252,9 @@
</if>
<div class="details">
<div class="attr-list-hd after-market-hd">
<h4>商品细节</h4>
<div class="spacing-nav-title">
<span class="line"></span>
<span class="text-wrapper">商品细节</span>
</div>
<div class="detail-content">{{$goods.content_web}}</div>
</div>

View File

View File

View File

View File

View File

View File

@ -412,6 +412,39 @@ background:url(../Images/ibar_sprites.png) no-repeat;background-position:0px -23
.am-article-title.blog-title{font-size:24px;line-height: 1.15;font-weight: normal;margin: 10px 0px 20px;}
.blog-content p{margin: 0 0 1.6rem 0;font-size:14px;}
/**
* 公共
*/
/* 导航分割 */
.spacing-nav-title {
position: relative;
color: #d2364c;
text-align: center;
background-color: #ffffff;
height: 35px;
line-height: 35px;
}
.spacing-nav-title .line {
display: inline-block;
width: 50%;
height: 1px;
background: #d2364c;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.spacing-nav-title .text-wrapper {
position: relative;
display: inline-block;
padding: 0 8px;
background-color: #ffffff;
font-size: 16px;
font-weight: bold;
}
/**
* 底部
*/
@ -427,8 +460,8 @@ background:url(../Images/ibar_sprites.png) no-repeat;background-position:0px -23
@media only screen and (max-width:640px)
{
.am-container {
padding-left: 5px;
padding-right: 5px;
padding-left: 0px;
padding-right: 0px;
}
}

View File

@ -171,7 +171,7 @@ ul.am-tabs-nav.am-nav.am-nav-tabs {background: #F5F5F5;}
.tb-detail-price dd{display: inline-block;}
.iteminfo_parameter a:hover{text-decoration: none;color:initial ;}
.iteminfo_parameter dt,.tb-detail-price dt,.shopPromotion.gold dt{display:inline; width:60px; white-space:nowrap; text-align:right; color:#888;}
.tb-detail-price dt,.shopPromotion.gold dt{display:inline; width:60px; white-space:nowrap; text-align:right; color:#888;}
.tb-detail-price li { display: inline-block; }
.tb-detail-price li:not(:last-child) { margin-right:10px; }
@ -187,7 +187,7 @@ ul.am-tabs-nav.am-nav.am-nav-tabs {background: #F5F5F5;}
/*销量*/
.tm-ind-panel, .iteminfo_parameter { border-bottom: 1px solid #F5F5F5; }
.tm-ind-panel {padding: 10px 0px;position: relative;overflow: hidden;clear: both;display: flex;}
.tm-ind-panel {padding: 10px 5px;position: relative;overflow: hidden;clear: both;display: flex;}
.tm-ind-item {float: left;width: 33%;text-align: center;position: relative;left: -1px;border-left: 1px solid #E5DFDA;
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;}
@ -201,7 +201,7 @@ flex: 1 1 0%;line-height: 16px;cursor: pointer;}
/*规格*/
.theme-signin .btn-op.act{display: none;}
.theme-signin .btn-op.act .btn{width:50%;float: left;}
.theme-login .cart-title{ width:100%;padding:10px 5px 5px 5px;}
.theme-login .cart-title{ width:100%;padding:5px;}
.theme-login .cart-title .am-icon-angle-right{float: right;}
/*数量*/
.iteminfo_parameter.munber,.iteminfo_parameter.freight{display:none ;}
@ -246,13 +246,7 @@ width: 62px;line-height:24px;font-size: 12px;display: block;}
.browse{display: none;}
/*产品参数*/
.J_BrandAttr.name {color: #666;padding: 8px 20px 10px;height: 40px;line-height: 40px;text-align:left;}
.attr-list-hd ,.after-market-hd{padding-top:20px;text-align: left;margin-bottom: 10px;}
.attr-list-hd h4 {height: 30px;border-bottom: 1px solid #F70;font-size: 14px; font-weight: 500;}
ul.detail-attr{overflow: hidden;text-align: left;}
ul.detail-attr li {height: 26px;overflow: hidden;line-height: 26px;vertical-align: top;white-space: nowrap; text-overflow: ellipsis;color: #666;font-size:14px;}
@ -482,4 +476,8 @@ ul.am-tabs-nav.am-nav.am-nav-tabs {left:20% ;max-width:960px ;margin-right: 0px;
padding-top: 0px;
}
.detail { padding: 0px; }
.detail-title, .tb-detail-price, .detail-attr { padding: 0px 5px; }
ul.tm-ind-panel li { border-left: 0px; }
ul.tm-ind-panel li:first-child { text-align: left; }
ul.tm-ind-panel li:last-child { text-align: right; }
}