@jx3box/jx3box-common-ui 5.7.12 → 5.7.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-common-ui",
-  "version": "5.7.12",
+  "version": "5.7.15",
   "description": "JX3BOX UI",
   "main": "index.js",
   "scripts": {

package/src/App.vue

@@ -8,7 +8,7 @@
 
         <LeftSidebar :open="true">
             <LeftSideToggle :mobileOnly="true" />
-            <Author :author="author" :uid="2" />
+            <Author :author="author" :uid="8" />
         </LeftSidebar>
 
         <Main :withoutLeft="false" :withoutRight="false">

package/src/Author.vue

@@ -59,9 +59,10 @@
                 <span>作者荣誉</span>
             </div>
             <div class="u-medals" v-if="medals && medals.length">
-                <span class="u-medal" v-for="(item, i) in medals" :key="i">
+                <!-- <span class="u-medal" v-for="(item, i) in medals" :key="i">
                     <img :src="showMedalIcon(item.medal)" :title="showMedalDesc(item)" />
-                </span>
+                </span> -->
+                <medal :medals="medals" :showIcon="showMedalIcon"></medal>
             </div>
         </div>
         <div class="u-teams" v-if="teams && teams.length">
@@ -88,6 +89,7 @@ import { getUserInfo, getDouyu, getUserMedals, getUserPublicTeams } from "../ser
 import { user as medal_map } from "@jx3box/jx3box-common/data/medals.json";
 import User from "@jx3box/jx3box-common/js/user";
 import { __userLevel } from "@jx3box/jx3box-common/data/jx3box.json";
+import medal from './medal/medal.vue'
 export default {
     name: "Author",
     props: ["uid"],
@@ -213,6 +215,7 @@ export default {
     components: {
         Avatar,
         Authorposts,
+        medal
     },
 };
 </script>

package/src/medal/medal.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="m-medal">
         <a :href="medalLink(item)" target="_blank" class="u-medal" v-for="item in medals" :key="item.id" :title="item.medal_desc">
-            <img class="u-medal-img" :src="showIcon(item.medal)" alt="">
+            <img class="u-medal-img" :src="showIcon(item.medal)">
         </a>
     </div>
 </template>
@@ -22,8 +22,8 @@ export default {
     },
     methods: {
 
-        medalLink({ rank_id, subtype }) {
-            return getMedalLink(rank_id, subtype)
+        medalLink({ rank_id, medal_type = 'rank' }) {
+            return getMedalLink(rank_id, medal_type)
         }
     }
 }
@@ -31,15 +31,12 @@ export default {
 
 <style lang="less">
 .m-medal {
-    display: block;
-    margin: 5px 0;
-
+    display: flex;
     .u-medal {
         cursor: pointer;
         .u-medal-img {
             width: 20px;
             height: 20px;
-            margin-right: 5px;
         }
     }
 }