Authored by 郭成尧

style-adjust

... ... @@ -3,7 +3,7 @@
<div class="card-title clearfix">
<div class="balance pull-left">
<label>余额</label>
<span>1100</span>
<i></i><span>1100</span>
</div>
<div class="logo pull-right">
<i class="iconfont">&#xe60e;</i>
... ... @@ -14,15 +14,15 @@
<div class="content pull-left">
<div class="content-li clearfix">
<div class="left-label pull-left">面值</div>
<div class="right-content pull-left">¥2000.00</div>
<div class="pull-left">¥2000.00</div>
</div>
<div class="content-li clearfix">
<div class="left-label pull-left">卡号</div>
<div class="right-content pull-left">12345678909765</div>
<div class="pull-left">12345678909765</div>
</div>
<div class="content-li clearfix">
<div class="left-label pull-left">有效期</div>
<div class="right-content pull-left">2017.05.01-2017.07.31 <span class="tip">(即将过期)</span></div>
<div class="pull-left">2017.05.01-2017.07.31 <span class="tip">(即将过期)</span></div>
</div>
</div>
<div class="checkbox pull-right">
... ...
... ... @@ -39,17 +39,20 @@ $title-font-color: #fff;
.balance > label {
margin-left: 80px;
font-size: 28px;
font-size: 24px;
font-weight: 400;
}
.balance > span {
font-size: 36px;
font-size: 48px;
}
.logo {
font-size: 40px;
margin-right: 20px;
float: right;
.iconfont {
font-size: 36px;
}
}
}
... ... @@ -73,6 +76,10 @@ $title-font-color: #fff;
width: 90px;
font-weight: 600;
}
.tip {
color: #d0021b;
}
}
> .checkbox {
... ... @@ -83,6 +90,7 @@ $title-font-color: #fff;
> .checkbox > .iconfont {
font-size: 40px;
color: #b0b0b0;
}
}
}
... ...