From e5d942ac0fb2fe0d460f497fbe1839bd8883ece5 Mon Sep 17 00:00:00 2001
From: Kaviilee <jiaweilee95@126.com>
Date: Sun, 7 Jul 2024 22:06:11 +0800
Subject: [PATCH] perf: update macro

---
 package.json                      |  2 +-
 src/assets/css/list.less          |  5 ++++
 src/components/list/list_item.vue |  1 +
 src/views/Single.vue              | 40 ++++++++++++++++++-------------
 4 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/package.json b/package.json
index 6ff2b0e4..629a9d8f 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "dependencies": {
         "@jx3box/jx3box-comment-ui": "^1.9.9",
         "@jx3box/jx3box-common": "^8.2.24",
-        "@jx3box/jx3box-common-ui": "^8.9.4",
+        "@jx3box/jx3box-common-ui": "^8.9.5",
         "@jx3box/jx3box-data": "^3.6.0",
         "@jx3box/jx3box-dict": "^2.2.2",
         "@jx3box/jx3box-editor": "^2.2.11",
diff --git a/src/assets/css/list.less b/src/assets/css/list.less
index a4e9eaaa..9947ed51 100644
--- a/src/assets/css/list.less
+++ b/src/assets/css/list.less
@@ -225,6 +225,11 @@
             border: 1px solid #fa80a2;
             color: #fa80a2;
         }
+        .u-wujie {
+            border: 1px solid #00dcda;
+            color: #3ae0f1;
+            background: #eff;
+        }
         .fz(15px, 2);
         font-weight: normal;
         .lh(2);
diff --git a/src/components/list/list_item.vue b/src/components/list/list_item.vue
index 179d3f04..927e8ddf 100644
--- a/src/components/list/list_item.vue
+++ b/src/components/list/list_item.vue
@@ -16,6 +16,7 @@
             </template>
             <!-- 资料片 -->
             <span class="u-label u-zlp" v-if="item.zlp">{{ item.zlp }}</span>
+            <span class="u-label u-zlp u-wujie" v-if="item.is_wujie">无界</span>
             <!-- 繁体标识 -->
             <span class="u-label u-lang" v-if="item.lang == 'tr'">繁體</span>
             <!-- 标题文字 -->
diff --git a/src/views/Single.vue b/src/views/Single.vue
index 32be22f5..036da2f2 100644
--- a/src/views/Single.vue
+++ b/src/views/Single.vue
@@ -24,26 +24,32 @@
                         <b>{{ item.name }}</b>
                     </span>
                     <!-- 宏 -->
-                    <el-divider content-position="left" v-if="item.macro">宏</el-divider>
-                    <el-divider content-position="left" v-if="item.sq && item.sq.length">武学序列</el-divider>
-                    <div class="u-usage" v-if="item.desc">{{ item.desc }}</div>
-                    <div class="u-macro macro-box" :class="{ withUsage: item.desc }" v-if="item.macro">
-                        <macro :ctx="item.macro" :lang="lang" :name="author_info.display_name + '#' + item.name" :id="id" :can-comment="canComment" />
-                    </div>
-                    <div class="u-macro macro-box" :class="{ withUsage: item.desc }" v-if="item.sq && item.sq.length">
-                        <ul class="m-skills-list">
-                                <li
-                                    v-for="(skill, index) in item.sq"
-                                    :key="skill.SkillID + '' + index"
-                                    class="m-skill"
-                                >
+                    <template v-if="!post.is_wujie">
+                        <el-divider content-position="left" v-if="item.macro">宏</el-divider>
+                        <div class="u-usage" v-if="item.desc">{{ item.desc }}</div>
+                        <div class="u-macro macro-box" :class="{ withUsage: item.desc }" v-if="item.macro">
+                            <macro
+                                :ctx="item.macro"
+                                :lang="lang"
+                                :name="author_info.display_name + '#' + item.name"
+                                :id="id"
+                                :can-comment="canComment"
+                            />
+                        </div>
+                    </template>
+                    <template v-else>
+                        <el-divider content-position="left" v-if="item.sq && item.sq.length">武学序列</el-divider>
+                        <div class="u-macro macro-box" :class="{ withUsage: item.desc }" v-if="item.sq && item.sq.length">
+                            <ul class="m-skills-list">
+                                <li v-for="(skill, index) in item.sq" :key="skill.SkillID + '' + index" class="m-skill">
                                     <div class="u-skill" v-if="skill && skill.IconID">
                                         <img class="u-skill-icon" :src="iconLink(skill.IconID)" :alt="skill.IconID" />
                                         <span class="u-name" :title="skill.Name">{{ skill.Name }}</span>
                                     </div>
                                 </li>
                             </ul>
-                    </div>
+                        </div>
+                    </template>
                     <!-- 奇穴 镇派 -->
                     <template v-if="item.talent">
                         <el-divider content-position="left">{{ client === "origin" ? "镇派" : "奇穴" }}</el-divider>
@@ -165,8 +171,8 @@ export default {
             return this.post?.author_info;
         },
         canComment() {
-            return !this.post?.comment // 0开启 1关闭
-        }
+            return !this.post?.comment; // 0开启 1关闭
+        },
     },
     methods: {
         copy,
@@ -194,7 +200,7 @@ export default {
         iconURL: function (val) {
             return __iconPath + "icon/" + val + ".png";
         },
-        iconLink
+        iconLink,
     },
     mounted: function () {
         if (this.id) {