@jx3box/jx3box-vue3-ui 0.9.9 → 0.9.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.9.9",
+    "version": "0.9.11",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {
@@ -26,7 +26,7 @@
     },
     "dependencies": {
         "@element-plus/icons-vue": "^2.1.0",
-        "@jx3box/jx3box-common": "^8.4.8",
+        "@jx3box/jx3box-common": "^8.5.2",
         "@jx3box/jx3box-data": "^3.7.0",
         "@jx3box/jx3box-emotion": "^1.2.8",
         "@jx3box/jx3box-macro": "^1.0.1",

package/src/App.vue

@@ -43,6 +43,7 @@
             <ItemSimple :item="item4" :only-icon="true" iconSize="56px" />
             <ItemSimple :item="item5" jx3-client-type="1" only-icon="true" iconSize="56px" />
             <ItemSimple :item="item6" jx3-client-type="2" only-icon="true" iconSize="56px" /> -->
+            <versionBy value=""></versionBy>
             <el-divider></el-divider>
             <UploadAlum />
             <!-- <PostHeader :post="post"></PostHeader> -->
@@ -93,6 +94,7 @@ import post_topics from "@jx3box/jx3box-common/data/post_topics.json";
 import { get_item } from "../service/item";
 // import AdminDirectMessage from "./bread/AdminDirectMessage.vue";
 // import Admin from "@/bread/Admin.vue";
+import versionBy from "./filters/versionBy.vue";
 export default {
     name: "App",
     components: {
@@ -105,6 +107,7 @@ export default {
         UploadAlum,
         // AdminDirectMessage,
         singlebox,
+        versionBy,
         // Admin,
     },
     data() {

package/src/filters/versionBy.vue

@@ -0,0 +1,49 @@
+<template>
+    <div class="w-filter-client">
+        <ul>
+            <li class="u-client" :class="{on: version == ''}" @click="filter('')">
+                双端
+            </li>
+            <li
+                class="u-client"
+                :class="{ on: version == value }"
+                v-for="(label, value) in versions"
+                :key="value"
+                @click="filter(value)"
+            >{{ label }}</li>
+        </ul>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "versionBy",
+    props: ["value"],
+    emits: ["filter"],
+    data: function () {
+        return {
+            version: this.value || "",
+        };
+    },
+    computed: {
+        versions: function () {
+            const versions = {
+                0: "旗舰",
+                1: "无界"
+            }
+            return versions;
+        },
+    },
+    methods: {
+        filter: function (val) {
+            this.version = val;
+            this.$emit("filter", { type: "version", val: val });
+            this.$forceUpdate();
+        },
+    },
+};
+</script>
+
+<style lang="less">
+@import "../../assets/css/client-by.less";
+</style>

package/src/interact/Fav.vue

@@ -2,8 +2,8 @@
     <div class="w-fav2" :class="{ disabled: favorite }" @click="doFav">
         <el-tooltip effect="dark" :content="favContent" placement="top-start">
             <div class="w-fav2_content">
-                <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" />
+                <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: {

package/src/interact/Rss.vue

@@ -156,7 +156,7 @@ export default {
     .u-count {
         color: #888;
         .ml(10px);
-        top: 4px;
+        top: 2px;
         .pr;
     }
 }