@jx3box/jx3box-ui 2.0.11 → 2.0.15

package/assets/css/bread/admin.less

@@ -1,5 +1,5 @@
+/* assets/css/bread/admin.less */
 .c-admin {
-    /* assets/css/bread/admin.less */
     top: 0;
     position: fixed;
     right: 0;
@@ -7,40 +7,32 @@
     margin: 0;
 
     *:focus {
-        /* assets/css/bread/admin.less */
         outline: none !important;
         box-shadow: none !important;
     }
 
     .el-drawer {
-        /* assets/css/bread/admin.less */
         .size(100%);
         overflow-y: auto;
     }
     .el-drawer__header{
-        /* assets/css/bread/admin.less */
         .mb(10px);
     }
     .el-drawer__body{
-        /* assets/css/bread/admin.less */
         padding:0 20px;
     }
 }
 
 .c-admin-mark {
-    /* assets/css/bread/admin.less */
     .el-radio {
-        /* assets/css/bread/admin.less */
         .mb(10px);
     }
 }
 
 .c-admin-wrapper {
-    /* assets/css/bread/admin.less */
     box-sizing: border-box;
 
     .u-refresh-btn {
-        /* assets/css/bread/admin.less */
         margin-left: 10px;;
     }
     .m-status-op {
@@ -50,38 +42,30 @@
 }
 
 .c-admin-highlight-checkbox {
-    /* assets/css/bread/admin.less */
     .mr(10px) !important;
 }
 .c-admin-highlight-block {
-    /* assets/css/bread/admin.less */
     .y;
 }
 .c-admin-highlight-preview {
-    /* assets/css/bread/admin.less */
     .fz(14px);
     .bold;
     .ml(10px);
 }
 
 .c-admin-banner {
-    /* assets/css/bread/admin.less */
     .u-banner {
-        /* assets/css/bread/admin.less */
         .mt(10px);
     }
     .u-btn {
-        /* assets/css/bread/admin.less */
         .pointer;
     }
 }
 .c-admin-upload {
-    /* assets/css/bread/admin.less */
     .w(100%) !important;
     .x;
 
     .el-upload {
-        /* assets/css/bread/admin.less */
         .size(100%);
         box-sizing: border-box;
     }
@@ -97,23 +81,19 @@
     vertical-align: top;
 
     &:hover {
-        /* assets/css/bread/admin.less */
         border-color: #409eff;
     }
 }
 
 .c-admin-info {
-    /* assets/css/bread/admin.less */
     display: flex;
 }
 
 .w-select {
-    /* assets/css/bread/admin.less */
     position: relative;
     .flex;
     align-items: center;
     .u-select-label {
-        /* assets/css/bread/admin.less */
         background-color: #f5f7fa;
         color: #909399;
         position: relative;
@@ -133,9 +113,7 @@
         box-sizing: border-box;
     }
     .el-select {
-        /* assets/css/bread/admin.less */
         .el-select__wrapper {
-            /* assets/css/bread/admin.less */
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
             box-shadow: 0 1px 0 0 #dcdfe6 inset, 0 -1px 0 0 #dcdfe6 inset, 0 0 0 1px #dcdfe6 inset;
@@ -144,37 +122,30 @@
 }
 
 .c-admin-type {
-    /* assets/css/bread/admin.less */
     .w(50%);
     min-width: 200px;
     .mr(10px);
     .u-select-label {
-        /* assets/css/bread/admin.less */
         height: 32px;
         line-height: 32px;
     }
 }
 .c-admin-author {
-    /* assets/css/bread/admin.less */
     /* /Users/lijiawei/Desktop/jx3box/jx3box-ui/assets/css/bread/admin.less */
     .w(50%);
     flex: 1;
 }
 
 .c-admin-buttons {
-    /* assets/css/bread/admin.less */
     /* /Users/lijiawei/Desktop/jx3box/jx3box-ui/assets/css/bread/admin.less */
     .mt(20px);
     .x;
 }
 
 @media screen and (max-width: @ipad) {
-    /* assets/css/bread/admin.less */
     .c-admin {
-        /* assets/css/bread/admin.less */
         /* /Users/lijiawei/Desktop/jx3box/jx3box-ui/assets/css/bread/admin.less */
         .el-drawer {
-            /* assets/css/bread/admin.less */
             .w(100%) !important;
         }
     }

package/assets/css/bread/breadcrumb.less

@@ -1,5 +1,5 @@
+/* assets/css/bread/breadcrumb.less */
 .c-breadcrumb {
-    /* assets/css/bread/breadcrumb.less */
     .pf;
     top: @header-height;
     .z(499);
@@ -13,10 +13,8 @@
     transition: 0.5s ease-in-out;
 
     .u-channel {
-        /* assets/css/bread/breadcrumb.less */
         .fl;
         span {
-            /* assets/css/bread/breadcrumb.less */
             .bold;
             color: @color;
         }
@@ -24,13 +22,11 @@
         // padding:10px;
     }
     .u-channel-logo {
-        /* assets/css/bread/breadcrumb.less */
         .fl;
         .size(28px);
         .mr(10px);
         box-sizing: border-box;
         svg {
-            /* assets/css/bread/breadcrumb.less */
             .size(100%);
             fill: @bg-black;
             box-sizing: border-box;
@@ -38,25 +34,20 @@
     }
 
     .u-channel:hover {
-        /* assets/css/bread/breadcrumb.less */
         .u-title {
-            /* assets/css/bread/breadcrumb.less */
             color: var(--el-color-primary);
         }
         .u-channel-logo svg {
-            /* assets/css/bread/breadcrumb.less */
             fill: var(--el-color-primary);
         }
     }
 
     .c-crumb {
-        /* assets/css/bread/breadcrumb.less */
         .fl;
         .mr(20px);
     }
 
     .el-tabs {
-        /* assets/css/bread/breadcrumb.less */
         position: absolute;
         left: 140px;
         top: 0;
@@ -64,18 +55,15 @@
         bottom: 0;
 
         .el-tabs__header {
-            /* assets/css/bread/breadcrumb.less */
             margin: 0;
         }
 
         .el-tabs__item {
-            /* assets/css/bread/breadcrumb.less */
             .h(48px);
             .lh(48px);
         }
 
         .el-tabs__nav-wrap::after {
-            /* assets/css/bread/breadcrumb.less */
             .none;
         }
     }
@@ -83,7 +71,6 @@
     .u-publish,
     .u-admin,
     .u-feedback {
-        /* assets/css/bread/breadcrumb.less */
         .fr;
         // .pa;.rt(8px,8px);
         padding: 8px 18px;
@@ -92,13 +79,11 @@
 
     .u-admin,
     .u-feedback {
-        /* assets/css/bread/breadcrumb.less */
         .mr(10px);
         .ml(0);
     }
 
     .u-menu {
-        /* assets/css/bread/breadcrumb.less */
         .pa;
         .lt(0);
         .h(28px);
@@ -107,19 +92,16 @@
         .pointer;
 
         svg {
-            /* assets/css/bread/breadcrumb.less */
             .h(29px);
             fill: @color;
         }
 
         .on {
-            /* assets/css/bread/breadcrumb.less */
             fill: @primary;
         }
     }
 
     .u-op {
-        /* assets/css/bread/breadcrumb.less */
         .pa;
         .rt(10px);
         .flex(y);gap:10px;
@@ -128,45 +110,34 @@
     }
 }
 .c-breadcrumb.isOverlay {
-    /* assets/css/bread/breadcrumb.less */
     background-color: rgba(255, 255, 255, 0.85);
 }
 
 @media screen and (max-width: @ipad) {
-    /* assets/css/bread/breadcrumb.less */
     .c-breadcrumb {
-        /* assets/css/bread/breadcrumb.less */
         padding-left: 40px;
 
         &.withoutLeft {
-            /* assets/css/bread/breadcrumb.less */
             padding-left: 10px;
         }
         .u-menu {
-            /* assets/css/bread/breadcrumb.less */
             .db;
         }
         .u-channel-logo {
-            /* assets/css/bread/breadcrumb.less */
             .none;
         }
         .u-channel.on {
-            /* assets/css/bread/breadcrumb.less */
             .u-channel-logo {
-                /* assets/css/bread/breadcrumb.less */
                 .db;
             }
         }
         .u-op-public {
-            /* assets/css/bread/breadcrumb.less */
             .none;
         }
         .el-tabs {
-            /* assets/css/bread/breadcrumb.less */
             right: 0;
         }
         .c-crumb {
-            /* assets/css/bread/breadcrumb.less */
             float: none;
             white-space: nowrap;
             overflow: auto;
@@ -174,29 +145,21 @@
     }
 }
 @media print {
-    /* assets/css/bread/breadcrumb.less */
     .c-breadcrumb {
-        /* assets/css/bread/breadcrumb.less */
         .none;
     }
 }
 
 @media screen and (max-width: @phone) {
-    /* assets/css/bread/breadcrumb.less */
     .env-app {
-        /* assets/css/bread/breadcrumb.less */
         .c-breadcrumb {
-            /* assets/css/bread/breadcrumb.less */
             .none;
         }
     }
 
     .wechat-miniprogram{
-        /* assets/css/bread/breadcrumb.less */
         .c-breadcrumb{
-            /* assets/css/bread/breadcrumb.less */
             .u-op {
-                /* assets/css/bread/breadcrumb.less */
                 .none;
             }
         }

package/assets/css/bread/crumb.less

@@ -1,23 +1,18 @@
+/* assets/css/bread/crumb.less */
 .c-crumb {
-    /* assets/css/bread/crumb.less */
     font-size: 12px;
 
     p {
-        /* assets/css/bread/crumb.less */
         margin: 0;
     }
     a {
-        /* assets/css/bread/crumb.less */
         &:hover {
-            /* assets/css/bread/crumb.less */
             box-shadow: 0 1px 0 @color-link;
         }
     }
 }
 @media screen and (max-width: @phone) {
-    /* assets/css/bread/crumb.less */
     .c-crumb {
-        /* assets/css/bread/crumb.less */
         .none;
     }
 }

package/assets/css/comment/quick-reply.less

@@ -1,7 +1,6 @@
+/* assets/css/comment/quick-reply.less */
 .c-jx3box-reply {
-    /* assets/css/comment/quick-reply.less */
     .u-reference {
-        /* assets/css/comment/quick-reply.less */
         cursor: pointer;
         position: relative;
         margin-left: 10px;
@@ -9,22 +8,18 @@
     }
 }
 .c-jx3box-reply-pop {
-    /* assets/css/comment/quick-reply.less */
     padding: 0;
     width: 280px;
 }
 
 .c-jx3box-reply-pop__content {
-    /* assets/css/comment/quick-reply.less */
     position: relative;
 
     .u-title {
-        /* assets/css/comment/quick-reply.less */
         font-size: 14px;
         padding: 10px;
     }
     .u-close {
-        /* assets/css/comment/quick-reply.less */
         position: absolute;
         top: 10px;
         right: 10px;
@@ -33,31 +28,26 @@
     }
 
     .m-reply-list {
-        /* assets/css/comment/quick-reply.less */
         padding: 0 10px 10px 10px;
         max-height: 300px;
         overflow-y: auto;
     }
     .m-reply-list__item {
-        /* assets/css/comment/quick-reply.less */
         cursor: pointer;
         padding: 5px;
         border: 1px solid #eee;
         border-radius: 4px;
         margin-bottom: 5px;
         .u-name {
-            /* assets/css/comment/quick-reply.less */
             font-size: 12px;
             color: #999;
         }
         .u-content {
-            /* assets/css/comment/quick-reply.less */
             font-size: 14px;
             margin-top: 5px;
         }
 
         &:hover {
-            /* assets/css/comment/quick-reply.less */
             color: #fff;
             background-color: #409eff;
             border-color: #409eff;

package/assets/css/common/footer.less

@@ -1,29 +1,24 @@
+/* assets/css/common/footer.less */
 .c-footer {
-    /* assets/css/common/footer.less */
     padding: 20px;
 
     .fz(13px);
     color: #999;
     a {
-        /* assets/css/common/footer.less */
         transition: 0.03s ease-in-out;
         color: #999;
         box-shadow: 0 1px transparent;
 
         &:hover {
-            /* assets/css/common/footer.less */
             color: @color-link;
             box-shadow: 0 1px @color-link;
         }
     }
 
     &.is--dark {
-        /* assets/css/common/footer.less */
         background-color: @bg-black;
         a {
-            /* assets/css/common/footer.less */
             &:hover {
-                /* assets/css/common/footer.less */
                 color: #eee;
                 box-shadow: 0 1px #eee;
             }
@@ -31,70 +26,53 @@
     }
 }
 .c-footer-inner {
-    /* assets/css/common/footer.less */
     .flex;
     justify-content: space-between;
 }
 .c-footer-left {
-    /* assets/css/common/footer.less */
     .u-flag {
-        /* assets/css/common/footer.less */
         .size(18px);
         .y(-3px);
         .mr(5px);
     }
     .u-beian {
-        /* assets/css/common/footer.less */
         .italic;
     }
 }
 .c-footer-right {
-    /* assets/css/common/footer.less */
     em {
-        /* assets/css/common/footer.less */
         margin: 0 10px;
     }
 }
 @media screen and (max-width: @phone) {
-    /* assets/css/common/footer.less */
     .c-footer {
-        /* assets/css/common/footer.less */
         padding-left: 0 !important;
         padding-right: 0 !important;
     }
     .c-footer-left {
-        /* assets/css/common/footer.less */
         .none;
     }
     .c-footer-right {
-        /* assets/css/common/footer.less */
         flex: 1;
         .x;
     }
 }
 
 @media print {
-    /* assets/css/common/footer.less */
     .c-footer {
-        /* assets/css/common/footer.less */
         .none;
     }
 }
 
 @media screen and (max-width: @phone) {
-    /* assets/css/common/footer.less */
     .env-app {
-        /* assets/css/common/footer.less */
         .c-footer {
-            /* assets/css/common/footer.less */
             .none;
         }
     }
 
     .wechat-miniprogram {
-        /* assets/css/common/footer.less */
         .c-footer {
-            /* assets/css/common/footer.less */
             .none;
         }
     }

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

@@ -1,5 +1,5 @@
+/* assets/css/common/left-sidebar.less */
 .c-sidebar-left {
-    /* assets/css/common/left-sidebar.less */
     .w(@aside-left - 40px);
     box-sizing: border-box;
     padding: 10px;
@@ -13,29 +13,24 @@
 }
 
 .c-sidebar-left.without-bread {
-    /* assets/css/common/left-sidebar.less */
     top: @header-height;
 }
 
 .c-sidebar-left-inner {
-    /* assets/css/common/left-sidebar.less */
     .size(100%);
     overflow-y: auto;
 
     &::-webkit-scrollbar {
-        /* assets/css/common/left-sidebar.less */
         width: 4px;
     }
 
     &::-webkit-scrollbar-track,
     &::-webkit-scrollbar-track-piece {
-        /* assets/css/common/left-sidebar.less */
         background-color: #fafafa;
         border-radius: 6px;
     }
 
     &::-webkit-scrollbar-thumb {
-        /* assets/css/common/left-sidebar.less */
         background-color: #eee;
         border-radius: 6px;
     }
@@ -43,40 +38,32 @@
     &::-webkit-scrollbar-button,
     &::-webkit-scrollbar-corner,
     &::-webkit-resizer {
-        /* assets/css/common/left-sidebar.less */
         display: none;
     }
 }
 
 // 笔记本<1440 缩小双边栏
 @media screen and (max-width: @smallpc) {
-    /* assets/css/common/left-sidebar.less */
     .c-sidebar-left {
-        /* assets/css/common/left-sidebar.less */
         .w(@aside-left - 40px);
     }
 }
 
 // 平板横屏
 @media screen and (max-width: @notebook) {
-    /* assets/css/common/left-sidebar.less */
     .c-sidebar-left {
-        /* assets/css/common/left-sidebar.less */
         .w(@aside-left - 60px);
     }
 }
 
 @media screen and (max-width: @phone) {
-    /* assets/css/common/left-sidebar.less */
     .c-sidebar-left-inner {
-        /* assets/css/common/left-sidebar.less */
         overflow-y: auto;
     }
 }
 
 // 折叠相关逻辑
 .c-sidebar-left-toggle {
-    /* assets/css/common/left-sidebar.less */
     display: block;
     .pa;
     .rb(-21px, calc(50% - 20px));
@@ -94,72 +81,58 @@
     color: #999;
 
     &:hover {
-        /* assets/css/common/left-sidebar.less */
         color: #222;
     }
 
     &.close-sidebar-left {
-        /* assets/css/common/left-sidebar.less */
         right: 0;
     }
 
     svg {
-        /* assets/css/common/left-sidebar.less */
         fill: @color;
     }
 }
 
 .closeLeftSidebar() {
-    /* assets/css/common/left-sidebar.less */
     transition: 0.2s ease-in-out;
     transform: translateX(-100%);
 }
 
 .openLeftSidebar() {
-    /* assets/css/common/left-sidebar.less */
     transition: 0.2s ease-in-out;
     transform: translateX(0);
 }
 
 .c-sidebar-left.isclose {
-    /* assets/css/common/left-sidebar.less */
     .closeLeftSidebar();
 
     .c-sidebar-left-toggle {
-        /* assets/css/common/left-sidebar.less */
         transition: 0.2s ease-in-out;
         transform: translateX(100%);
     }
 }
 
 .c-sidebar-left.isopen {
-    /* assets/css/common/left-sidebar.less */
     .openLeftSidebar();
 
     .c-sidebar-left-toggle {
-        /* assets/css/common/left-sidebar.less */
         transition: 0.2s ease-in-out;
         transform: translateX(0);
     }
 }
 
 @media screen and (max-width: @ipad) {
-    /* assets/css/common/left-sidebar.less */
     .c-sidebar-left-toggle {
-        /* assets/css/common/left-sidebar.less */
         .none;
     }
 
     .c-sidebar-left.isopen {
-        /* assets/css/common/left-sidebar.less */
         box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
     }
 }
 
 @media print {
-    /* assets/css/common/left-sidebar.less */
     .c-sidebar-left {
-        /* assets/css/common/left-sidebar.less */
         .none;
     }
 }