@jx3box/jx3box-ui 2.0.2 → 2.0.4

package/assets/css/header/box.less

@@ -1,4 +1,5 @@
 .c-header-jx3box {
+    /* assets/css/header/box.less */
     background-color: @bg-black;
     .z(800);
     overflow-y: auto;
@@ -12,6 +13,7 @@
 
     .none;
     &.on {
+        /* assets/css/header/box.less */
         .db;
     }
 
@@ -24,6 +26,7 @@
     // }
 
     ul {
+        /* assets/css/header/box.less */
         margin: 0 -20px 0 0;
         padding: 10px 0 10px 20px;
         list-style: none;
@@ -31,12 +34,14 @@
     }
 
     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;
@@ -50,11 +55,14 @@
         .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;
@@ -66,6 +74,7 @@
     }
     .u-pic,
     .u-pic-hover {
+        /* assets/css/header/box.less */
         .size(32px);
         .db;
         .auto(x);
@@ -73,12 +82,14 @@
         .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;
@@ -90,39 +101,49 @@
         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;
@@ -133,9 +154,12 @@
 }
 
 @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;
@@ -146,34 +170,44 @@
             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,12 +1,15 @@
 .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);
         .pr;
@@ -14,6 +17,7 @@
     }
 
     &.disabled {
+        /* assets/css/interact/like2.less */
         .tm(0.5);
         cursor: default;
     }

package/assets/css/interact/share2.less

@@ -1,13 +1,16 @@
 .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;
@@ -15,15 +18,19 @@
     }
 }
 .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;
@@ -34,6 +41,7 @@
             }
 
             .u-share2-item {
+                /* assets/css/interact/share2.less */
                 .dbi;
                 cursor: pointer;
                 text-align: center;
@@ -44,6 +52,7 @@
                 overflow: hidden;
 
                 &:hover {
+                    /* assets/css/interact/share2.less */
                     color: #00a1d6;
                     // .u-share-icon {
                     //     // 利用shadow来改变 icon 颜色，注意overflow应为hidden
@@ -55,6 +64,7 @@
             }
         }
         .u-share2-wechat {
+            /* assets/css/interact/share2.less */
             text-align: center;
             padding: 0 0 0 20px;
             border-left: 1px solid #e5e9ef;
@@ -65,24 +75,30 @@
             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;
@@ -93,6 +109,7 @@
                 margin-top: 10px;
 
                 .u-pic {
+                    /* assets/css/interact/share2.less */
                     cursor: pointer;
                 }
             }

package/assets/css/mixin.less

