fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit 67d08bd0c9d9ae6e84f65a6dff635930fb2cd9ad 1 parent 5a5dbf83

top-tip

Inline Side-by-side
Showing 3 changed files with 32 additions and 13 deletions
... ... @@ -31,9 +31,14 @@
<div class="coupon-right">
<p class="title"><span>[店铺券]</span>Adidas Origins店铺使用</p>
<p class="time">2018.1.12-2018.5.20</p>
<p class="show-intro-btn">使用说明<span class="iconfont icon-down show-intro-arrow"></span><button class="use-now">立即使用</button></p>
<p>
<span class="show-intro-btn">使用说明</span>
<span class="iconfont icon-down show-intro-btn show-intro-arrow"></span>
</p>
<span class="tip"></span>
</div>
<button class="use-now">立即使用</button>
<span class="top-tip"></span>
</div>
<ul class="coupon-intro hide">
<li>全场通用，特例商品暂不支持使用优惠券</li>
... ... @@ -52,8 +57,9 @@
<p class="title">
<span>[店铺券]</span>Adidas Origins店铺使用</p>
<p class="time">2018.1.12-2018.5.20</p>
<p class="show-intro-btn">使用说明
<span class="iconfont icon-down show-intro-arrow"></span>
<p>
<span class="show-intro-btn">使用说明</span>
<span class="iconfont icon-down show-intro-btn show-intro-arrow"></span>
</p>
<span class="tip"></span>
</div>
... ...
... ... @@ -129,16 +129,6 @@ body {
margin-bottom: 26px;
}
.use-now {
width: 130px;
height: 50px;
border: 1px solid #000;
border-radius: 25px;
background-color: #fff;
float: right;
margin-top: -20px;
}
.tip {
position: absolute;
top: 0;
... ... @@ -146,6 +136,19 @@ body {
}
}
.use-now {
font-size: 22px;
position: absolute;
width: 130px;
height: 50px;
border: 1px solid #444;
border-radius: 25px;
background-color: #fff;
color: #444;
bottom: 20px;
right: 20px;
}
.stamp {
position: absolute;
width: 126px;
... ... @@ -156,6 +159,16 @@ body {
background-image: resolve("home/coupon/timeout@2x.png");
background-size: 100% 100%;
}
.top-tip {
width: 84px;
height: 84px;
background-image: resolve("home/coupon/top-tip@2x.png");
background-size: 100% 100%;
position: absolute;
top: 0;
right: 0;
}
}
.invalid-coupon {
... ...