@jx3box/jx3box-ui 2.0.5 → 2.0.7

package/assets/css/single/thx.less

@@ -1,14 +1,14 @@
 .w-thx {
     /* assets/css/single/thx.less */
-    .w-like2,
-    .w-fav2,
-    .w-boxcoin-user,
-    .w-share2,
-    .w-rss,
-    .w-boxcoin-admin {
-        /* assets/css/single/thx.less */
-        .mr(20px);
-    }
+    // .w-like2,
+    // .w-fav2,
+    // .w-boxcoin-user,
+    // .w-share2,
+    // .w-rss,
+    // .w-boxcoin-admin {
+    //     /* assets/css/single/thx.less */
+    //     .mr(20px);
+    // }
     .x;
 
     .u-record-icon {
@@ -26,6 +26,7 @@
     .flex;
     align-items: center;
     justify-content: center;
+    gap: 20px
 }
 .w-thx-copyright {
     /* assets/css/single/thx.less */
@@ -67,7 +68,7 @@
 
     .el-dialog__body {
         /* assets/css/single/thx.less */
-        padding: 10px 20px;
+        //padding: 10px 20px;
 
         .fz(14px,2);
 
@@ -148,6 +149,9 @@
 }
 
 .w-boxcoin-records-list {
+
+    --el-color-primary: @primary;
+
     /* assets/css/single/thx.less */
     max-width: 960px;
     border: 1px solid #eee;
@@ -172,6 +176,10 @@
         }
         display: flex;
         white-space: nowrap;
+
+        a {
+            color: var(--el-color-primary);
+        }
     }
     .u-meta {
         /* assets/css/single/thx.less */
@@ -183,10 +191,12 @@
         .w(40px);
         .db;
         padding-right: 10px;
+        .flex;
+        align-items: center;
+        justify-content: center;
         svg {
             /* assets/css/single/thx.less */
             .size(24px);
-            .mt(4px);
             .db;
             .auto(x);
         }
@@ -196,12 +206,19 @@
         /* assets/css/single/thx.less */
         .w(120px);
         .nobreak;
+        .flex;
+        align-items: center;
         &:hover {
             /* assets/css/single/thx.less */
             text-decoration: underline;
         }
         .mr(20px);
     }
+    .u-default {
+        &:hover{
+            text-decoration: none;
+        }
+    }
     .u-user-avatar {
         /* assets/css/single/thx.less */
         .y;
@@ -229,6 +246,7 @@
         /* assets/css/single/thx.less */
         .nobreak;
         .w(280px);
+        color:@color;
     }
     .u-time {
         /* assets/css/single/thx.less */
@@ -253,6 +271,11 @@
         margin-left: 5px;
         color: #09f;
     }
+
+}
+.w-boxcoin-records-pages {
+    justify-content: center;
+    padding-top: 2px;
 }
 
 @media screen and (max-width: @phone) {

package/assets/css/wiki/wiki-comments.less

@@ -0,0 +1,176 @@
+.c-wiki-comments {
+    .u-empty {
+        padding: 5px 0;
+        text-align: center;
+    }
+
+    .el-button {
+        user-select: none;
+
+        &.el-button--default:focus,
+        &.el-button--default:active {
+            background: white;
+            border: 1px solid #dcdfe6;
+        }
+
+        &.el-button--primary:focus,
+        &.el-button--primary:active {
+            background-color: #0366d6;
+            border-color: #0366d6;
+        }
+    }
+
+    .u-pagination-box {
+        margin-top: 12px;
+    }
+
+    .m-comments-panel {
+        font-size: 14px;
+
+        .u-comments {
+            padding-left: 0;
+            list-style: none;
+        }
+
+        .u-nickname-panel {
+            .u-nickname {
+                font-weight: 600;
+                color: #666666;
+            }
+
+            .u-nickname[href] {
+                color: blueviolet;
+            }
+
+            span + .u-nickname {
+                opacity: 0.7;
+            }
+        }
+
+        .u-comment {
+            padding: 5px 0;
+            border-bottom: 1px solid #eeeeee;
+            overflow: hidden;
+        }
+
+        .u-mark {
+            font-style: normal;
+            font-size: 12px;
+            padding: 2px 5px;
+            border-radius: 2px;
+            color: #fff;
+            margin-left: 5px;
+            cursor: default;
+            display: inline-flex;
+            align-items: center;
+            height: 21px;
+            box-sizing: border-box;
+        }
+        .u-top {
+            background-color: #6f42c1;
+            i {
+                transform: rotate(180deg);
+            }
+        }
+        .u-star {
+            background-color: #fba524;
+            i {
+                margin-right: 2px;
+            }
+        }
+
+        .u-content {
+            margin: 10px 0;
+            opacity: 0.8;
+        }
+
+        .m-reply {
+            padding-bottom: 10px;
+
+            .u-reply {
+                font-size: 13px;
+                padding: 6px 10px;
+            }
+
+            .u-time {
+                float: right;
+                margin-top: 5px;
+                font-size: 12px;
+                opacity: 0.5;
+            }
+        }
+
+        & > .u-comments {
+            margin: 0;
+            padding: 0;
+        }
+
+        & > .u-comments > .u-comment-panel > .u-comments {
+            padding-left: 15px;
+        }
+    }
+
+    // 回复表单样式
+    .m-reply-form {
+        overflow: hidden;
+
+        @border-style: 1px solid #cccccc;
+
+        .u-title {
+            .mt(15px);
+            .mb(10px);
+            .pb(10px);
+            color: #666666;
+            border-bottom: @border-style;
+
+            i,
+            span {
+                .dbi;
+                .mr(5px);
+                vertical-align: middle;
+                font-size: 16px;
+            }
+        }
+
+        .u-reply-content {
+            width: 100%;
+            height: 4em;
+            padding: 5px;
+            line-height: 1.5em;
+            box-sizing: border-box;
+            border: @border-style;
+            resize: vertical;
+            .r(3px);
+        }
+
+        .u-author {
+            .fl;
+
+            input {
+                .fz(14px, 28px);
+                .h(28px);
+                border: @border-style;
+                .r(3px);
+                padding: 0 5px;
+            }
+        }
+
+        .u-submit {
+            .fr;
+            padding: 7px 16px;
+        }
+    }
+
+    @media screen and (max-width: 360px) {
+        .m-reply-form {
+            .u-author,
+            .u-submit {
+                float: none;
+            }
+
+            .u-submit {
+                .mt(5px);
+            }
+        }
+    }
+}

package/assets/css/wiki/wiki-panel.less

@@ -0,0 +1,177 @@
+.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;
+            z-index: 30;
+
+            .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);
+            .mt(5px);
+
+            &: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/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;
+    }
+  }
+}