@jx3box/jx3box-vue3-ui 0.4.21 → 0.4.23

package/package.json

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

package/service/cms.js

@@ -45,11 +45,12 @@ function upload(formData) {
     return $cms().post(`/api/cms/upload`, formData);
 }
 
-function getSliders(source_type, source_ids) {
+function getSliders(source_type, source_ids, client='std') {
     let _params = {
         type: "slider",
         source_type,
         per: 10,
+        client
     };
 
     if (source_ids) {

package/src/header/Nav.vue

@@ -184,7 +184,7 @@ export default {
         isFocus: function (type) {
             // return location.pathname.includes(type);
             let active = '';
-            const pathname = location.pathname?.split('/')?.filter(Boolean)?.[0] || 'index';
+            const pathname = location.pathname?.split('/')?.filter(Boolean)?.[0] || '';
             for (const key in activeNav) {
                 if (activeNav[key].includes(pathname)) {
                     active = key;

package/src/single/PostTopic.vue

@@ -28,6 +28,10 @@ export default {
             type: Number,
             default: 46917,
         },
+        postBanner: {
+            type: String,
+            default: "",
+        }
     },
     data() {
         return {
@@ -42,7 +46,8 @@ export default {
             return dayjs(this.topicInfo?.created_at).format('YYYY年')
         },
         topicImage() {
-            return this.topicInfo ? getThumbnail(this.topicInfo.img, [260*2, 78*2]) : ''
+            const img = this.postBanner || this.topicInfo?.img;
+            return getThumbnail(img, [260*2, 78*2])
         },
         client() {
             return location.href.includes("origin") ? "origin" : "std";
@@ -59,7 +64,7 @@ export default {
     },
     methods: {
         loadData() {
-            getSliders(this.type, this.id).then((res) => {
+            getSliders(this.type, this.id, this.client).then((res) => {
                 if (res.data.data?.list) {
                     // 取创建时间最新的一条
                     const list = res.data.data.list.sort((a, b) => dayjs(b.created_at).isAfter(dayjs(a.created_at)) ? 1 : -1);
@@ -105,11 +110,14 @@ export default {
     }
 }
 .c-post-topic__img {
-    display: flex;
-    justify-content: center;
+    .pr;
+    overflow: hidden;
+    .r(4px);
+    min-height: 71px;
     img{
-        .r(3px);
-        .size(260px,78px);
+        .pa;
+        left: 50%;
+        transform: translateX(-50%);
     }
 }
 </style>