@jx3box/jx3box-vue3-ui 0.1.3 → 0.1.4

package/assets/css/main.less

@@ -7,7 +7,7 @@ a {
     .mr(@aside-right);
     .pr;
     min-height: calc(100vh - @header-height - @bread-height);
-    margin-top: @header-height + @bread-height;
+    margin-top: calc(@header-height + @bread-height);
     transition: 0.2s ease-in;
     padding: 0 30px;
 }

package/assets/img/rightsidebar/topic_bg.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 350 131"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:url(#linear-gradient);}.cls-17,.cls-3{mix-blend-mode:multiply;}.cls-3{fill:url(#linear-gradient-2);}.cls-4{fill:url(#linear-gradient-3);}.cls-5{fill:url(#linear-gradient-4);}.cls-6{fill:url(#linear-gradient-5);}.cls-7{fill:url(#linear-gradient-6);}.cls-8{fill:url(#linear-gradient-7);}.cls-9{fill:url(#linear-gradient-8);}.cls-10{opacity:0.8;}.cls-11,.cls-13,.cls-14,.cls-15,.cls-16{mix-blend-mode:overlay;}.cls-12,.cls-13{fill:#fff;}.cls-13{opacity:0.4;}.cls-14,.cls-15,.cls-16{opacity:0.5;}.cls-14{fill:url(#linear-gradient-9);}.cls-15{fill:url(#linear-gradient-10);}.cls-16{fill:url(#linear-gradient-11);}.cls-17{fill:url(#linear-gradient-12);}.cls-18{fill:url(#linear-gradient-13);}</style><linearGradient id="linear-gradient" x1="281.29" y1="40.86" x2="158.71" y2="71.38" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#dce0f7"/></linearGradient><linearGradient id="linear-gradient-2" x1="278.73" y1="50.31" x2="166.24" y2="78.31" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dce0f7"/><stop offset="1" stop-color="#dce0f7"/></linearGradient><linearGradient id="linear-gradient-3" x1="255.05" y1="45.42" x2="36.52" y2="99.83" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9101"/><stop offset="1" stop-color="#ff5601"/></linearGradient><linearGradient id="linear-gradient-4" x1="151.21" y1="83.84" x2="180.92" y2="17.08" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9101" stop-opacity="0"/><stop offset="1" stop-color="#ff5601"/></linearGradient><linearGradient id="linear-gradient-5" x1="183.1" y1="72.03" x2="51.85" y2="127.03" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-6" x1="119.27" y1="25.86" x2="171.52" y2="32.61" xlink:href="#linear-gradient-3"/><linearGradient id="linear-gradient-7" x1="119.03" y1="27.72" x2="171.28" y2="34.47" xlink:href="#linear-gradient-3"/><linearGradient id="linear-gradient-8" x1="118.79" y1="29.59" x2="171.04" y2="36.34" xlink:href="#linear-gradient-3"/><linearGradient id="linear-gradient-9" x1="-142.22" y1="41.34" x2="-114.72" y2="77.34" gradientTransform="matrix(-1, 0, 0, 1, 127.42, 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity="0.6"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="linear-gradient-10" x1="-50.08" y1="48.5" x2="-30.66" y2="73.93" xlink:href="#linear-gradient-9"/><linearGradient id="linear-gradient-11" x1="37.12" y1="43.95" x2="61.68" y2="76.09" xlink:href="#linear-gradient-9"/><linearGradient id="linear-gradient-12" x1="184.86" y1="84.45" x2="36.19" y2="121.47" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-13" x1="-118.37" y1="69.33" x2="-164.8" y2="80.89" gradientTransform="matrix(-1, 0, 0, 1, -92.56, 0)" xlink:href="#linear-gradient-3"/></defs><g class="cls-1"><g id="图层_2" data-name="图层 2"><g id="OBJECTS"><polygon class="cls-2" points="285.74 25.38 155.76 25.38 185.29 79.15 315.27 79.15 285.74 25.38"/><polygon class="cls-3" points="165.1 42.38 185.29 79.15 308.34 79.15 288.15 42.38 165.1 42.38"/><image width="347" height="130" transform="translate(0 1)" xlink:href="data:image/png;base64,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"/><polygon class="cls-4" points="279.4 37.13 36.17 37.13 36.1 37.27 67.43 94.32 310.81 94.32 279.4 37.13"/><polygon class="cls-5" points="51.73 65.73 295.1 65.73 279.4 37.13 36.17 37.13 36.1 37.27 51.73 65.73"/><polygon class="cls-6" points="212.62 102.24 41.71 102.24 51.36 84.67 222.27 84.67 212.62 102.24"/><polygon class="cls-7" points="153.72 33.42 149.31 25.38 139.6 25.38 144.01 33.42 153.72 33.42"/><polygon class="cls-8" points="139.05 33.42 134.63 25.38 124.93 25.38 129.34 33.42 139.05 33.42"/><polygon class="cls-9" points="124.38 33.42 119.96 25.38 110.25 25.38 114.67 33.42 124.38 33.42"/><g class="cls-10"><g class="cls-11"><path class="cls-12" d="M37.51,37.12,56,37l18.94-.08,21.71,0,21.71,0,18.94.1,18.48.16-18.48.16-18.94.09-21.71,0-21.71,0L56,37.29Z"/><image width="191" height="74" transform="translate(1)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL8AAABKCAYAAADqtYWsAAAACXBIWXMAAAsSAAALEgHS3X78AAADo0lEQVR4Xu2c0W7kIAwASXT//8mbe+ih87o2hmwX2HpGinDA5FRnTLdVdcd1XQUgI2eUAPBbQX5IC/JDWpAf0oL8kBbkh7QgP6QF+SEtyA9pQX5IC/JDWpAf0oL8kBbkh7QgP6QF+SEtyA9pQX5IC/JDWpAf0oL8kBbkh7T8iRI+nCNKAJdf/3/afLr8yP0+otp+fHN8gvzRS5CM5MIYWvaeWm/dILvJ31NQL8ea73ke2FiyezJ781b9t2mIXeQfEVfPy/vWGoyhJb3K/3qOCizz7z7jx9lBfk/eSOTDGVsx9CHFtGI9yhpHUss9Ue5bWS2/JemI1FZutA/aeLJ74uv81sle17dogJXyt2SPGkHnHM6c3AP9eNJfxpw16jlP8tba21klvydzdK/XWlcxRoixhI4ub5/cX8qz6FL8JQ2wQn4tYiRxr/RnsLdCI3zHO7H19XDmW8JbeRV5P70BVshfuSuzl3cac5b80EZL+zBirwmKEz9Km6nSV1bKr7HE9RrAyjmd+SJGHcMXUj4p7qN81bHGx7+4jt4l9xf1jLq2nNnyeyexnO9pAn3an8ZcjeXzdQxfWPJL2Wt8iLj1Eag+Q0uvm6fizb+V2fJLpMzFia3LawSrKfQzwabWRgooxT3Lf+ll3IOWWoouc6az458066LK+9EYXmekzvrA0XlbvZuVJ7+HdSrIk0nO11F/zpRNbZ088EyrrtFveCTWmhcvZ6X8shBVzkvFFS20nKsv51Sj95EH+b/Tkl82gPWbH/muvAaJnr+E2fJLua3TXRZDCy9/6KrXZcQ6r4gRYloiR98F9L2VX8RY8ebfymz5W8iCHeX5ByspsXdZzVHEqGN4RorXaoCW+HKPjK3vEstZKX9UBE98L/akR/hxPKFbwlv53l7rWdNZIf9VnoXUX3xdb4nc0xByhHEioa3RW/OaQTK9CY7rmv5vVnqFlqMX9+ZDH5HMrTx9P9o801hx8lfqCW994XqtJXPUGHCfUdG9ud4GmsrKk78yIq8ndKsh4DV6RI/We5toKjvIX8qY6JLeZoD7eIKMiBM1xBJ2kb9yR9o7e+A1XpHmlb0/ysrP/BZWYSK5tykmfGPrd7Ob/BZ3Chg1DPRzp/4fwSfIf4df+8Lg59jxT5oBpoD8kBbkh7QgP6QF+SEtyA9pQX5IC/JDWpAf0oL8kBbkh7QgP6QF+SEtyA9pQX5IC/JDWpAf0oL8kBbkh7QgP6QF+SEtyA9p+QsIgn3BbuyPrAAAAABJRU5ErkJggg=="/></g></g><g class="cls-10"><g class="cls-11"><path class="cls-12" d="M195.13,94.31l18.48-.16,18.94-.09,21.71,0,21.71,0,18.94.09,18.47.17-18.47.16L276,94.58l-21.71,0-21.71,0-18.94-.1Z"/><image width="191" height="73" transform="translate(159 58)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL8AAABJCAYAAABsIfcCAAAACXBIWXMAAAsSAAALEgHS3X78AAACuklEQVR4Xu3cwW7jMAxFUbmY///keDZlwQiklE1EJu8eILAdezCofaWoRdHrvu8BKPrZXQB8K+KHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHLOKHrH+7Cxq4dhegrdZ/FKpb/IT+XaLn2WZAdIk/ukkMhO/hg7fnWj4IOsTvI8/2V++hl13Udv4a+2vfqjr+KPZ5O++jt9XMfo/n6EsHQGX8WezX4lyEgVFnFe7ttlnkq3NvVxV/Fvzq2BB7Xz5iH3800/vwSwZARfxzvNfmNYKtx2Cok83m89a/omvHKBgAFfGbXfQ/bn8EW/SThf+IL/9zNHpTGf8sit6O7bzfzhgU52SxzvFb9D/jeRCUxD47HX8WsH8/GwS7+HFO9gzmGX+O/hrxGj97/61Ox++too4Gw27g4LxXQp2j9qH7a47r9ott0QBYnSf8WvMzeOWZtdEtfj8DRLPBfL5kxsCf+Rm88szaqFz2ZGu+4fZfuVmvXIMz5jW/P95dc9zp+H3U85rP3reb8fh9z75pytb8ptVH6pfLgp1jf4znyKPBEP27I07HvxJFb8dj7ONHvTliC34eBC1Uxr+7CTYIRrD1GAx1omeYDYDVq0RF/H4JY8fRef+ThLY/McAT/yyj+KPj+fpjrvs+/n+abFaPol8Fz2Cos4on+wTIzh1XMfMbm+GjL3w+R+CfJ/sUyM4dVznzm2xJw/r+M2WT2W7/uMqZ39gsb/sru/PoaTcgSnSIf4x4eVN+c/AWbZ5rl/hNdGNY6nyuNqFHusUfaX0D8bm6/WIbcAzxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQxbxQ9Z/7aG1qUSHeEQAAAAASUVORK5CYII="/></g></g><polygon class="cls-13" points="52.22 66.63 295.6 66.63 295.05 65.63 51.68 65.63 52.22 66.63"/><polygon class="cls-14" points="208.21 37.13 262.4 37.13 293.81 94.32 239.62 94.32 208.21 37.13"/><polygon class="cls-15" points="135.88 37.13 161.4 37.13 192.81 94.32 167.28 94.32 135.88 37.13"/><polygon class="cls-16" points="36.1 37.13 79.82 37.13 111.23 94.32 67.5 94.32 36.1 37.13"/><polygon class="cls-17" points="46.06 94.32 41.71 102.24 212.62 102.24 216.97 94.32 46.06 94.32"/><polygon class="cls-18" points="54 102.24 22.6 45.05 32.3 45.05 63.71 102.24 54 102.24"/></g></g></g></svg>

