@jx3box/jx3box-vue3-ui 0.9.8 → 0.9.10

package/assets/css/thx.less

@@ -3,6 +3,7 @@
     .w-fav2,
     .w-boxcoin-user,
     .w-share2,
+    .w-rss,
     .w-boxcoin-admin {
         .mr(20px);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.9.8",
+    "version": "0.9.10",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/src/App.vue

@@ -65,6 +65,7 @@
                 :userBoxcoinEnable="true"
                 :postId="57260"
                 :allowGift="true"
+                :showRss="true"
             />
             <Comment category="post" id="80449"></Comment>
             <RightSidebar :show-toggle="true">

package/src/interact/Fav.vue

@@ -1,9 +1,9 @@
 <template>
     <div class="w-fav2" :class="{ disabled: favorite }" @click="doFav">
         <el-tooltip effect="dark" :content="favContent" placement="top-start">
-            <div>
-                <img v-if="favorite" class="u-icon" svg-inline src="../../assets/img/widget/unstar.svg" />
-                <img v-else class="u-icon" svg-inline src="../../assets/img/widget/star.svg" />
+            <div class="w-fav2_content">
+                <img v-if="favorite" class="u-icon" svg-inline :src="unstarIcon" />
+                <img v-else class="u-icon" svg-inline :src="starIcon" />
                 <span class="u-count" v-if="!hiddenNum && total">{{ total }}</span>
             </div>
         </el-tooltip>
@@ -16,7 +16,7 @@ import { hasFav, addFav, delFav } from "../../service/fav";
 import JX3BOX  from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "FavoriteComp",
-    props: ["postType", "postId", "postTitle", "hiddenNum"],
+    props: ["postType", "postId", "postTitle", "hiddenNum", "isOld"],
     data: function () {
         return {
             login: User.isLogin(),
@@ -29,10 +29,10 @@ export default {
             return this.favorite ? "已收藏" : "收藏";
         },
         starIcon() {
-            return JX3BOX.__cdn + "design/vector/icon/collect.svg"
+            return this.isOld ? require("../../assets/img/widget/star.svg") : JX3BOX.__cdn + "design/vector/icon/collect.svg"
         },
         unstarIcon() {
-            return JX3BOX.__cdn + "design/vector/icon/uncollect.svg"
+            return this.isOld ? require("../../assets/img/widget/unstar.svg") : JX3BOX.__cdn + "design/vector/icon/uncollect.svg"
         },
     },
     methods: {
@@ -85,8 +85,11 @@ export default {
     .u-count {
         color: #888;
         .ml(10px);
-        .pr;
-        top: 4px;
+    }
+
+    .w-fav2_content {
+        .flex;
+        align-items: center;
     }
 }
 </style>

package/src/interact/Rss.vue

@@ -1,7 +1,7 @@
 <template>
-    <div class="w-rss" @click="onRssClick">
+    <div class="w-rss">
         <el-tooltip effect="dark" :content="tooltipContent" placement="top-start">
-            <div>
+            <div @click="onRssClick">
                 <img v-if="subscribed" class="u-icon" svg-inline :src="rmSrc" />
                 <img v-else class="u-icon" svg-inline :src="addSrc" />
                 <span class="u-count" v-if="!hiddenNum && total > 0">{{ total }}</span>
@@ -62,7 +62,7 @@ export default {
             return jx3box.__cdn + "design/vector/icon/unrss.svg";
         },
         category({ type }) {
-            if (type.includes("community")) return "community";
+            if (type.includes("community") || type.includes("bbs")) return "community";
             if (jx3box.__postType[type]) return "posts";
             if (jx3box.__wikiType[type]) return "wiki";
             return "";
@@ -111,6 +111,7 @@ export default {
     },
     methods: {
         onRssClick() {
+            console.log("onRssClick");
             if (!this.isLogin) {
                 User.toLogin();
                 return;
@@ -155,7 +156,7 @@ export default {
     .u-count {
         color: #888;
         .ml(10px);
-        top: 4px;
+        top: 2px;
         .pr;
     }
 }

package/src/single/Thx.vue

@@ -17,6 +17,7 @@
             />
             <Like :postId="postId" :postType="postType"></Like>
             <fav :postId="postId" :postType="postType" :postTitle="postTitle"></fav>
+            <Rss v-if="showRss" :type="postType" :id="postId" :title="postTitle"></Rss>
             <boxcoin-user
                 :postId="postId"
                 :postType="postType"
@@ -52,6 +53,7 @@ import BoxcoinUser from "../interact/BoxcoinUser.vue";
 import BoxcoinRecords from "../interact/BoxcoinRecords.vue";
 import Share from "../interact/Share.vue";
 import WatchLater from "../interact/WatchLater.vue";
+import Rss from "../interact/Rss.vue";
 
 import User from "@jx3box/jx3box-common/js/user";
 import { getBoxcoinStatus, getPostBoxcoinConfig } from "../../service/thx";
@@ -66,6 +68,7 @@ export default {
         BoxcoinRecords,
         Share,
         WatchLater,
+        Rss,
     },
     props: {
         type: {
@@ -112,6 +115,10 @@ export default {
             type: Boolean,
             default: false,
         },
+        showRss: {
+            type: Boolean,
+            default: false,
+        },
     },
     data: function () {
         return {

package/src/single/cms-single.vue

@@ -47,6 +47,7 @@
                 :userBoxcoinEnable="true"
                 :authors="authors"
                 :client="post_client"
+                showRss
             />
 
             <!-- 评论 -->