@jx3box/jx3box-editor 1.5.9 → 1.6.1

package/assets/css/resource.less

@@ -188,7 +188,8 @@
             .mb(20px);
         }
         .e-jx3-emotion {
-            .size(80px, 80px);
+            max-width: 200px;
+            max-height: 200px;
             vertical-align: middle;
             .e-jx3-emotion-img {
                 border: none !important;

package/package.json

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

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" :style="decoration">
+        <div class="w-author-wrapper el-popover" v-if="data" :style="{ backgroundImage: bg }">
             <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">
@@ -63,7 +63,7 @@ export default {
         medals: [],
         teams: [],
         loading: false,
-        decoration:''
+        bg:''
     }),
     computed: {
         super_author_icon: function() {
@@ -129,6 +129,7 @@ export default {
         getDecoration(){
             let decoration_atcard=sessionStorage.getItem('decoration_atcard'+this.uid)
             if(decoration_atcard == 'no'){
+                this.bg = ""
                 return;
             }
             //已有缓存，读取解析
@@ -139,8 +140,9 @@ export default {
             getDecoration({using:1,user_id:this.uid}).then(data=>{
                 let res=data.data.data
                 if(res.length==0){
-                //空 则为无主题，不再加载接口，界面设No
+                    //空 则为无主题，不再加载接口，界面设No
                     sessionStorage.setItem('decoration_atcard'+this.uid,'no')
+                    this.bg = ""
                     return;
                 }
                 let decoration=res.filter(val => {
@@ -150,15 +152,14 @@ export default {
                     sessionStorage.setItem('decoration_atcard'+this.uid,JSON.stringify(decoration[0]))
                     this.setDecoration(decoration[0])
                 }else{
-                //空 则为无主题，不再加载接口，界面设No
+                    //空 则为无主题，不再加载接口，界面设No
+                    this.bg = ""
                     sessionStorage.setItem('decoration_atcard'+this.uid,'no')
                 }
             })
         },
         setDecoration(decoration_sidebar){
-            this.decoration={
-                'background-image':'url('+this.showDecoration(decoration_sidebar.val,decoration_sidebar.type)+')'
-            }
+            this.bg = `url(${this.showDecoration(decoration_sidebar.val,decoration_sidebar.type)})`;
         },
         showMedalIcon: function(val) {
             return __imgPath + "image/medals/user/" + val + ".gif";
@@ -190,7 +191,7 @@ export default {
         // background-image: url(https://img.jx3box.com/decoration/images/1_CAT/atcard.png);
         background-repeat: no-repeat;
         background-position: top right;
-        background-size: contain;
+        background-size: 100% auto;
         .u-author{
             padding:5px 0 15px 5px;
         }

package/src/components/PostAuthor.vue

@@ -67,8 +67,8 @@ export default {
             });
         },
         formatTime(val) {
-            return val && dayjs(val).format("YYYY-MM-DD HH:mm:ss") || "";
-        }
+            return (val && dayjs(val).format("YYYY-MM-DD HH:mm:ss")) || "";
+        },
     },
 };
 </script>
@@ -76,26 +76,27 @@ export default {
 <style scoped lang="less">
 @import "../../assets/css/module/author.less";
 .w-author {
-    
-    .u-meta{
+    .u-meta {
         display: flex;
         align-items: center;
         .fz(12px,24px);
         .h(24px);
         .mb(5px);
     }
-    .u-meta-label{
+    .u-meta-label {
         .mr(10px);
         background-color: @bg-gray;
-        padding:0 8px;
+        padding: 0 8px;
         .r(2px);
     }
-    .u-meta-value,.u-user{
-display: flex;
+    .u-meta-value,
+    .u-user {
+        display: flex;
         align-items: center;
     }
-    .u-user-avatar{
+    .u-user-avatar {
         .size(24px);
+        .mr(5px);
     }
 }
 </style>