Showing
8 changed files
with
33 additions
and
4 deletions
| @@ -47,7 +47,7 @@ | @@ -47,7 +47,7 @@ | ||
| 47 | <div class="right"> | 47 | <div class="right"> |
| 48 | <div class="name"> | 48 | <div class="name"> |
| 49 | Ming.Weng | 49 | Ming.Weng |
| 50 | - <img class="ufo lazy" alt="alt" data-original="../../src/images/area/ufo.png" /> | 50 | + <div class="ufo ufo-1"></div> |
| 51 | <span class="time"> | 51 | <span class="time"> |
| 52 | <span class="clock-icon ada-icon"></span> | 52 | <span class="clock-icon ada-icon"></span> |
| 53 | 4小时前 | 53 | 4小时前 |
| @@ -127,7 +127,7 @@ | @@ -127,7 +127,7 @@ | ||
| 127 | <div class="right"> | 127 | <div class="right"> |
| 128 | <div class="name"> | 128 | <div class="name"> |
| 129 | Ming.Weng | 129 | Ming.Weng |
| 130 | - <img class="ufo lazy" alt="alt" data-original="../../src/images/area/ufo.png" /> | 130 | + <div class="ufo ufo-2"></div> |
| 131 | <span class="time"> | 131 | <span class="time"> |
| 132 | <span class="clock-icon ada-icon"></span> | 132 | <span class="clock-icon ada-icon"></span> |
| 133 | 4小时前 | 133 | 4小时前 |
| @@ -194,7 +194,7 @@ | @@ -194,7 +194,7 @@ | ||
| 194 | <div class="right"> | 194 | <div class="right"> |
| 195 | <div class="name"> | 195 | <div class="name"> |
| 196 | Ming.Weng | 196 | Ming.Weng |
| 197 | - <img class="ufo lazy" alt="alt" data-original="../../src/images/area/ufo.png" /> | 197 | + <div class="ufo ufo-3"></div> |
| 198 | <span class="time"> | 198 | <span class="time"> |
| 199 | <span class="clock-icon ada-icon"></span> | 199 | <span class="clock-icon ada-icon"></span> |
| 200 | 4小时前 | 200 | 4小时前 |
src/images/area/ufo-1.png
0 → 100644
1.29 KB
src/images/area/ufo-3.png
0 → 100644
1.52 KB
src/images/area/ufo-4.png
0 → 100644
1.43 KB
src/images/area/ufo-5.png
0 → 100644
1.66 KB
| @@ -75,6 +75,7 @@ class Comment extends Page { | @@ -75,6 +75,7 @@ class Comment extends Page { | ||
| 75 | <div class="right"> | 75 | <div class="right"> |
| 76 | <div class="name"> | 76 | <div class="name"> |
| 77 | <span class="user-name"></span> | 77 | <span class="user-name"></span> |
| 78 | + <div class="ufo"></div> | ||
| 78 | <span class="time"> | 79 | <span class="time"> |
| 79 | <span class="clock-icon ada-icon"></span> | 80 | <span class="clock-icon ada-icon"></span> |
| 80 | ${val.publish_time_str} | 81 | ${val.publish_time_str} |
| @@ -88,6 +89,12 @@ class Comment extends Page { | @@ -88,6 +89,12 @@ class Comment extends Page { | ||
| 88 | <div class="comment-follow"></div> | 89 | <div class="comment-follow"></div> |
| 89 | </div>`); | 90 | </div>`); |
| 90 | 91 | ||
| 92 | + if (val.user && val.user.level) { | ||
| 93 | + // 用户等级 | ||
| 94 | + | ||
| 95 | + $html.find('.ufo').addClass(`ufo-${val.user.level}`); | ||
| 96 | + } | ||
| 97 | + | ||
| 91 | if (val.consume && val.consume !== '0') { | 98 | if (val.consume && val.consume !== '0') { |
| 92 | // 用户消费 | 99 | // 用户消费 |
| 93 | let $consume = $(`<span class="cny">CNY</span> | 100 | let $consume = $(`<span class="cny">CNY</span> |
| @@ -154,6 +154,28 @@ | @@ -154,6 +154,28 @@ | ||
| 154 | height: 30px; | 154 | height: 30px; |
| 155 | display: inline-block !important; | 155 | display: inline-block !important; |
| 156 | margin-left: 15px; | 156 | margin-left: 15px; |
| 157 | + background-size: 100% 100%; | ||
| 158 | + vertical-align: baseline; | ||
| 159 | + } | ||
| 160 | + | ||
| 161 | + .ufo-1 { | ||
| 162 | + background-image: url("../images/area/ufo-1.png"); | ||
| 163 | + } | ||
| 164 | + | ||
| 165 | + .ufo-2 { | ||
| 166 | + background-image: url("../images/area/ufo-2.png"); | ||
| 167 | + } | ||
| 168 | + | ||
| 169 | + .ufo-3 { | ||
| 170 | + background-image: url("../images/area/ufo-3.png"); | ||
| 171 | + } | ||
| 172 | + | ||
| 173 | + .ufo-4 { | ||
| 174 | + background-image: url("../images/area/ufo-4.png"); | ||
| 175 | + } | ||
| 176 | + | ||
| 177 | + .ufo-5 { | ||
| 178 | + background-image: url("../images/area/ufo-5.png"); | ||
| 157 | } | 179 | } |
| 158 | 180 | ||
| 159 | .time { | 181 | .time { |
| @@ -167,6 +189,7 @@ | @@ -167,6 +189,7 @@ | ||
| 167 | display: inline-block; | 189 | display: inline-block; |
| 168 | width: 18px; | 190 | width: 18px; |
| 169 | height: 18px; | 191 | height: 18px; |
| 192 | + vertical-align: unset; | ||
| 170 | 193 | ||
| 171 | @include sprite-image($clock); | 194 | @include sprite-image($clock); |
| 172 | @include sprite-position($clock); | 195 | @include sprite-position($clock); |
| @@ -266,7 +289,6 @@ | @@ -266,7 +289,6 @@ | ||
| 266 | left: 0; | 289 | left: 0; |
| 267 | bottom: 0; | 290 | bottom: 0; |
| 268 | background-color: #000; | 291 | background-color: #000; |
| 269 | - opacity: 0.6; | ||
| 270 | } | 292 | } |
| 271 | 293 | ||
| 272 | img { | 294 | img { |
-
Please register or login to post a comment