fe / YOHOBUYWAP · Commits

Go to a project

Authored by 郝肖肖
Commit b148467310bac3871a94d2d25803211b065760b1 1 parent 9d0a64ac

店铺优惠卷，大个的样式

Inline Side-by-side
Showing 3 changed files with 80 additions and 0 deletions
... ... @@ -586,6 +586,53 @@
.category-list-only-one-row {
border-top: none!important;
}
.coupon-content {
overflow-y: auto;
color: #fff;
.coupon-big {
height: 120px;
background: resolve('product/coupon-big.png') no-repeat;
background-size: 580px 120px;
margin: 30px;
.coupon-left {
position: absolute;
margin-top: 10px;
}
.coupon-left .coupon-left-price {
margin: 0 50px;
font-weight: bold;
}
.coupon-left .coupon-left-price .coupon-sign{
font-size: 50px;
}
.coupon-left .coupon-left-price .coupon-price{
font-size: 72px;
}
.coupon-left .coupon-left-name {
font-size: 22px;
line-height: 35px;
display: inline-block;
}
.coupon-right {
width: 20px;
font-size: 22px;
right: 55px;
position: absolute;
height: inherit;
line-height: 25px;
margin-top: 10px;
}
}
}
}
.shop-index + .filter-mask {
... ...
... ... @@ -53,6 +53,39 @@
<div id="home-page" class="main">
<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>
</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>
</div>
<!-- 大导航 -->
{{#if brandList}}
<div class="multi-brands first">
... ...