@@ -2,6 +2,7 @@
 
 // 三角
 .u-delta() {
+    /* assets/css/mixin.less */
     .pa;
     background-clip: padding-box;
     background-color: #fff;
@@ -17,6 +18,7 @@
     top: 100%;
 
     &:before {
+        /* assets/css/mixin.less */
         content: "";
         display: inline-block;
         position: absolute;
@@ -28,6 +30,7 @@
     }
 
     &:after {
+        /* assets/css/mixin.less */
         content: "";
         display: inline-block;
         position: absolute;

package/assets/css/module/author.less

@@ -1,5 +1,7 @@
 .w-author {
+    /* assets/css/module/author.less */
     .w-author-wrapper {
+        /* assets/css/module/author.less */
         @max-width: 280px;
         @min-width: 280px;
         max-width: @max-width;
@@ -10,25 +12,30 @@
         box-sizing: border-box;
 
         .u-author {
+            /* assets/css/module/author.less */
             .clearfix;
             .db;
             .pr;
         }
         .u-avatar {
+            /* assets/css/module/author.less */
             .fl;
             .mr(15px);
             .size(68px);
         }
         .u-name {
+            /* assets/css/module/author.less */
             .lh(2.2);
             .bold;
             color: @darkblue;
             &:hover {
+                /* assets/css/module/author.less */
                 color: #f39;
             }
             .nobreak;
         }
         .u-info {
+            /* assets/css/module/author.less */
             .pr;
             top: -4px;
             .h(68px);
@@ -37,6 +44,7 @@
             justify-content: center;
         }
         .u-bio {
+            /* assets/css/module/author.less */
             .mb(10px);
             .fz(12px, 2);
             .break(3);
@@ -44,9 +52,11 @@
             padding: 0 5px;
         }
         .u-extend {
+            /* assets/css/module/author.less */
             display: flex;
         }
         .u-level {
+            /* assets/css/module/author.less */
             padding: 2px 8px;
             .fz(12px, 14px);
             color: #fff;
@@ -54,34 +64,44 @@
             border-radius: 2px;
 
             &.lv-1 {
+                /* assets/css/module/author.less */
                 background-color: #32d3c4;
             }
             &.lv-2 {
+                /* assets/css/module/author.less */
                 background-color: #86c0fb;
             }
             &.lv-3 {
+                /* assets/css/module/author.less */
                 background-color: #33d9ff;
             }
             &.lv-4 {
+                /* assets/css/module/author.less */
                 background-color: #ffdb2a;
             }
             &.lv-5 {
+                /* assets/css/module/author.less */
                 background-color: #ffa739;
             }
             &.lv-6 {
+                /* assets/css/module/author.less */
                 background-color: #ff70b2;
             }
             &.lv-7 {
+                /* assets/css/module/author.less */
                 background-color: #ff3399;
             }
             &.lv-8 {
+                /* assets/css/module/author.less */
                 background-color: #f93c3c;
             }
         }
         .u-vip {
+            /* assets/css/module/author.less */
             .ml(5px);
             .db;
             .i-icon-vip {
+                /* assets/css/module/author.less */
                 .db;
                 vertical-align: baseline;
                 padding: 2px 6px;
@@ -91,83 +111,102 @@
                 background-color: #ddd;
                 color: #fff;
                 &.on {
+                    /* assets/css/module/author.less */
                     background-color: #6f42c1;
                 }
             }
         }
         .u-superauthor {
+            /* assets/css/module/author.less */
             margin-left: 4px;
             display: inline-block;
             vertical-align: -2px;
             img {
+                /* assets/css/module/author.less */
                 padding: 0;
                 margin: 0;
                 width: 16px;
             }
         }
         .u-tips {
+            /* assets/css/module/author.less */
             .db;
             color: #555;
             font-size: 12px;
         }
         .u-link {
+            /* assets/css/module/author.less */
             border-top: 1px dashed #eee;
             border-bottom: 1px dashed #eee;
             a,
             div {
+                /* assets/css/module/author.less */
                 .db;
                 margin: 10px 5px;
                 .fz(12px, 20px);
                 color: #555;
             }
             a {
+                /* assets/css/module/author.less */
                 &:hover {
+                    /* assets/css/module/author.less */
                     color: #f39;
                 }
             }
             svg,
             img {
+                /* assets/css/module/author.less */
                 .size(16px);
                 .mr(6px);
                 .y(-3px);
             }
         }
         .u-medals {
+            /* assets/css/module/author.less */
             padding: 0 2px;
             line-height: unset;
 
             .m-medal {
+                /* assets/css/module/author.less */
                 line-height: normal;
                 flex-wrap: wrap;
             }
         }
 
         .u-medal {
+            /* assets/css/module/author.less */
             img {
+                /* assets/css/module/author.less */
                 padding: 0;
                 margin: 0;
                 .size(20px);
             }
         }
         .u-label {
+            /* assets/css/module/author.less */
             margin: 15px 0 10px 0;
             padding: 0 5px 10px 5px;
             i {
+                /* assets/css/module/author.less */
                 .mr(5px);
             }
             span {
+                /* assets/css/module/author.less */
                 .fz(13px);
             }
             border-bottom: 1px solid @border;
         }
 
         .u-teams {
+            /* assets/css/module/author.less */
             .mt(5px);
             .u-team {
+                /* assets/css/module/author.less */
                 .db;
                 background-color: #f2f6fc;
                 .mb(6px);
                 &:hover {
+                    /* assets/css/module/author.less */
                     background-color: #e6f0fb;
                     // color:@color-link;
                 }
@@ -177,11 +216,13 @@
                 align-items: center;
             }
             .u-team-logo {
+                /* assets/css/module/author.less */
                 .size(22px);
                 .mr(4px);
                 .r(4px);
             }
             .u-team-name {
+                /* assets/css/module/author.less */
                 .fz(12px);
                 color: #555;
             }

package/assets/css/module/buff.less

@@ -1,7 +1,9 @@
 .w-buff {
+    /* assets/css/module/buff.less */
     padding: 1px;
     border: 1px solid #0f2222;
     .w-buff-wrapper {
+        /* assets/css/module/buff.less */
         @max-width: 345px;
         @min-width: 200px;
         max-width: @max-width;
@@ -13,6 +15,7 @@
     }
 
     .w-buff-icon {
+        /* assets/css/module/buff.less */
         .size(48px);
         border:none;
         padding:0;
@@ -20,6 +23,7 @@
     }
 
     .w-buff-content {
+        /* assets/css/module/buff.less */
         font-weight: normal;
         flex-grow: 1;
         text-shadow: 1px 1px 1px #0f2222;
@@ -27,12 +31,14 @@
     }
 
     .w-buff-name {
+        /* assets/css/module/buff.less */
         color: #ff0;
         .db;
         .fz(13px);
     }
 
     .w-buff-type{
+        /* assets/css/module/buff.less */
         .db;
         color: #77ecff;
         letter-spacing: 0.5px;
@@ -41,12 +47,14 @@
     }
 
     .w-buff-desc {
+        /* assets/css/module/buff.less */
         color: #ffffff;
         letter-spacing: 0.5px;
         .fz(12px, 20px);
     }
 
     .w-buff-meta {
+        /* assets/css/module/buff.less */
         .db;
         .fz(12px, 20px);
         color: #5df9eb;
@@ -54,6 +62,7 @@
 }
 
 .c-article .e-jx3-buff {
+    /* assets/css/module/buff.less */
     // img {
     //     border: none;
     //     margin: 0 5px 0 0;
@@ -73,6 +82,7 @@
     // }
     text-decoration: underline;
     &:hover {
+        /* assets/css/module/buff.less */
         box-shadow: none !important;
     }
 }