fe / yohobuywap-node · Commits

Go to a project

Authored by 张丽霞
Commit 2cecb27b459aaf653bc5a9182b0ee91e95a06194 1 parent e846e011

商品详情模板代码检查

Inline Side-by-side
Showing 2 changed files with 61 additions and 63 deletions
... ... @@ -37,7 +37,7 @@
<div class="price-date">
{{# goodsPrice}}
<div class="goodsPrice">
<div class="goods-price">
<h1 class="current-price">{{currentPrice}}</h1>
<h1 class="previous-price">{{previousPrice}}</h1>
</div>
... ... @@ -58,7 +58,7 @@
{{/noLimitGoodsBtn}}
{{#if periodOfMarket}}
<div class="periodOfMarket">
<div class="period-of-market">
<h1>上市期：</h1>
<h1 >{{periodOfMarket}}</h1>
</div>
... ... @@ -78,7 +78,7 @@
{{/vipLevel}}
{{# goodsDiscount}}
<div class="goodsDiscount" id="goodsDiscount">
<div class="goods-discount" id="goodsDiscount">
{{# list}}
{{#if @first}}
{{#if text}}
... ...
$pageBgC:#f0f0f0;
$mainFontC:#444444;
$mainFontC:#444;
$subFontC:#b0b0b0;
$borderC:#e0e0e0;
$tableCellC:#eee;
... ... @@ -21,7 +21,7 @@ $basicBtnC:#eb0313;
border-top: 1px solid $borderC;
padding: 0 28px;
margin-bottom: 30px;
>.title {
> .title {
line-height: 88px;
color: $mainFontC;
font-size: 28px;
... ... @@ -55,35 +55,34 @@ $basicBtnC:#eb0313;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
width: 100%;
.column {
box-sizing: border-box;
/*padding: 20px 12px;*/
padding: 6px 3%;
width: 49.9%;
border: 1px solid #fff;
font-size: 24px;
background-color: $tableCellC;
word-wrap: break-word;
display: flex;
align-items: center;
flex-basis: 49.9%;
}
.oldbox{
padding: 6px 3%;
width: 49.9%;
background-color: $tableCellC;
box-sizing: border-box;
border: 1px solid #fff;
width: 49.9%;
height: 100%;
float: left;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
}
width: 100%;
.column {
box-sizing: border-box;
padding: 6px 3%;
width: 49.9%;
border: 1px solid #fff;
font-size: 24px;
background-color: $tableCellC;
word-wrap: break-word;
display: flex;
align-items: center;
flex-basis: 49.9%;
}
.oldbox {
padding: 6px 3%;
width: 49.9%;
background-color: $tableCellC;
box-sizing: border-box;
border: 1px solid #fff;
width: 49.9%;
height: 100%;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
}
}
... ... @@ -98,8 +97,8 @@ $basicBtnC:#eb0313;
cursor: pointer;
color: #666;
font-size: 48px;
&.swiper-button-disabled{
opacity: .3;
&.swiper-button-disabled {
opacity: 0.3;
}
}
... ... @@ -113,7 +112,6 @@ $basicBtnC:#eb0313;
right: auto;
}
.tag-container {
position: absolute;
left: 108px;
... ... @@ -123,13 +121,14 @@ $basicBtnC:#eb0313;
font-size: 20px;
line-height: 35px;
z-index: 2;
.good-tag {
display: inline-block;
box-sizing: border-box;
margin-left: .5px;
margin-left: 0.5px;
font-size: 18px;
text-align: center;
padding:1px 5PX;
padding: 1px 5PX;
}
.new-tag {
background-color: #78dc7e;
... ... @@ -166,13 +165,13 @@ $basicBtnC:#eb0313;
position: relative;
background-color: #fff;
}
.banner-top-single{
margin:0 auto;
.banner-top-single {
margin: 0 auto;
overflow: hidden;
img{
width: 448px;
margin-top:30px;
margin-bottom:30px;
img {
width: 448px;
margin-top: 30px;
margin-bottom: 30px;
}
}
.banner-top {
... ... @@ -222,7 +221,6 @@ $basicBtnC:#eb0313;
background-color: #515150;
}
.goods-subtitle {
/*display: table;*/
height: 88px;
font-size: 24px;
color: $subFontC;
... ... @@ -232,8 +230,7 @@ $basicBtnC:#eb0313;
background-color: $pageBgC;
display: flex;
align-items: center;
span{
/*display: table-cell;*/
span {
display: -webkit-box;
line-height: 36px;
margin: 0;
... ... @@ -289,7 +286,7 @@ $basicBtnC:#eb0313;
border-color: #ccc;
}
.goodsPrice {
.goods-price {
float: left;
font-size: 34.59px;
h1 {
... ... @@ -304,7 +301,7 @@ $basicBtnC:#eb0313;
text-decoration: line-through;
}
}
.periodOfMarket {
.period-of-market {
font-size: 24px;
float: right;
color: #d0021b;
... ... @@ -322,16 +319,16 @@ $basicBtnC:#eb0313;
min-height: 88px;
background-color: #fff;
font-size: 22px;
color: #999999;
color: #999;
border-bottom: 1px solid $borderC;
.icons-item {
float: left;
width: 33.3%;
height: 88px;
margin: 0;
&.current-level{
.vip-price{
color:#d0021b;
&.current-level {
.vip-price {
color: #d0021b;
}
}
span {
... ... @@ -363,10 +360,10 @@ $basicBtnC:#eb0313;
}
}
}
.goodsDiscount {
.goods-discount {
display: block;
width: 100%;
height:auto;
height: auto;
font-size: 28px;
color: $mainFontC;
background-color: #fff;
... ... @@ -389,9 +386,7 @@ $basicBtnC:#eb0313;
right: 36px;
width: 35px;
font-size: 45px;
float: right;
color: #e0e0e0;
/*padding-left:50px;*/
}
.discount-folder {
.folder-item {
... ... @@ -442,7 +437,10 @@ $basicBtnC:#eb0313;
}
}
}
/*底部固定栏*/
/*
底部固定栏
*/
.cart-bar {
position: relative;
box-sizing: border-box;
... ... @@ -463,7 +461,7 @@ $basicBtnC:#eb0313;
}
&.favorite {
font-size: 34px;
color: #ccc
color: #ccc;
}
&.favorite.liked {
color: $basicBtnC;
... ... @@ -499,16 +497,16 @@ $basicBtnC:#eb0313;
border-radius: 50%;
transform: scale(0.5);
&.hide{
&.hide {
display: none;
}
}
}
.recommend-for-you{
.recommend-for-you {
border-bottom: none;
}
.yoho-tip{
top:40%;
.yoho-tip {
top: 40%;
}
}
... ...