@jx3box/jx3box-editor 1.5.7 → 1.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-editor",
-  "version": "1.5.7",
+  "version": "1.5.9",
   "description": "JX3BOX Article & Editor",
   "main": "index.js",
   "scripts": {

package/service/cms.js

@@ -17,5 +17,10 @@ function loadEmotions(params){
         params: params
     });
 }
-
-export { uploadFile, loadAuthors, loadEmotions };
+//获取装扮
+function getDecoration(params) {
+    return $cms().get(`/api/cms/user/decoration`,{
+        params
+    });
+}
+export { uploadFile, loadAuthors, loadEmotions,getDecoration };

package/src/components/Author.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="w-author" v-loading="loading">
-        <div class="w-author-wrapper el-popover" v-if="data">
+        <div class="w-author-wrapper el-popover" v-if="data" :style="decoration">
             <div class="u-author">
                 <Avatar class="u-avatar" :uid="uid" :url="data.user_avatar" :size="68" :frame="data.user_avatar_frame" />
                 <div class="u-info">
@@ -45,6 +45,7 @@
 <script>
 import { authorLink, getLink, getThumbnail } from "@jx3box/jx3box-common/js/utils";
 import { getUserInfo, getUserMedals, getUserPublicTeams } from "../../service/author";
+import { getDecoration } from "../../service/cms";
 import { __server, __imgPath,__userLevelColor } from "@jx3box/jx3box-common/data/jx3box.json";
 import User from "@jx3box/jx3box-common/js/user";
 import { __userLevel } from "@jx3box/jx3box-common/data/jx3box.json";
@@ -61,7 +62,8 @@ export default {
         data: null,
         medals: [],
         teams: [],
-        loading: false
+        loading: false,
+        decoration:''
     }),
     computed: {
         super_author_icon: function() {
@@ -92,6 +94,7 @@ export default {
             handler (val) {
                 if (val) {
                     this.loadData()
+                    this.getDecoration()
                 }
             }
         }
@@ -123,7 +126,40 @@ export default {
                 this.teams = data && data.slice(0, 5);
             });
         },
-
+        getDecoration(){
+            let decoration_atcard=sessionStorage.getItem('decoration_atcard'+this.uid)
+            if(decoration_atcard == 'no'){
+                return;
+            }
+            //已有缓存，读取解析
+            if(decoration_atcard){
+                this.setDecoration(JSON.parse(decoration_atcard))
+                return;
+            }
+            getDecoration({using:1,user_id:this.uid}).then(data=>{
+                let res=data.data.data
+                if(res.length==0){
+                //空 则为无主题，不再加载接口，界面设No
+                    sessionStorage.setItem('decoration_atcard'+this.uid,'no')
+                    return;
+                }
+                let decoration=res.filter(val => {
+                    return val.type === 'atcard'
+                })
+                if(decoration.length>0){
+                    sessionStorage.setItem('decoration_atcard'+this.uid,JSON.stringify(decoration[0]))
+                    this.setDecoration(decoration[0])
+                }else{
+                //空 则为无主题，不再加载接口，界面设No
+                    sessionStorage.setItem('decoration_atcard'+this.uid,'no')
+                }
+            })
+        },
+        setDecoration(decoration_sidebar){
+            this.decoration={
+                'background-image':'url('+this.showDecoration(decoration_sidebar.val,decoration_sidebar.type)+')'
+            }
+        },
         showMedalIcon: function(val) {
             return __imgPath + "image/medals/user/" + val + ".gif";
         },
@@ -139,6 +175,9 @@ export default {
         showLevelColor:function (level){
             return __userLevelColor[level]
         },
+        showDecoration:function(val,type){
+            return __imgPath + `decoration/images/${val}/${type}.png`;
+        },
         authorLink
     }
 }
@@ -148,8 +187,12 @@ export default {
 @import "../../assets/css/module/author.less";
 .w-author {
     .w-author-wrapper {
+        // background-image: url(https://img.jx3box.com/decoration/images/1_CAT/atcard.png);
+        background-repeat: no-repeat;
+        background-position: top right;
+        background-size: contain;
         .u-author{
-            padding:5px 0 15px 0;
+            padding:5px 0 15px 5px;
         }
         .u-avatar {
             .fl;