package/package.json

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

package/service/cms.js

@@ -32,4 +32,20 @@ function checkTeamMember() {
     return $cms().get(`/api/cms/config/teammates/check`);
 }
 
-export { getPostAuthors, uploadImage, upload, getDecoration, getDecorationJson, checkTeamMember, getHonorJson };
+function getSliders(source_type, source_ids) {
+    let _params = {
+        type: "slider",
+        source_type,
+        per: 10,
+    };
+
+    if (source_ids) {
+        _params.source_ids = source_ids;
+    }
+
+    return $cms({ mute: true }).get(`/api/cms/news/v2`, {
+        params: _params,
+    });
+}
+
+export { getPostAuthors, uploadImage, upload, getDecoration, getDecorationJson, checkTeamMember, getHonorJson, getSliders };

package/src/App.vue

@@ -20,6 +20,7 @@
         </LeftSidebar>
 
         <Main :withoutLeft="false" :withoutRight="false">
+            <PostHeader :post="post"></PostHeader>
             <SimpleThxVue
                 postType="bbs"
                 postTitle="bbs23865的标题"
@@ -40,8 +41,11 @@
                 :allowGift="true"
             />
             <Comment category="post" id="19382"></Comment>
-            <RightSidebar> </RightSidebar>
-            <Footer></Footer>
+            <RightSidebar>
+                <PostTopic type="bps" :id="48857"></PostTopic>
+            </RightSidebar>
+            <Footer>
+            </Footer>
             <!-- <Bottom></Bottom> -->
         </Main>
     </div>
