perf: udpate macro

JX3BOX · Nov 23, 2024 · b38283c · b38283c
1 parent b542463
commit b38283c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import { __imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
+import { __imgPath, __cdn } from "@jx3box/jx3box-common/data/jx3box.json";
 import app from "../assets/data/app.json";
 export default {
     name: "AppLayout",
@@ -42,7 +42,7 @@ export default {
         },
         logo() {
             const key = this.icon || this.slug;
-            return __imgPath + "image/box/" + key + ".svg";
+            return __cdn + "logo/logo-light/" + key + ".svg";
         },
         title() {
             return app[this.slug]?.title || ''

diff --git a/src/layout/ListLayout.vue b/src/layout/ListLayout.vue
@@ -10,6 +10,9 @@
             :feedbackEnable="true"
             :crumbEnable="true"
         >
+            <template #logo>
+                <img class="u-breadcrumb-logo" svg-inline :src="logo" alt="">
+            </template>
             <Info />
         </Breadcrumb>
         <LeftSidebar>
@@ -33,11 +36,14 @@ import Info from "@/components/list/Info.vue";
 import Nav from "@/components/list/list_nav.vue";
 import Side from "@/components/list/list_side.vue";
 import tabs from "@/components/tabs.vue";
+import { __cdn } from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "App",
     props: [],
     data: function () {
-        return {};
+        return {
+            logo: __cdn + "logo/logo-light/macro.svg",
+        };
     },
     methods: {},
     components: {
@@ -51,9 +57,6 @@ export default {
 
 <style lang="less">
 .m-macro-right-side {
-    //&.c-sidebar-right.is-close {
-        //transform: translateX(0) !important;
-    //}
     .c-sidebar-right-inner {
         background: #fff;
     }

diff --git a/src/layout/SingleLayout.vue b/src/layout/SingleLayout.vue
@@ -6,6 +6,9 @@
                 <!-- <AdminDirectMessage v-if="post && post.ID" :user-id="user_id" :sourceId="String(post.ID)" :sourceType="post.post_type"></AdminDirectMessage> -->
                 <AdminDrop v-if="isTeammate" :post="post" :user-id="user_id" :showMove="true"/>
             </template>
+            <template #logo>
+                <img class="u-breadcrumb-logo" svg-inline :src="logo" alt="">
+            </template>
             <template #title>
                 <span>{{ title }}</span>
             </template>
@@ -29,12 +32,14 @@ import Side from "@/components/single/single_side.vue";
 import { getAppIcon, getAppID } from "@jx3box/jx3box-common/js/utils";
 import AdminDrop from "@jx3box/jx3box-common-ui/src/bread/AdminDrop.vue";
 import User from "@jx3box/jx3box-common/js/user";
+import { __imgPath, __cdn } from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "SingleLayout",
     props: [],
     data: function () {
         return {
             id: getAppID(),
+            logo: __cdn + "logo/logo-light/macro.svg",
         };
     },
     computed: {