@jx3box/jx3box-common-ui 6.1.6 → 6.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-common-ui",
-  "version": "6.1.6",
+  "version": "6.1.9",
   "description": "JX3BOX UI",
   "main": "index.js",
   "scripts": {
@@ -33,7 +33,7 @@
     "@jx3box/jx3box-comment-ui": "^1.7.1",
     "@jx3box/jx3box-common": "^7.4.2",
     "@jx3box/jx3box-data": "^1.11.1",
-    "@jx3box/jx3box-editor": "^1.4.8",
+    "@jx3box/jx3box-editor": "^1.5.0",
     "axios": "^0.26.1",
     "dayjs": "^1.11.0",
     "element-ui": "^2.13.2",

package/src/author/AuthorFollow.vue

@@ -14,13 +14,19 @@
             {{ btnText }}
             <!-- <span class="u-follow-count">{{ formatFansNum(fansNum) }} </span> -->
         </el-button>
-        <el-popover v-else placement="bottom" trigger="hover" popper-class="u-follow-popover" :visible-arrow="false">
+        <el-popover
+            v-else
+            placement="bottom"
+            trigger="hover"
+            popper-class="c-author-follow-popover"
+            :visible-arrow="false"
+        >
             <div class="u-action-list">
                 <div class="u-action-item" v-for="item in actions" :key="item.label" @click.stop="item.action">
                     {{ item.label }}
                 </div>
             </div>
-            <el-button class="u-unfollow-btn" size="mini" :type="btnType" slot="reference"
+            <el-button class="u-btn" size="mini" :type="btnType" slot="reference"
                 >{{ btnText }}
                 <!-- TODO:后续在粉丝榜中展示粉丝数 -->
                 <!-- <span class="u-follow-count">{{ formatFansNum(fansNum) }}</span> -->
@@ -146,39 +152,33 @@ export default {
 };
 </script>
 
-<style scoped lang="less">
-.c-author-follow{
-    // .u-btn{
-    //     background-color: #31dee6;
-    //     border-color:lighten(#31dee6,5%);
-    //     color: #fff;
-    // }
-}
-
-.u-unfollow-btn {
-    &.el-button {
-        margin-right: 10px;
-    }
-}
-.u-follow-popover {
-    &.el-popover {
-        min-width: 100px;
-        padding: 0;
-        margin: 0;
-        .u-action-list {
-            .u-action-item {
-                text-align: center;
-                cursor: pointer;
-                padding: 8px 10px;
-                &:hover {
-                    background: rgb(248, 248, 251);
+<style lang="less">
+.c-author-follow-popover {
+    .u-follow-popover {
+        &.el-popover {
+            min-width: 100px;
+            padding: 0;
+            margin: 0;
+            .u-action-list {
+                .u-action-item {
+                    text-align: center;
+                    cursor: pointer;
+                    padding: 8px 10px;
+                    &:hover {
+                        background: rgb(248, 248, 251);
+                    }
                 }
             }
         }
     }
-}
-.u-follow-count {
-    margin-left: 5px;
+    .u-follow-count {
+        margin-left: 5px;
+    }
 }
 
+@media screen and (max-width: @phone) {
+    .el-message-box {
+        max-width: 60%;
+    }
+}
 </style>

package/src/author/AuthorGift.vue

@@ -20,7 +20,8 @@
             <div class="u-content">
                 <div class="u-left">
                     <em class="u-label">🌟 金箔</em>
-                    <b>{{ this.left }}</b>
+                    <b>{{ left }}</b>
+                    <a class="u-charge" :href="chargeLink" target="_blank">[充值]</a>
                 </div>
                 <div class="u-list">
                     <em class="u-label">❤️ 赠送</em>
@@ -71,6 +72,7 @@ export default {
 
             left: 0, //剩余量
             status: true, //默认可打赏
+            chargeLink: "/vip/cny?redirect=" + location.href,
 
             count: 0, //打赏数量
             remark: "辛苦，感谢！",

package/src/single/Thx.vue

@@ -123,16 +123,14 @@ export default {
 
                     this.user_points = res.data.data.limit.user_points || [10, 1000];
                     // 根据多端展示剩余币
-                    // 作品是n端，接受n端币+all币，但转化为n端币
+                    // 作品是n端，接受n端币+all币
                     if (this.client == "origin") {
                         this.user_left = res.data.data.asUserBoxCoinRemainOrigin + res.data.data.asUserBoxCoinRemainAll;
                     } else if (this.client == "std") {
                         this.user_left = res.data.data.asUserBoxCoinRemainStd + res.data.data.asUserBoxCoinRemainAll;
                     } else {
-                        this.user_left =
-                            res.data.data.asUserBoxCoinRemainAll +
-                            res.data.data.asUserBoxCoinRemainStd +
-                            res.data.data.asUserBoxCoinRemainOrigin;
+                        // TODO:支持其它端
+                        this.user_left = res.data.data.asUserBoxCoinRemainAll
                     }
                 });
             getBoxcoinStatus().then((res) => {