@jx3box/jx3box-vue3-ui 0.0.3

package/assets/css/wiki-panel.less

@@ -0,0 +1,175 @@
+.c-wiki-panel {
+    .db;
+    .mb(15px);
+    background-color: #fafbfc;
+    border: 1px solid #eeeeee;
+    border-radius: 5px;
+    font-size: 14px;
+
+    img {
+        height: auto;
+    }
+
+    b,
+    strong {
+        font-weight: bold;
+    }
+
+    &.border-none {
+        background-color: transparent;
+        border: none;
+
+        .m-panel-head {
+            background-color: transparent;
+        }
+    }
+
+    .m-panel-head {
+        .pr;
+        padding: 0 15px;
+        background-color: #f5f7fa;
+        border-bottom: 1px solid #eeeeee;
+
+        & .m-panel-actions {
+            .pa;
+            right: 15px;
+            top: 50%;
+            transform: translateY(-50%);
+            font-size: 12px;
+
+            .u-more,
+            .el-button {
+                .dbi;
+                .ml(15px);
+
+                &:first-child {
+                    .ml(0);
+                }
+            }
+
+            .u-more {
+                color: @color-link;
+            }
+
+            .el-button {
+                padding: 7px 10px 9px;
+                font-size: 12px;
+            }
+        }
+
+        & .m-panel-title {
+            padding: 10px 0;
+            color: #6c645c;
+            margin: 0;
+            font-weight: 500;
+        }
+    }
+
+    .m-panel-body {
+        padding: 15px;
+        line-height: 1.6em;
+        word-break: break-all;
+    }
+
+    .m-wiki-metas {
+        .mb(5px);
+        font-size: 12px;
+
+        .u-meta,
+        .u-label,
+        .u-value {
+            .dbi;
+            vertical-align: middle;
+        }
+
+        .u-meta {
+            .mr(15px);
+
+            &:last-child {
+                .mr(0);
+            }
+
+            @media screen and (max-width: @phone) {
+                .db;
+                .mr(0);
+                .mb(5px);
+
+                &:last-child {
+                    .mb(0);
+                }
+            }
+        }
+
+        .u-label {
+            .mr(10px);
+            padding: 3px 8px;
+            background-color: #f2f2f2;
+            .r(2px);
+            font-style: normal;
+            color: #666;
+        }
+
+        .el-icon-star-on {
+            color: yellowgreen;
+            font-size: 16px;
+        }
+
+        .u-creator {
+            .dbi;
+            .w(24px);
+            .h(24px);
+            .mr(5px);
+            .r(50%);
+            overflow: hidden;
+
+            &:last-child {
+                .mr(0);
+            }
+
+            img {
+                .w(100%);
+                .h(auto);
+            }
+        }
+
+        @media screen and (max-width: @phone) {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    // 详情场景
+    &.m-detail-scene {
+        .m-panel-title {
+            img,
+            svg,
+            i,
+            span {
+                .dbi;
+                vertical-align: middle;
+            }
+
+            img,
+            svg,
+            i {
+                width: 28px;
+                height: 28px;
+                line-height: 28px;
+                color: @color-link;
+                fill: @color-link;
+                font-size: 22px;
+            }
+
+            img,
+            svg {
+                .mr(7px);
+            }
+
+            span {
+                font-size: 17px;
+                font-weight: 300;
+            }
+        }
+    }
+}

package/assets/css/wiki-revisions.less

@@ -0,0 +1,62 @@
+.c-wiki-revisions {
+    .u-empty {
+        padding: 5px 0;
+        text-align: center;
+    }
+
+    .m-histories {
+        width: 100%;
+        margin: -5px 0;
+        opacity: 0.8;
+        font-size: 14px;
+        text-align: left;
+        border-collapse: collapse;
+        border-spacing: 0;
+
+        th,
+        td {
+            min-width: 100px;
+            padding: 8px 10px;
+            font-weight: normal;
+            line-height: 1.6;
+
+            &:first-child {
+                min-width: 35px;
+            }
+
+            @media screen and (max-width: @phone) {
+                min-width: 35px;
+                padding: 3px;
+                font-size: 12px;
+
+                &:first-child {
+                    min-width: 15px;
+                }
+            }
+        }
+
+        a {
+            color: @color;
+
+            &[href] {
+                color: @color-link;
+
+                &:hover {
+                    box-shadow: 0 1px 0 @color-link;
+                }
+            }
+        }
+
+        th {
+            border-bottom: 2px solid #dddddd;
+        }
+
+        td {
+            border-bottom: 1px solid #dddddd;
+        }
+
+        tr:last-child td {
+            border-bottom: none;
+        }
+    }
+}

package/assets/data/box.json

@@ -0,0 +1,184 @@
+[
+    {
+        "lf": false,
+        "img": "macro.svg",
+        "abbr": "宏 库",
+        "href": "/macro/",
+        "mark": "HOT",
+        "name": "云端宏",
+        "uuid": "macro",
+        "hover": "macro.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "jx3dat.svg",
+        "abbr": "插 件",
+        "href": "/jx3dat/",
+        "mark": "HOT",
+        "name": "插件数据",
+        "uuid": "jx3dat",
+        "hover": "jx3dat.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "fb.svg",
+        "abbr": "副 本",
+        "href": "/fb/",
+        "mark": "HOT",
+        "name": "副本专栏",
+        "uuid": "fb",
+        "hover": "fb.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "bps.svg",
+        "abbr": "职 业",
+        "href": "/bps/",
+        "mark": "HOT",
+        "name": "职业专栏",
+        "uuid": "bps",
+        "hover": "bps.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "cj.svg",
+        "abbr": "成 就",
+        "href": "/cj/",
+        "mark": "HOT",
+        "name": "成就百科",
+        "uuid": "cj",
+        "hover": "cj.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "item.svg",
+        "abbr": "物 品",
+        "href": "/item/",
+        "mark": "HOT",
+        "name": "物品百科",
+        "uuid": "item",
+        "hover": "item.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "database.svg",
+        "abbr": "数 据",
+        "href": "/app/database",
+        "mark": "HOT",
+        "name": "数据库",
+        "uuid": "database",
+        "hover": "database.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "team.svg",
+        "abbr": "团 队",
+        "href": "/team/",
+        "mark": "HOT",
+        "name": "团队管理",
+        "uuid": "team",
+        "hover": "team.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "pz.svg",
+        "abbr": "配 装",
+        "href": "/pz/",
+        "mark": "HOT",
+        "name": "在线配装",
+        "uuid": "pz",
+        "hover": "pz.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "battle.svg",
+        "abbr": "战 斗",
+        "href": "/battle/",
+        "mark": "ING",
+        "name": "战斗分析",
+        "uuid": "battle",
+        "hover": "battle.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "dbm.svg",
+        "abbr": "构 建",
+        "href": "/dbm/",
+        "mark": "ING",
+        "name": "数据构建",
+        "uuid": "dbm",
+        "hover": "dbm.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "rank.svg",
+        "abbr": "百 强",
+        "href": "/rank/",
+        "mark": "HOT",
+        "name": "秘境百强",
+        "uuid": "rank",
+        "hover": "rank.svg",
+        "client": "std",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    },
+    {
+        "lf": false,
+        "img": "more.svg",
+        "abbr": "全 部",
+        "href": "/app/",
+        "mark": "HOT",
+        "name": "全部应用",
+        "uuid": "more",
+        "hover": "more.svg",
+        "client": "all",
+        "status": true,
+        "hasMark": false,
+        "markcls": "ishot"
+    }
+]