@jx3box/jx3box-ui 2.0.11 → 2.0.15

package/assets/css/header/box.less

@@ -1,5 +1,5 @@
+/* assets/css/header/box.less */
 .c-header-jx3box {
-    /* assets/css/header/box.less */
     background-color: @bg-black;
     .z(800);
     overflow-y: auto;
@@ -13,7 +13,6 @@
 
     .none;
     &.on {
-        /* assets/css/header/box.less */
         .db;
     }
 
@@ -26,7 +25,6 @@
     // }
 
     ul {
-        /* assets/css/header/box.less */
         margin: 0 -20px 0 0;
         padding: 10px 0 10px 20px;
         list-style: none;
@@ -34,14 +32,12 @@
     }
 
     li {
-        /* assets/css/header/box.less */
         .fl;
         .db;
         .mr(20px);
         .mb(20px);
     }
     .u-item {
-        /* assets/css/header/box.less */
         .db;
         .size(74px);
         box-sizing: border-box;
@@ -55,14 +51,11 @@
         .pr;
         overflow: hidden;
         .u-pic-hover {
-            /* assets/css/header/box.less */
             .none;
         }
     }
     .u-item:not(.u-doing) {
-        /* assets/css/header/box.less */
         &:hover {
-            /* assets/css/header/box.less */
             border-color: #111;
             // .u-pic {
             //     .none;
@@ -74,7 +67,6 @@
     }
     .u-pic,
     .u-pic-hover {
-        /* assets/css/header/box.less */
         .size(32px);
         .db;
         .auto(x);
@@ -82,14 +74,12 @@
         .tm(0.7);
     }
     .u-txt {
-        /* assets/css/header/box.less */
         .fz(12px, 2);
         color: #666;
         .db;
         white-space: nowrap;
     }
     .u-mark {
-        /* assets/css/header/box.less */
         color: #fff;
         font-size: 12px;
         line-height: 16px;
@@ -101,49 +91,39 @@
         font-style: normal;
 
         &.ishot {
-            /* assets/css/header/box.less */
             background-color: #c00;
         }
         &.isnew {
-            /* assets/css/header/box.less */
             background-color: #2fcb53;
         }
     }
     .u-app-start {
-        /* assets/css/header/box.less */
         .clear(left);
     }
     .u-doing {
-        /* assets/css/header/box.less */
         .tm(0.5);
         cursor: default;
     }
 
     // .pr;
     .u-close {
-        /* assets/css/header/box.less */
         // .pa;.rb(0);
         .fr;
         background-color: @color;
         .fz(13px);
         padding: 5px 10px;
         i {
-            /* assets/css/header/box.less */
             .mr(3px);
         }
         .pointer;
     }
 }
 .c-header-jx3box.isOverlay {
-    /* assets/css/header/box.less */
     background-color: rgba(0, 0, 0, 0.85);
 }
 @media screen and (max-width: @ipad-y) {
-    /* assets/css/header/box.less */
     .c-jx3box {
-        /* assets/css/header/box.less */
         .u-list {
-            /* assets/css/header/box.less */
             .flex;
             flex-wrap: wrap;
             justify-content: center;
@@ -154,12 +134,9 @@
 }
 
 @media screen and (max-width: @phone) {
-    /* assets/css/header/box.less */
     .c-jx3box {
-        /* assets/css/header/box.less */
         height: calc(100vh - @header-height);
         .u-list {
-            /* assets/css/header/box.less */
             border-top: none;
             padding: 0 20px;
             display: grid;
@@ -170,44 +147,34 @@
             gap: 10px;
             margin: 0 !important;
             &::after {
-                /* assets/css/header/box.less */
                 flex: 1;
             }
             li {
-                /* assets/css/header/box.less */
                 padding: 5px;
                 .mr(0);
                 .mb(0);
             }
         }
         .u-item {
-            /* assets/css/header/box.less */
             .size(68px);
             .auto(x);
             .u-pic {
-                /* assets/css/header/box.less */
                 .size(28px);
             }
         }
         .u-app-start {
-            /* assets/css/header/box.less */
             clear: none;
         }
     }
 }
 @media screen and (max-width: @ip5) {
-    /* assets/css/header/box.less */
     .c-jx3box {
-        /* assets/css/header/box.less */
         .u-list {
-            /* assets/css/header/box.less */
             gap: 5px;
         }
         .u-item {
-            /* assets/css/header/box.less */
             .size(60px);
             .u-pic {
-                /* assets/css/header/box.less */
                 .size(22px);
             }
         }

package/assets/css/interact/like2.less

@@ -1,21 +1,18 @@
+/* assets/css/interact/like2.less */
 .w-like2 {
-    /* assets/css/interact/like2.less */
     .pointer;
     .dbi;
     .u-icon {
-        /* assets/css/interact/like2.less */
         .size(26px);
         .y;
         .pr;
     }
     .u-count {
-        /* assets/css/interact/like2.less */
         color: #888;
         .ml(10px);
     }
 
     &.disabled {
-        /* assets/css/interact/like2.less */
         .tm(0.5);
         cursor: default;
     }

package/assets/css/interact/qrcode.less

@@ -1,3 +1,4 @@
+/* assets/css/interact/qrcode.less */
 .w-qrcode {
     display: inline-flex;
     align-items: center;

package/assets/css/interact/share2.less

@@ -1,16 +1,14 @@
+/* assets/css/interact/share2.less */
 .w-share2 {
-    /* assets/css/interact/share2.less */
     .pointer;
     .dbi;
     .u-icon {
-        /* assets/css/interact/share2.less */
         .size(26px);
         .y;
         box-sizing: border-box;
         .pr;
     }
     .u-simple-icon {
-        /* assets/css/interact/share2.less */
         .size(20px);
         position: relative;
         top: -1px;
@@ -18,19 +16,15 @@
     }
 }
 .u-share2-pop {
-    /* assets/css/interact/share2.less */
     .u-share2-content {
-        /* assets/css/interact/share2.less */
         display: flex;
         justify-content: space-between;
         align-items: center;
 
         .w(400px);
         .u-share2-content-main {
-            /* assets/css/interact/share2.less */
             // display: flex;
             &::after {
-                /* assets/css/interact/share2.less */
                 content: "";
                 height: 100%;
                 width: 1px;
@@ -41,7 +35,6 @@
             }
 
             .u-share2-item {
-                /* assets/css/interact/share2.less */
                 .dbi;
                 cursor: pointer;
                 text-align: center;
@@ -52,7 +45,6 @@
                 overflow: hidden;
 
                 &:hover {
-                    /* assets/css/interact/share2.less */
                     color: #00a1d6;
                     // .u-share-icon {
                     //     // 利用shadow来改变 icon 颜色，注意overflow应为hidden
@@ -64,7 +56,6 @@
             }
         }
         .u-share2-wechat {
-            /* assets/css/interact/share2.less */
             text-align: center;
             padding: 0 0 0 20px;
             border-left: 1px solid #e5e9ef;
@@ -75,30 +66,24 @@
             justify-content: center;
 
             .u-pic {
-                /* assets/css/interact/share2.less */
                 cursor: pointer;
             }
         }
     }
 
     .u-share-icon {
-        /* assets/css/interact/share2.less */
         .size(28px);
     }
 }
 
 @media screen and (max-width: @phone) {
-    /* assets/css/interact/share2.less */
     .u-share2-pop {
-        /* assets/css/interact/share2.less */
         .u-share2-content {
-            /* assets/css/interact/share2.less */
             .w(150px);
             flex-wrap: wrap;
             text-align: center;
 
             .u-share2-wechat {
-                /* assets/css/interact/share2.less */
                 text-align: center;
                 .w(150px);
                 padding: 0;
@@ -109,7 +94,6 @@
                 margin-top: 10px;
 
                 .u-pic {
-                    /* assets/css/interact/share2.less */
                     cursor: pointer;
                 }
             }

package/assets/css/mixin.less

@@ -1,8 +1,8 @@
+/* assets/css/mixin.less */
 // ⚠️请勿删除
 
 // 三角
 .u-delta() {
-    /* assets/css/mixin.less */
     .pa;
     background-clip: padding-box;
     background-color: #fff;
@@ -18,7 +18,6 @@
     top: 100%;
 
     &:before {
-        /* assets/css/mixin.less */
         content: "";
         display: inline-block;
         position: absolute;
@@ -30,7 +29,6 @@
     }
 
     &:after {
-        /* assets/css/mixin.less */
         content: "";
         display: inline-block;
         position: absolute;

package/assets/css/single/author.less

@@ -1,67 +1,55 @@
+/* assets/css/single/author.less */
 .c-author {
-    /* assets/css/single/author.less */
     .u-tips {
-        /* assets/css/single/author.less */
         .db;
         color: #555;
         font-size: 12px;
     }
 
     .u-label {
-        /* assets/css/single/author.less */
         padding: 10px 0;
         .flex;
         align-items: center;
         i,
         svg {
-            /* assets/css/single/author.less */
             .size(18px);
             .mr(5px);
         }
         span {
-            /* assets/css/single/author.less */
             .fz(12px);
             font-weight: 500;
         }
         // border-bottom: 1px solid @border;
     }
     .u-more {
-        /* assets/css/single/author.less */
         fill: #aaa;
     }
 
     @keyframes living-icon-ani {
-        /* assets/css/single/author.less */
         0% {
-            /* assets/css/single/author.less */
             -webkit-transform: scaleY(0.5);
             transform: scaleY(0.5);
         }
         50% {
-            /* assets/css/single/author.less */
             -webkit-transform: scaleY(1);
             transform: scaleY(1);
         }
         to {
-            /* assets/css/single/author.less */
             -webkit-transform: scaleY(0.5);
             transform: scaleY(0.5);
         }
     }
 
     .u-tv-living {
-        /* assets/css/single/author.less */
         .dbi;
         .ml(10px);
     }
 
     .u-tv-living-icon {
-        /* assets/css/single/author.less */
         .h(10px);
     }
 
     .u-tv-living-icon-col {
-        /* assets/css/single/author.less */
         .dbi;
         transform-origin: bottom;
         width: 2px;
@@ -72,16 +60,13 @@
         animation: living-icon-ani 0.6s linear infinite;
     }
     .u-tv-living-icon-col.first {
-        /* assets/css/single/author.less */
         animation-delay: -0.2s;
     }
     .u-tv-living-icon-col.last {
-        /* assets/css/single/author.less */
         animation-delay: 0.2s;
     }
 
     .u-interact {
-        /* assets/css/single/author.less */
         .mt(5px);
         display: flex;
         align-items: center;
@@ -92,29 +77,25 @@
         }
     }
     .u-links {
-        /* assets/css/single/author.less */
         .mt(15px);
     }
     .u-block {
-        /* assets/css/single/author.less */
         .mt(22px);
     }
 
     // .u-btn {
-    //     /* assets/css/single/author.less */
+    //     
     //     &:hover {
-    //         /* assets/css/single/author.less */
+    //         
     //         color: @primary;
     //     }
     // }
 }
 
 .c-sidebar-left .c-author {
-    /* assets/css/single/author.less */
     margin: 10px;
 }
 
 .c-sidebar-right .c-author {
-    /* assets/css/single/author.less */
     margin: 15px;
 }

package/assets/css/single/cms-single.less

@@ -1,72 +1,57 @@
+/* assets/css/single/cms-single.less */
 .m-single-box {
-    /* assets/css/single/cms-single.less */
     // padding: 0 30px;
     .el-divider__text {
-        /* assets/css/single/cms-single.less */
         color: #888;
         font-weight: 300;
     }
     .pr;
 }
 @media screen and (max-width: @phone) {
-    /* assets/css/single/cms-single.less */
     .m-single-box {
         --el-color-primary: @primary;
-        /* assets/css/single/cms-single.less */
         padding: 0 15px;
     }
 }
 
 .m-single-prepend {
-    /* assets/css/single/cms-single.less */
     .pr;
 }
 
 .m-single-collection,
 .m-single-creators {
-    /* assets/css/single/cms-single.less */
     .mb(10px);
 }
 
 .m-single-post {
-    /* assets/css/single/cms-single.less */
     .mb(10px);
     .pr;
     .el-divider {
-        /* assets/css/single/cms-single.less */
         margin: 10px auto 20px auto;
     }
     overflow: hidden;
 }
 
 .m-single-content {
-    /* assets/css/single/cms-single.less */
     height: auto !important;
 }
 @media print {
-    /* assets/css/single/cms-single.less */
     .m-single-content {
-        /* assets/css/single/cms-single.less */
         table {
-            /* assets/css/single/cms-single.less */
             width: 100% !important;
         }
     }
 }
 @media print {
-    /* assets/css/single/cms-single.less */
     .m-single-comment {
-        /* assets/css/single/cms-single.less */
         .none;
     }
 }
 
 .m-single-null {
-    /* assets/css/single/cms-single.less */
     padding: 20px 0;
 }
 
 .m-single-thx {
-    /* assets/css/single/cms-single.less */
     .mt(40px);
 }