fe / mars-static · Commits

Go to a project

Authored by 李靖
Commit 569e58a067e796e70a1da5d75c0e3e13d81e3bc0 1 parent 68de7983

fix

Inline Side-by-side
Showing 8 changed files with 33 additions and 4 deletions
... ... @@ -47,7 +47,7 @@
<div class="right">
<div class="name">
Ming.Weng
<img class="ufo lazy" alt="alt" data-original="../../src/images/area/ufo.png" />
<div class="ufo ufo-1"></div>
<span class="time">
<span class="clock-icon ada-icon"></span>
4小时前
... ... @@ -127,7 +127,7 @@
<div class="right">
<div class="name">
Ming.Weng
<img class="ufo lazy" alt="alt" data-original="../../src/images/area/ufo.png" />
<div class="ufo ufo-2"></div>
<span class="time">
<span class="clock-icon ada-icon"></span>
4小时前
... ... @@ -194,7 +194,7 @@
<div class="right">
<div class="name">
Ming.Weng
<img class="ufo lazy" alt="alt" data-original="../../src/images/area/ufo.png" />
<div class="ufo ufo-3"></div>
<span class="time">
<span class="clock-icon ada-icon"></span>
4小时前
... ...
... ... @@ -75,6 +75,7 @@ class Comment extends Page {
<div class="right">
<div class="name">
<span class="user-name"></span>
<div class="ufo"></div>
<span class="time">
<span class="clock-icon ada-icon"></span>
${val.publish_time_str}
... ... @@ -88,6 +89,12 @@ class Comment extends Page {
<div class="comment-follow"></div>
</div>`);
if (val.user && val.user.level) {
// 用户等级
$html.find('.ufo').addClass(`ufo-${val.user.level}`);
}
if (val.consume && val.consume !== '0') {
// 用户消费
let $consume = $(`<span class="cny">CNY</span>
... ...
... ... @@ -154,6 +154,28 @@
height: 30px;
display: inline-block !important;
margin-left: 15px;
background-size: 100% 100%;
vertical-align: baseline;
}
.ufo-1 {
background-image: url("../images/area/ufo-1.png");
}
.ufo-2 {
background-image: url("../images/area/ufo-2.png");
}
.ufo-3 {
background-image: url("../images/area/ufo-3.png");
}
.ufo-4 {
background-image: url("../images/area/ufo-4.png");
}
.ufo-5 {
background-image: url("../images/area/ufo-5.png");
}
.time {
... ... @@ -167,6 +189,7 @@
display: inline-block;
width: 18px;
height: 18px;
vertical-align: unset;
@include sprite-image($clock);
@include sprite-position($clock);
... ... @@ -266,7 +289,6 @@
left: 0;
bottom: 0;
background-color: #000;
opacity: 0.6;
}
img {
... ...