@jx3box/jx3box-ui 2.0.11 → 2.0.15

package/assets/css/common/main.less

@@ -1,6 +1,6 @@
+/* assets/css/common/main.less */
 // 主体
 .c-main {
-    /* assets/css/common/main.less */
     .ml(@aside-left - 40px);
     .mr(@aside-right);
     .pr;
@@ -10,25 +10,20 @@
     padding: 0 30px;
 }
 .c-main.without-bread {
-    /* assets/css/common/main.less */
     margin-top: @header-height;
 }
 .c-main.without-right {
-    /* assets/css/common/main.less */
     .mr(0) !important;
 
     .c-sidebar-right {
-        /* assets/css/common/main.less */
         .none;
     }
 }
 .c-main.without-left {
-    /* assets/css/common/main.less */
     .ml(0) !important;
 }
 
 .c-main.expanding-right {
-    /* assets/css/common/main.less */
     .mr(0) !important;
     .c-sidebar-right {
         .db;
@@ -36,68 +31,52 @@
 }
 
 @media screen and (max-width: @smallpc) {
-    /* assets/css/common/main.less */
     .c-main {
-        /* assets/css/common/main.less */
         .mr(0);
     }
 }
 
 // 笔记本<1440 缩小双边栏
 @media screen and (max-width: @smallpc) {
-    /* assets/css/common/main.less */
     .c-main {
-        /* assets/css/common/main.less */
         .ml(@aside-left - 40px);
     }
 }
 
 // 平板横屏
 @media screen and (max-width: @notebook) {
-    /* assets/css/common/main.less */
     .c-main {
-        /* assets/css/common/main.less */
         .ml(@aside-left - 60px);
     }
 }
 
 //平板横屏与手机
 @media screen and (max-width: @ipad) {
-    /* assets/css/common/main.less */
     .c-main {
-        /* assets/css/common/main.less */
         .ml(0);
     }
 }
 
 @media print {
-    /* assets/css/common/main.less */
     .c-main {
-        /* assets/css/common/main.less */
         margin: 0;
         .w(100%);
     }
 }
 
 @media screen and (max-width: @phone) {
-    /* assets/css/common/main.less */
     .env-app {
-        /* assets/css/common/main.less */
         .c-main {
-            /* assets/css/common/main.less */
             .mt(0);
         }
     }
 
     .wechat-miniprogram {
-        /* assets/css/common/main.less */
         .c-wiki-comments {
-            /* assets/css/common/main.less */
             .none;
         }
 
         .m-single-comment {
-            /* assets/css/common/main.less */
             .none;
         }
     }

package/assets/css/common/right-msg.less

@@ -1,3 +1,4 @@
+/* assets/css/common/right-msg.less */
 .c-sidebar-right-msg {
     @aiconh: 22px;
 
@@ -6,21 +7,22 @@
     padding: 10px 10px 10px 30px;
     .r(6px);
     .pr;
+    .flex;
+    align-items: center;
 
     .u-icon {
         .db;
-        .fl;
-        .size(16px, @aiconh);
+        .size(16px);
         svg {
             .size(16px);
-            fill:@primary;
+            fill: @primary;
         }
         .pa;
         .lt(10px, 50%);
-        margin-top: -@aiconh / 2 + 2px;
+        transform: translateY(-50%);
     }
 
     .u-msg {
         .fz(12px, @aiconh);
     }
-}
+}

package/assets/css/common/right-sidebar.less

@@ -1,5 +1,5 @@
+/* assets/css/common/right-sidebar.less */
 .c-sidebar-right {
-    /* assets/css/common/right-sidebar.less */
     // .pa;.lt(100%,0);
     .pf;
     .rt(0,@header-height + @bread-height);
@@ -12,13 +12,11 @@
     box-sizing: border-box;
 
     &.show-toggle {
-        /* assets/css/common/right-sidebar.less */
         background-color: @bg-light;
     }
 }
 
 .c-sidebar-right-title {
-    /* assets/css/common/right-sidebar.less */
     font-size: 18px;
     line-height: 24px;
     font-weight: 300;
@@ -27,7 +25,6 @@
     border-bottom: 1px solid #ebeef5;
 
     .u-icon {
-        /* assets/css/common/right-sidebar.less */
         width: 24px;
         height: 24px;
         margin-right: 10px;
@@ -35,9 +32,7 @@
 }
 
 .c-sidebar-right-list {
-    /* assets/css/common/right-sidebar.less */
     .u-item {
-        /* assets/css/common/right-sidebar.less */
         .db;
         height: 48px;
         line-height: 48px;
@@ -52,12 +47,10 @@
         .pr;
 
         &:hover {
-            /* assets/css/common/right-sidebar.less */
             color: @primary;
         }
 
         &:after {
-            /* assets/css/common/right-sidebar.less */
             content: "\e6e0";
             .pa;
             .rt(0,50%);
@@ -85,14 +78,11 @@
 
 // // 平板横屏
 @media screen and (max-width: @smallpc) {
-    /* assets/css/common/right-sidebar.less */
     .c-sidebar-right {
-        /* assets/css/common/right-sidebar.less */
         .pr;
         width: 100%;
         top: 0;
         &.show-toggle {
-            /* assets/css/common/right-sidebar.less */
             background-color: #fff;
             .pf;
             .rt(0,@header-height + @bread-height);
@@ -104,24 +94,20 @@
 }
 
 .c-sidebar-right-inner {
-    /* assets/css/common/right-sidebar.less */
     .size(100%);
     overflow-y: auto;
 
     &::-webkit-scrollbar {
-        /* assets/css/common/right-sidebar.less */
         width: 4px;
     }
 
     &::-webkit-scrollbar-track,
     &::-webkit-scrollbar-track-piece {
-        /* assets/css/common/right-sidebar.less */
         background-color: #fafafa;
         border-radius: 6px;
     }
 
     &::-webkit-scrollbar-thumb {
-        /* assets/css/common/right-sidebar.less */
         background-color: #eee;
         border-radius: 6px;
     }
@@ -129,13 +115,11 @@
     &::-webkit-scrollbar-button,
     &::-webkit-scrollbar-corner,
     &::-webkit-resizer {
-        /* assets/css/common/right-sidebar.less */
         display: none;
     }
 }
 // 折叠相关逻辑
 .c-sidebar-right-toggle {
-    /* assets/css/common/right-sidebar.less */
     display: block;
     .pa;
     .lb(-21px, calc(50% - 20px));
@@ -153,72 +137,58 @@
     color: #999;
 
     &:hover {
-        /* assets/css/common/right-sidebar.less */
         color: #222;
     }
 
     &.close-sidebar-right {
-        /* assets/css/common/right-sidebar.less */
         left: 0;
     }
 
     svg {
-        /* assets/css/common/right-sidebar.less */
         fill: @color;
     }
 }
 
 .closeLeftSidebar() {
-    /* assets/css/common/right-sidebar.less */
     transition: 0.2s ease-in-out;
     transform: translateX(100%);
 }
 
 .openLeftSidebar() {
-    /* assets/css/common/right-sidebar.less */
     transition: 0.2s ease-in-out;
     transform: translateX(0);
 }
 
 .c-sidebar-right.is-close {
-    /* assets/css/common/right-sidebar.less */
     .closeLeftSidebar();
 
     .c-sidebar-right-toggle {
-        /* assets/css/common/right-sidebar.less */
         transition: 0.2s ease-in-out;
         transform: translateX(-100%);
     }
 }
 
 .c-sidebar-right.is-open {
-    /* assets/css/common/right-sidebar.less */
     .openLeftSidebar();
 
     .c-sidebar-right-toggle {
-        /* assets/css/common/right-sidebar.less */
         transition: 0.2s ease-in-out;
         transform: translateX(0);
     }
 }
 
 @media screen and (max-width: @ipad) {
-    /* assets/css/common/right-sidebar.less */
     .c-sidebar-right-toggle {
-        /* assets/css/common/right-sidebar.less */
         // .none;
     }
 
     .c-sidebar-right.isopen {
-        /* assets/css/common/right-sidebar.less */
         box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
     }
 }
 
 @media print {
-    /* assets/css/common/right-sidebar.less */
     .c-sidebar-right {
-        /* assets/css/common/right-sidebar.less */
         .none;
     }
 }

package/assets/css/common/suspend-common.less

@@ -1,9 +1,9 @@
+/* assets/css/common/suspend-common.less */
 @bgColor: #24292e;
 @color: #fedaa3;
 @color2: #24292e;
 
 .p-suspend {
-    /* assets/css/common/suspend-common.less */
     .pf;
     .lb(0);
     .z(1994);
@@ -20,28 +20,23 @@
     .m-home-box,
     .m-pin-box,
     .m-icon-box {
-        /* assets/css/common/suspend-common.less */
         .flex;
         .flex(o);
     }
 
     .m-pin-box {
-        /* assets/css/common/suspend-common.less */
         gap: 1.125rem;
 
         .u-item {
-            /* assets/css/common/suspend-common.less */
             .flex;
             .flex(o);
 
             img {
-                /* assets/css/common/suspend-common.less */
                 .size(1.5rem);
                 .r(50%);
             }
 
             .u-text-r {
-                /* assets/css/common/suspend-common.less */
                 .size(1.5rem);
                 .r(50%);
                 background-color: #d9d9d9;
@@ -52,7 +47,6 @@
     }
 
     .m-btn-box {
-        /* assets/css/common/suspend-common.less */
         .flex;
         align-items: center;
         justify-content: space-between;
@@ -61,15 +55,12 @@
         padding: 0 1.25rem;
 
         .u-icon-d {
-            /* assets/css/common/suspend-common.less */
             .flex;
             .flex(o);
             .size(1.5rem);
 
             .u-icon {
-                /* assets/css/common/suspend-common.less */
                 &.active {
-                    /* assets/css/common/suspend-common.less */
                     fill: #fedaa3;
                     stroke: #fedaa3;
                 }
@@ -78,7 +69,6 @@
     }
 
     .m-more {
-        /* assets/css/common/suspend-common.less */
         .w(7.5rem);
         .flex;
         .flex(o);
@@ -89,12 +79,10 @@
 }
 
 .p-drawer-suspend {
-    /* assets/css/common/suspend-common.less */
     .size(100%);
     .lt(0);
 
     .u-drawer {
-        /* assets/css/common/suspend-common.less */
         border-radius: 1.25rem 1.25rem 0 0;
         position: fixed !important;
         bottom: 0;
@@ -111,14 +99,12 @@
         // .el-drawer__body {}
 
         .p-drawer-suspend_box {
-            /* assets/css/common/suspend-common.less */
             .flex;
             flex-direction: column;
             gap: 0.75rem;
         }
 
         .u-drawer-box {
-            /* assets/css/common/suspend-common.less */
             .flex;
             .w(100%);
             align-items: center;
@@ -126,7 +112,6 @@
             gap: 0.75rem;
 
             .u-item {
-                /* assets/css/common/suspend-common.less */
                 border-radius: 12px;
                 background: rgba(255, 255, 255, 0.05);
                 .flex;
@@ -138,23 +123,19 @@
                 box-sizing: border-box;
 
                 &.top {
-                    /* assets/css/common/suspend-common.less */
                     .h(6.875rem);
                 }
 
                 &.report {
-                    /* assets/css/common/suspend-common.less */
                     max-width: 50%;
                 }
 
                 .u-icon {
-                    /* assets/css/common/suspend-common.less */
                     .flex;
                     .flex(o);
                 }
 
                 .u-self {
-                    /* assets/css/common/suspend-common.less */
                     .h(2.5rem);
 
                     .flex;
@@ -162,25 +143,21 @@
                     .flex(o);
 
                     img {
-                        /* assets/css/common/suspend-common.less */
                         .size(1.5rem);
                         .r(50%);
                     }
 
                     .u-circle-top {
-                        /* assets/css/common/suspend-common.less */
                         .pr;
                         bottom: -0.75rem;
                     }
 
                     .u-circle-bottom {
-                        /* assets/css/common/suspend-common.less */
                         .flex;
                         gap: 0;
                     }
 
                     .u-text-r {
-                        /* assets/css/common/suspend-common.less */
                         .size(1.5rem);
                         .r(50%);
                         background-color: #d9d9d9;
@@ -190,20 +167,17 @@
                 }
 
                 .u-text {
-                    /* assets/css/common/suspend-common.less */
                     color: #acaeaf;
                     .fz(0.875rem, 1.25rem);
                     .bold(700);
 
                     &.search,
                     &.fix {
-                        /* assets/css/common/suspend-common.less */
                         color: #fedaa3;
                     }
                 }
 
                 .u-author {
-                    /* assets/css/common/suspend-common.less */
                     //作者名字最多显示8个中文字符，超出后，第八个中文字符用...代替
 
                     .fz(0.875rem, 1.25rem);
@@ -217,7 +191,6 @@
                     .w(100%);
 
                     .u-avatar {
-                        /* assets/css/common/suspend-common.less */
                         .size(1.25rem);
                         overflow: hidden;
                         .r(50%);
@@ -225,7 +198,6 @@
                     }
 
                     .u-author-name {
-                        /* assets/css/common/suspend-common.less */
                         flex: auto;
                         overflow: hidden;
                         text-overflow: ellipsis;
@@ -238,11 +210,9 @@
 
         .p-drawer-fix,
         .p-drawer-collect {
-            /* assets/css/common/suspend-common.less */
             color: rgba(255, 255, 255, 0.4);
 
             .u-collect-icon {
-                /* assets/css/common/suspend-common.less */
                 .flex;
                 .flex(o);
                 flex-direction: column;
@@ -250,20 +220,17 @@
                 .mb(1.25rem);
 
                 .u-text {
-                    /* assets/css/common/suspend-common.less */
                     .fz(0.875rem, 1.25rem);
                 }
             }
 
             .u-collect-tips {
-                /* assets/css/common/suspend-common.less */
                 .fz(0.75rem, 1rem);
                 text-align: center;
 
                 .mb(1.25rem);
 
                 &.edit {
-                    /* assets/css/common/suspend-common.less */
                     .flex;
                     align-items: center;
                     .fz(0.875rem, 1.25rem);
@@ -271,14 +238,12 @@
             }
 
             .u-btn-box {
-                /* assets/css/common/suspend-common.less */
                 .flex;
                 .flex(o);
                 gap: 0.75rem;
                 .mb(1.25rem);
 
                 .u-btn {
-                    /* assets/css/common/suspend-common.less */
                     .flex;
                     .flex(o);
                     .fz(1rem, 1.5rem);
@@ -290,7 +255,6 @@
                     flex: auto;
 
                     &.collect {
-                        /* assets/css/common/suspend-common.less */
                         background-color: @color;
                         color: @color2;
                     }
@@ -299,9 +263,7 @@
         }
 
         .p-drawer-fix {
-            /* assets/css/common/suspend-common.less */
             .u-edit-title {
-                /* assets/css/common/suspend-common.less */
                 .mb(1.25rem);
                 color: rgba(255, 255, 255, 0.6);
                 .fz(0.875rem, 1.25rem);
@@ -309,14 +271,12 @@
             }
 
             .u-pin-box {
-                /* assets/css/common/suspend-common.less */
                 .mb(1.25rem);
                 .flex;
                 flex-direction: column;
                 gap: 0.75rem;
 
                 .u-item {
-                    /* assets/css/common/suspend-common.less */
                     .flex;
                     align-items: center;
                     gap: 0.75rem;
@@ -327,14 +287,12 @@
 
                     .u-text-r,
                     .u-icon {
-                        /* assets/css/common/suspend-common.less */
                         .size(1.875rem);
                         .r(50%);
                         flex-shrink: 0;
                     }
 
                     .u-text-r {
-                        /* assets/css/common/suspend-common.less */
                         .flex;
                         .flex(o);
                         background-color: #d9d9d9;
@@ -342,7 +300,6 @@
                     }
 
                     .u-text {
-                        /* assets/css/common/suspend-common.less */
                         flex: auto;
                         overflow: hidden;
                         text-overflow: ellipsis;
@@ -352,7 +309,6 @@
                     }
 
                     .u-slash {
-                        /* assets/css/common/suspend-common.less */
                         .flex;
                         .flex(o);
                         .size(1.875rem);
@@ -363,31 +319,25 @@
         }
 
         .p-drawer-fixData {
-            /* assets/css/common/suspend-common.less */
             .h(70vh);
             .pr;
             .u-icon {
-                /* assets/css/common/suspend-common.less */
                 .pa;
                 .z(3);
                 right: 1.25rem;
             }
             span {
-                /* assets/css/common/suspend-common.less */
                 color: #fff;
             }
             .u-iframe {
-                /* assets/css/common/suspend-common.less */
                 border-radius: 1.25rem 1.25rem 0 0;
             }
         }
         .slide-up-enter-active,
         .slide-up-leave-active {
-            /* assets/css/common/suspend-common.less */
             transition: transform 0.3s ease-in-out;
         }
         .slide-up-enter, .slide-up-leave-to /* .slide-up-leave-active in <2.1.8 */ {
-            /* assets/css/common/suspend-common.less */
             transform: translateY(100%);
         }
     }

package/assets/css/filters/client-by.less

@@ -1,15 +1,13 @@
+/* assets/css/filters/client-by.less */
 .w-filter-client {
-    /* assets/css/filters/client-by.less */
     font-size: 0;
     ul,
     li {
-        /* assets/css/filters/client-by.less */
         list-style: none;
         padding: 0;
         margin: 0;
     }
     ul {
-        /* assets/css/filters/client-by.less */
         .clearfix;
         .dbi;
         background-color: @bg-gray;
@@ -18,19 +16,16 @@
         overflow: hidden;
     }
     li {
-        /* assets/css/filters/client-by.less */
         padding: 5px 10px;
         .fl;
         .fz(12px);
         border-right: 1px solid #eee;
         &:last-child {
-            /* assets/css/filters/client-by.less */
             border-right: none;
         }
         .pointer;
 
         &.on {
-            /* assets/css/filters/client-by.less */
             background-color: @color-link;
             color: #fff;
             border-color: darken(@color-link, 5%);