Update icons

models/Role.js

@@ -4,6 +4,7 @@
 
 import lodash from 'lodash'
 import moment from 'moment'
+
 import Base from '../models/Base.js'
 import Character from '../models/Character.js'
 import { Data } from '#miao'
@@ -15,7 +16,6 @@ export default class Role extends Base {
     super()
     this.rounds = {}
     lodash.forEach(data.detail.rounds_data, (round) => {
-      // TODO: Analyze Choice cards & buffs
       let tmp = {
         'is_get_medal': round.is_get_medal,
         'choice_cards': round.choice_cards,

resources/stat/role-summary.css

@@ -186,6 +186,34 @@ body,
 .role-buff .role-choice-cards-container .role-choice-cards-content {
   width: 100%;
   padding: 5px;
+  display: flex;
+}
+.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-container {
+  width: 40px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-right: 5px;
+}
+.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-container-2 {
+  width: 65px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-right: 5px;
+}
+.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-icon {
+  width: 40px;
+  height: 40px;
+  background-size: cover;
+  background-color: black;
+  border-radius: 50%;
+}
+.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-name {
+  width: 100%;
+  color: rgba(100, 100, 100, 0.5);
+  text-align: center;
+  font-size: 9px;
 }
 .role-buff .role-choice-cards-container + .role-choice-cards-container {
   margin-top: 4%;

resources/stat/role-summary.html

@@ -90,15 +90,29 @@
         </div>
         <div class="line"></div>
         <div class="role-buff">
-          {{set buffs=round?.buff }}
+          {{set buffs=round?.buffs }}
           <div class="role-choice-cards-container">
             <div class="role-choice-cards-header">奇妙助益</div>
-            <div class="role-choice-cards-content">等待实现</div>
+            <div class="role-choice-cards-content">
+              {{each buffs buff}}
+                <div class="role-content-container">
+                  <div class="role-content-icon" style="background-image:url({{_res_path}}/stat/imgs/role/buffs/{{buff.id}}.png)"></div>
+                  <div class="role-content-name">{{buff.name}}</div>
+                </div>
+              {{/each}}
+            </div>
           </div>
           {{set choice_cards=round?.choice_cards }}
           <div class="role-choice-cards-container">
             <div class="role-choice-cards-header">神秘收获</div>
-            <div class="role-choice-cards-content">等待实现</div>
+            <div class="role-choice-cards-content">
+              {{each choice_cards choice_card}}
+                <div class="role-content-container-2">
+                  <div class="role-content-icon" style="background-image:url({{_res_path}}/stat/imgs/role/choice_cards/{{choice_card.id}}.png)"></div>
+                  <div class="role-content-name">{{choice_card.name}}</div>
+                </div>
+              {{/each}}
+            </div>
           </div>
         </div>
       </div>

resources/stat/role-summary.less

@@ -215,6 +215,38 @@ body, .container {
     .role-choice-cards-content {
       width: 100%;
       padding: 5px;
+      display: flex;
+
+      .role-content-container {
+        width: 40px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-right: 5px
+      }
+
+      .role-content-container-2 {
+        width: 65px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-right: 5px;
+      }
+
+      .role-content-icon {
+        width: 40px;
+        height: 40px;
+        background-size: cover;
+        background-color: black;
+        border-radius: 50%;
+      }
+
+      .role-content-name {
+        width: 100%;
+        color: rgba(100, 100, 100, 0.5);
+        text-align: center;
+        font-size: 9px;
+      }
     }
   }