fe / yohobuywap-node · Commits

Go to a project

Authored by zzzzzzz
Commit 48d053e1b1f0b428a8ba8911da579fbad5f63a2b 1 parent 4188b1de

新人专享

Inline Side-by-side
Showing 2 changed files with 82 additions and 2 deletions
... ... @@ -4,11 +4,55 @@
<a>
<img src="" alt="banner" class="new-user-banner" />
</a>
<div class="new-user-goods-container" style="background-image:url('//img11.static.yhbimg.com/yhb-img01/2016/09/06/20/0143eec063536a3af7a94cc8aa389053de.jpg?imageView2/2/w/640/h/200/q/90')">
<div class="new-user-goods-container" style="background: #A9D4F3">
<ul>
<li class="new-user-good">
<img src="" alt="" class="goods-pic" />
<div class="goods-info"></div>
<div class="goods-info">
<h3 class="title">冠军牌教练衫夹克</h3>
<p class="price">&yen; 130.00</p>
<p class="buy-now">立即购买></p>
</div>
</li>
<li class="new-user-good">
<img src="" alt="" class="goods-pic" />
<div class="goods-info">
<h3 class="title">冠军牌教练衫夹克你大爷的</h3>
<p class="price">&yen; 130.00</p>
<p class="buy-now">立即购买></p>
</div>
</li>
<li class="new-user-good">
<img src="" alt="" class="goods-pic" />
<div class="goods-info">
<h3 class="title">冠军牌教练衫夹克</h3>
<p class="price">&yen; 130.00</p>
<p class="buy-now">立即购买></p>
</div>
</li>
<li class="new-user-good">
<img src="" alt="" class="goods-pic" />
<div class="goods-info">
<h3 class="title">冠军牌教练衫夹克</h3>
<p class="price">&yen; 130.00</p>
<p class="buy-now">立即购买></p>
</div>
</li>
<li class="new-user-good">
<img src="" alt="" class="goods-pic" />
<div class="goods-info">
<h3 class="title">冠军牌教练衫夹克</h3>
<p class="price">&yen; 130.00</p>
<p class="buy-now">立即购买></p>
</div>
</li>
<li class="new-user-good">
<img src="" alt="" class="goods-pic" />
<div class="goods-info">
<h3 class="title">冠军牌教练衫夹克</h3>
<p class="price">&yen; 130.00</p>
<p class="buy-now">立即购买></p>
</div>
</li>
</ul>
</div>
... ...
... ... @@ -49,12 +49,48 @@
}
.goods-pic {
float: left;
height: 100%;
width: 50%;
}
.goods-info {
float: right;
height: 100%;
width: 50%;
background: #fff;
.title {
height: 50px;
width: 85px;
margin: 26px 22px 0 26px;
line-height: 1.5;
text-align: center;
font-size: 17px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
}
.price {
height: 20px;
width: 85px;
margin: 20px 22px 0 26px;
line-height: 1.5;
text-align: center;
font-size: 17px;
}
.buy-now {
height: 20px;
width: 85px;
margin: 25px 22px 0 26px;
line-height: 1.5;
text-align: right;
font-size: 14px;
color: #c5c5c5;
}
}
}
\ No newline at end of file
... ...