fe / YOHOBUYWAP · Commits

Go to a project

Authored by 郝肖肖
Commit 2781bbba69187dbf1c9193df629ec7909faa7480 1 parent b1484673

店铺小券

Inline Side-by-side
Showing 3 changed files with 146 additions and 29 deletions
... ... @@ -588,11 +588,18 @@
}
.coupon-content {
overflow-y: auto;
color: #fff;
height: 180px;
overflow: hidden;
overflow-x: scroll;
.coupon-scroll {
height: inherit;
}
.coupon-big {
height: 120px;
width: 580px;
background: resolve('product/coupon-big.png') no-repeat;
background-size: 580px 120px;
margin: 30px;
... ... @@ -604,7 +611,6 @@
.coupon-left .coupon-left-price {
margin: 0 50px;
font-weight: bold;
}
.coupon-left .coupon-left-price .coupon-sign{
... ... @@ -613,6 +619,7 @@
.coupon-left .coupon-left-price .coupon-price{
font-size: 72px;
font-weight: bold;
}
.coupon-left .coupon-left-name {
... ... @@ -631,6 +638,53 @@
margin-top: 10px;
}
}
.coupon-small {
height: 120px;
width: 245px;
background: resolve('product/coupon-small.png') no-repeat;
background-size: 245px 120px;
margin: 30px 0 30px 30px;
position: relative;
float: left;
.coupon-left {
position: absolute;
width: 190px;
overflow: hidden;
margin: 0 30px;
}
.coupon-left .coupon-left-price {
width: inherit;
display: inline-block;
}
.coupon-left .coupon-left-price .coupon-sign{
font-size: 42px;
}
.coupon-left .coupon-left-price .coupon-price{
font-size: 52px;
font-weight: bold;
}
.coupon-left .coupon-left-name {
font-size: 18px;
display: inline-block;
margin-top: -10px;
}
.coupon-right {
width: 20px;
font-size: 18px;
right: 17px;
position: absolute;
height: inherit;
line-height: 25px;
margin-top: 10px;
}
}
}
}
... ...
... ... @@ -55,37 +55,100 @@
<div id="nav-main" class="nav-main">
<!-- 优惠卷 -->
<div class="coupon-content">
<div class="coupon-big">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
<div class="coupon-scroll">
<div class="coupon-small">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
立即领取
</div>
</div>
<div class="coupon-big">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
</div>
</div><!--/coupon-small-->
<div class="coupon-small">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
立即领取
</div>
</div>
</div><!--/coupon-small-->
<div class="coupon-small">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
立即领取
</div>
</div><!--/coupon-small-->
<div class="coupon-small">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
立即领取
</div>
</div><!--/coupon-small-->
<div class="coupon-small">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
立即领取
</div>
</div><!--/coupon-small-->
<div class="coupon-small">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">10</span>
</span>
<span class="coupon-left-name">
阿迪达斯品牌<br />
满560减300
</span>
</div>
<div class='coupon-right'>
立即领取
</div>
</div><!--/coupon-small-->
</div>
</div>
<!-- 大导航 -->
{{#if brandList}}
<div class="multi-brands first">
... ...