@@ -52,6 +56,9 @@ import Author from './single/Author.vue';
 import SimpleThxVue from "./single/SimpleThx.vue";
 import Comment from "./single/Comment.vue";
 import Thx from "./single/Thx.vue";
+import PostHeader from './single/PostHeader.vue';
+import PostTopic from "./single/PostTopic.vue";
+import axios from "axios"
 export default {
     name: "App",
     components: {
@@ -59,6 +66,30 @@ export default {
         Author,
         Comment,
         Thx,
+        PostHeader,
+        PostTopic
     },
+    data() {
+        return {
+            post_id: "57222",
+            post: ""
+        }
+    },
+    watch: {
+        post_id: {
+            immediate: true,
+            handler: function () {
+                this.loadPost();
+            },
+        },
+    },
+    methods: {
+        loadPost() {
+            axios.get(`/api/cms/post/${this.post_id}`).then((res) => {
+                this.post = res.data.data;
+                this.$forceUpdate();
+            });
+        }
+    }
 };
 </script>

package/src/single/PostHeader.vue

@@ -0,0 +1,327 @@
+<template>
+    <header class="m-single-header" v-if="post">
+        <!-- 标题 -->
+        <div class="m-single-title">
+            <span class="u-title u-sub-block" :href="url" :title="title">
+                <i class="u-original" v-if="isOriginal">原创</i>
+                <i class="u-private" v-if="post.post_status != 'publish' || !!~~post.visible">
+                    <i
+                        class="el-icon-lock"
+                        v-if="post.post_status == 'draft' || post.post_status == 'pending' || !!~~post.visible"
+                        style="color: #fb9b24"
+                    ></i>
+                    <i class="el-icon-delete" v-if="post.post_status == 'dustbin'" style="color: #c00"></i>
+                </i>
+                <span class="u-title-text">{{ title }}</span>
+            </span>
+        </div>
+
+        <!-- 信息 -->
+        <div class="m-single-info">
+            <!-- 用户名 -->
+            <div class="u-author u-sub-block">
+                <i class="u-author-icon">
+                    <img svg-inline src="../../assets/img/single/author.svg" />
+                </i>
+                <a class="u-name" :href="author_link">{{ author_name }}</a>
+            </div>
+
+            <!-- 自定义字段 -->
+            <!-- <template v-if="metas && metas.length">
+            <div class="u-meta u-sub-block" v-for="(meta_value,meta_key) in metas" :key="meta_key">
+                <em class="u-label">{{meta_key}}</em>
+                <span class="u-value">{{meta_value}}</span>
+            </div>
+            </template> -->
+            <slot></slot>
+
+            <!-- 客户端 -->
+            <div class="u-meta u-sub-block">
+                <em class="u-label">适用客户端</em>
+                <span class="u-value u-client" :class="client">{{ showClientLabel(client) }}</span>
+            </div>
+
+            <!-- 发布日期 -->
+            <span class="u-podate u-sub-block" :title="'发布日期:' + post_time">
+                <i class="u-icon-podate">
+                    <img svg-inline src="../../assets/img/single/podate.svg" />
+                </i>
+                <time>{{ post_date }}</time>
+            </span>
+
+            <!-- 最后更新 -->
+            <span class="u-modate u-sub-block" :title="'最后更新:' + update_time">
+                <i class="u-icon-modate">
+                    <img svg-inline src="../../assets/img/single/modate.svg" />
+                </i>
+                <time>{{ update_date }}</time>
+            </span>
+
+            <!-- 查看次数 -->
+            <span class="u-views u-sub-block">
+                <el-icon :size="15"><View /></el-icon>
+                {{ views }}
+            </span>
+
+            <!-- 编辑 -->
+            <a class="u-edit u-sub-block" :href="edit_link" v-if="canEdit">
+                <i class="u-icon-edit el-icon-edit-outline"></i>
+                <span>编辑</span>
+            </a>
+        </div>
+    </header>
+</template>
+
+<script>
+import { __clients } from "@jx3box/jx3box-common/data/jx3box.json";
+import { showDate, showTime } from "@jx3box/jx3box-common/js/moment";
+import { editLink, authorLink } from "@jx3box/jx3box-common/js/utils.js";
+import User from "@jx3box/jx3box-common/js/user.js";
+export default {
+    name: "PostHeader",
+    props: ["post", "stat"],
+    data: function () {
+        return {};
+    },
+    computed: {
+        url: function () {
+            return location.href;
+        },
+        isOriginal: function () {
+            return !!~~this.post?.original;
+        },
+        title: function () {
+            return this.post?.post_title || "无标题";
+        },
+        author_link: function () {
+            return authorLink(this.post?.post_author);
+        },
+        author_name: function () {
+            return this.post?.author_info?.display_name || "匿名";
+        },
+        post_date: function () {
+            return showDate(new Date(this.post?.post_date));
+        },
+        update_date: function () {
+            return showDate(new Date(this.post?.post_modified));
+        },
+        post_time: function () {
+            return showTime(new Date(this.post?.post_date));
+        },
+        update_time: function () {
+            return showTime(new Date(this.post?.post_modified));
+        },
+        views: function () {
+            return this.stat?.views || "-";
+        },
+        edit_link: function () {
+            return editLink(this.post?.post_type, this.post?.ID);
+        },
+        canEdit: function () {
+            return this.post?.post_author == User.getInfo().uid || User.isEditor();
+        },
+        client: function () {
+            return this.post?.client || "std";
+        },
+    },
+    methods: {
+        showClientLabel: function (val) {
+            return __clients[val];
+        },
+    },
+    mounted: function () {},
+};
+</script>
+
+<style lang="less">
+.m-single-header {
+    padding-top: 20px;
+    padding-bottom: 20px;
+    // padding-right: 280px;
+    .pr;
+    .u-sub-block {
+        .dbi;
+        .y(top);
+    }
+}
+@media screen and (max-width: @phone) {
+    .m-single-header {
+        padding-right: 0;
+    }
+}
+@media print {
+    .m-single-header {
+        padding-right: 0;
+    }
+}
+
+.m-single-title {
+    .fz(32px);
+    padding: 1px 0;
+
+    .u-title {
+        color: @color;
+        // &:hover {
+        //     color: @primary;
+        // }
+        letter-spacing: 0.5px;
+        font-weight: 300;
+        .db;
+        .nobreak;
+    }
+    .u-author {
+        .pr;
+    }
+
+    .u-original {
+        background-color: #6f42c1;
+        color: #fff;
+        .fz(14px, 20px);
+        font-style: normal;
+        font-weight: normal;
+        padding: 2px 5px;
+        .mr(5px);
+        // .fl;
+    }
+
+    .u-private {
+        .y(-2px);
+        margin-right: 5px;
+        color: #111;
+    }
+}
+@media screen and (max-width: @phone) {
+    .m-single-title {
+        .fz(1rem, 1.8);
+        .u-title {
+            word-break: break-all;
+            white-space: normal;
+            font-weight: normal;
+        }
+    }
+}
+@media print {
+    .m-single-title {
+        .x;
+    }
+}
+
+.m-single-info {
+    margin-top: 10px;
+    .clearfix;
+    .fz(12px, 20px);
+    color: #666;
+
+    @origin: #0eb7ce;
+    @std: #f0b400;
+    @all: #a26ef7;
+
+    .u-client {
+        // .fl;
+        font-style: normal;
+        .fz(12px);
+        padding: 0px 5px;
+        .r(3px);
+        // .mr(10px);
+
+        &.std {
+            border: 1px solid @std;
+            color: @std;
+        }
+
+        &.origin {
+            border: 1px solid @origin;
+            color: @origin;
+        }
+
+        &.all {
+            border: 1px solid @all;
+            color: @all;
+        }
+    }
+
+    * {
+        .dbi;
+    }
+
+    svg {
+        fill: #666;
+        .size(16px);
+        .y;
+        .mr(3px);
+    }
+
+    .u-sub-block {
+        .mr(15px);
+        .fl;
+    }
+
+    .u-author {
+        a:hover {
+            box-shadow: 0 1px 0 @color-link;
+        }
+        i {
+            .pr;
+            top: -2px;
+        }
+    }
+
+    .u-label {
+        .mr(5px);
+        background-color: #eee;
+        padding: 0 5px;
+        .r(2px);
+        font-style: normal;
+    }
+
+    .u-views {
+        .flex;
+        align-items: center;
+        gap: 4px;
+    }
+
+    .u-edit {
+        i {
+            &:before {
+                font-size: 16px;
+            }
+            .pr;
+            top: 2px;
+            .mr(3px);
+        }
+        &:hover {
+            box-shadow: 0 1px 0 @color-link;
+        }
+    }
+}
+@media screen and (max-width: @ipad) {
+    .m-single-info {
+        .u-meta {
+            .none;
+        }
+    }
+}
+@media screen and (max-width: @phone) {
+    .m-single-info {
+        .u-podate {
+            .none;
+        }
+    }
+}
+@media print {
+    .m-single-info {
+        .u-meta,
+        .u-views,
+        .u-edit {
+            .none;
+        }
+        .x;
+        .u-sub-block {
+            float: none;
+        }
+        .u-name {
+            color: @color;
+        }
+    }
+}
+</style>

package/src/single/PostTopic.vue

@@ -0,0 +1,101 @@
+<template>
+    <div class="c-post-topic" v-show="topicInfo">
+        <div class="c-post-topic__banner">
+            <span class="c-topic-text">{{ topicText }}</span>
+            <img class="c-topic-bg" src="../../assets/img/rightsidebar/topic_bg.svg" alt="">
+        </div>
+        <div class="c-post-topic__img">
+            <img :src="topicImage" alt="">
+        </div>
+    </div>
+</template>
+
+<script>
+import { getSliders } from "../../service/cms";
+import { getThumbnail } from "@jx3box/jx3box-common/js/utils";
+import dayjs from "dayjs";
+export default {
+    name: "PostTopic",
+    props: {
+        type: {
+            type: String,
+            default: "face",
+        },
+        id: {
+            type: Number,
+            default: 0,
+        },
+    },
+    data() {
+        return {
+            topicInfo: null
+        }
+    },
+    computed: {
+        topicText() {
+            return this.topicInfo ? `${dayjs(this.topicInfo.created_at).format('YYYY年MM月DD日')}荣登头条榜` : ''
+        },
+        topicImage() {
+            return this.topicInfo ? getThumbnail(this.topicInfo.img, [260*2, 78*2]) : ''
+        },
+    },
+    watch: {
+        id: {
+            immediate: true,
+            handler(val) {
+                if (!val) return;
+                this.loadData();
+            }
+        }
+    },
+    methods: {
+        loadData() {
+            getSliders(this.type, this.id).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);
+                    this.topicInfo = list[0];
+                }
+            });
+        },
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.c-post-topic {
+    margin-bottom: 10px;
+}
+.c-post-topic__banner {
+    position: relative;
+    height: 100px;
+    margin-top: 0;
+    .c-topic-text {
+        font-size: 12px;
+        font-weight: 600;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1;
+        color: #fff;
+        letter-spacing: 1px;
+        white-space: nowrap;
+    }
+    .c-topic-bg {
+        width: 270px;
+        position: absolute;
+        top: 50%;
+        left: calc(50% + 5px);
+        transform: translate(-50%, -50%);
+    }
+}
+.c-post-topic__img {
+    display: flex;
+    justify-content: center;
+    img{
+        .r(3px);
+        .size(260px,78px);
+    }
+}
+</style>

package/src/single/SimpleThx.vue

@@ -195,7 +195,7 @@ export default {
                     }
                 });
             getBoxcoinStatus().then((res) => {
-                this.boxcoin_enable = !!~~res.data.data.val;
+                this.boxcoin_enable = !!~~res.data?.data?.val;
             });
         },
         // 用户打赏

package/src/single/Thx.vue

@@ -170,7 +170,7 @@ export default {
                     }
                 });
             getBoxcoinStatus().then((res) => {
-                this.boxcoin_enable = !!~~res.data.data.val;
+                this.boxcoin_enable = !!~~res.data?.data?.val;
             });
         },
         // 用户打赏