为#最强排行、#最高分排行 增加角色头像

apps/character/ProfileRank.js

@@ -167,6 +167,7 @@ async function renderCharRankList ({ e, uids, char, mode, groupId }) {
           }
         }
       }
+      tmp.star0 = 5 - tmp.star
       list.push(tmp)
     }
   }
@@ -176,7 +177,7 @@ async function renderCharRankList ({ e, uids, char, mode, groupId }) {
     list = lodash.sortBy(list, mode === 'mark' ? '_mark' : '_dmg').reverse()
   } else {
     title = `#${mode === 'mark' ? '最高分' : '最强'}排行`
-    list = lodash.sortBy(list, 'uid')
+    list = lodash.sortBy(list, ['uid', 'star0', 'charid'])
   }
 
   const rankCfg = await ProfileRank.getGroupCfg(groupId)

resources/character/rank-profile-list.css

@@ -50,7 +50,7 @@ body {
 .char-idx {
   width: 48px;
 }
-.char-idx span {
+.char-idx .idx-icon {
   display: inline-block;
   width: 24px;
   height: 24px;
@@ -62,16 +62,26 @@ body {
   line-height: 24px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
 }
-.char-idx span.idx-1 {
+.char-idx .idx-icon.idx-1 {
   width: 48px;
   margin: 13px 0;
   background-image: url('./imgs/mark-icon2.png');
   color: rgba(0, 0, 0, 0);
   text-shadow: none;
 }
-.char-idx span.mode-mark {
+.char-idx .idx-icon.mode-mark {
   background-position: 100% 0;
 }
+.char-idx .char-icon {
+  width: 36px;
+  height: 36px;
+  margin-top: 8px;
+  border-radius: 10px;
+  overflow: hidden;
+}
+.char-idx .char-icon .img {
+  border-radius: 0;
+}
 .char-icon {
   width: 50px;
   height: 50px;

resources/character/rank-profile-list.html

@@ -40,9 +40,11 @@
 
   {{each list ds idx}}
   <div class="cont char-list-item">
+    {{if !ds.isMax}}
     <div class="char-idx">
-      <span class="idx-{{ds.isMax ? 1 : idx+1}} mode-{{mode}}">{{idx+1}}</span>
+      <span class="idx-icon idx-{{idx+1}} mode-{{mode}}">{{idx+1}}</span>
     </div>
+    {{/if}}
     <div class="item-icon char-icon star{{ds.star}}">
       {{if ds.qqFace}}
       <span class="img" style="background-image:url({{ds.qqFace}})"></span>
@@ -50,8 +52,14 @@
       <span class="img" style="background-image:url({{_res_path}}{{ds.imgs?.face}})"></span>
       {{/if}}
     </div>
+    {{if ds.isMax}}
+    <div class="char-idx">
+      <div class="item-icon char-icon star{{ds.star}}">
+        <span class="img" style="background-image:url({{_res_path}}{{ds.imgs?.face}})"></span>
+      </div>
+    </div>
+    {{/if}}
     <div class="char-info char-name">
-
       <div class="name">
         <span class="cons cons-{{ds.cons}}">{{ds.cons}}</span>
         <strong>{{ds.sName}}</strong>

resources/character/rank-profile-list.less

@@ -53,7 +53,7 @@ body {
 .char-idx {
   width: 48px;
 
-  span {
+  .idx-icon {
     display: inline-block;
     width: 24px;
     height: 24px;
@@ -78,6 +78,20 @@ body {
       background-position: 100% 0;
     }
   }
+
+  .char-icon {
+    width: 36px;
+    height: 36px;
+    margin-top: 8px;
+    border-radius: 10px;
+    overflow: hidden;
+
+    .img {
+      border-radius: 0;
+    }
+  }
+
+
 }
 
 .char-icon {