@jx3box/jx3box-ui 0.0.1

package/assets/css/single/thx.less

@@ -0,0 +1,230 @@
+.w-thx {
+    .w-like2,
+    .w-fav2,
+    .w-boxcoin-user,
+    .w-share2,
+    .w-rss,
+    .w-boxcoin-admin {
+        .mr(20px);
+    }
+    .x;
+
+    .u-record-icon {
+        .size(26px);
+        // .y;
+        .pr;
+        top: 4px;
+        .pointer;
+    }
+}
+.w-thx-panel {
+    .mb(20px);
+    .flex;
+    align-items: center;
+    justify-content: center;
+}
+.w-thx-copyright {
+    .fz(12px,2);
+    color: #888;
+    border: 1px dashed #eee;
+    max-width: 800px;
+    .auto(x);
+    padding: 10px;
+    .mt(20px);
+    background-color: @bg-light;
+}
+
+.w-boxcoin-block {
+    .pointer;
+
+    &.disabled{
+        opacity:0.5;
+        cursor:not-allowed;
+    }
+}
+.w-boxcoin-admin {
+    .x(left);
+    .dbi;
+    .u-icon {
+        .size(26px);
+        .y;
+        .pr;
+    }
+}
+.w-boxcoin-pop {
+    width: 800px;
+    max-width: 100%;
+
+    .el-dialog__body {
+        padding: 10px 20px;
+
+        .fz(14px,2);
+
+        .u-left {
+            .fz(14px,24px);
+            .u-label {
+                .mr(10px);
+            }
+            b {
+                // color:#49c10f;
+                // color:@color-link;
+                color: #fba524;
+                .fz(20px,1);
+                .dbi;
+                .y;
+                vertical-align: text-bottom;
+                .mr(10px);
+            }
+            .el-progress {
+                margin: 10px;
+            }
+        }
+        .u-list {
+            .mt(10px);
+        }
+        .u-points {
+            padding: 10px;
+            .el-radio {
+                .ml(0) !important;
+                .mb(10px);
+                .w(140px);
+                b {
+                    color: #e81224;
+                    .mr(5px);
+                }
+            }
+            .el-input-number {
+                .ml(0) !important;
+                .mb(10px);
+                .w(140px);
+            }
+        }
+
+        .u-label {
+            font-style: normal;
+            background-color: @bg-gray;
+            padding: 5px 10px;
+        }
+        .u-input {
+            padding: 10px 0 10px 10px;
+        }
+
+        .el-button {
+            padding: 10px;
+            margin: 10px 0 0 0;
+        }
+    }
+}
+@media screen and (max-width: @phone) {
+    .w-boxcoin-pop {
+        margin-top: 0 !important;
+        .w(100%) !important;
+    }
+}
+
+.w-boxcoin-records-list {
+    max-width: 960px;
+    border: 1px solid #eee;
+    margin: 0 auto;
+
+    .u-list {
+        list-style: none;
+        .x(left);
+        margin: 0 auto;
+        padding: 0;
+    }
+    .u-item {
+        border-bottom: 1px dashed #eee;
+        .fz(13px,2.5);
+        .clearfix;
+        padding: 4px 10px;
+        &:last-child {
+            border: none;
+        }
+        display: flex;
+        white-space: nowrap;
+    }
+    .u-meta {
+        .db;
+        .fl;
+    }
+    .u-action {
+        .w(40px);
+        .db;
+        padding-right: 10px;
+        svg {
+            .size(24px);
+            .mt(4px);
+            .db;
+            .auto(x);
+        }
+        .x;
+    }
+    .u-user {
+        .w(120px);
+        .nobreak;
+        &:hover {
+            text-decoration: underline;
+        }
+        .mr(20px);
+    }
+    .u-user-avatar {
+        .y;
+        .size(24px);
+        .mr(5px);
+        .r(2px);
+    }
+    .u-count {
+        .w(120px);
+    }
+    .u-head {
+        background-color: @bg-light;
+    }
+    .u-body {
+        .u-count {
+            color: #fe7e91;
+            font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
+        }
+    }
+    .u-remark {
+        .nobreak;
+        .w(280px);
+    }
+    .u-time {
+        color: #999;
+    }
+    .u-delete {
+        .ml(20px);
+        color: #c00;
+        i {
+            .mr(3px);
+        }
+        .pointer;
+        &:hover {
+            color: #f00;
+        }
+    }
+    .u-client {
+        margin-left: 5px;
+        color: #09f;
+    }
+}
+
+@media screen and (max-width: @phone) {
+    .w-boxcoin-records-list {
+        overflow-x: auto;
+        .u-list {
+            .w(100%);
+        }
+        .u-user {
+            .w(100px);
+        }
+        .u-count {
+            .w(80px);
+        }
+        .u-time,
+        .u-remark {
+            .none;
+        }
+    }
+}

package/assets/css/tinymce/_.less

@@ -0,0 +1,28 @@
+.c-article-tinymce{
+    font-size: 1em;
+    line-height: 1.8;
+    color: #3d454d;
+    max-width: 100%;
+    -webkit-font-smoothing: antialiased !important;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,"Microsoft YaHei", Trebuchet MS, Calibri,
+        BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, sans-serif;
+    text-rendering: optimizelegibility;
+
+    *{
+        max-width: 100%;
+        box-sizing: border-box;
+    }
+}
+.c-article-editor{
+    margin:8px;
+}
+.c-article-origin{
+    display: none;
+}
+@media print{
+    .c-article-tinymce{
+        -webkit-print-color-adjust: exact;
+    }
+}

package/assets/css/tinymce/a.less

@@ -0,0 +1,29 @@
+/* 链接 */
+.c-article-tinymce{
+    a {
+        color: #0366d6;
+        text-decoration: none;
+        &:hover {
+            box-shadow: 0 1px 0 #0366d6;
+        }
+    }
+
+    .e-jx3-author{
+        // padding: 2px 5px;
+        // border-radius: 3px;
+        // border: 1px solid #8250df;
+        color:#8250df;
+
+        &:hover{
+            box-shadow: 0 1px 0 #8250df;
+            // background-color: #fafbfc;
+        }
+    }
+}
+// @media print {
+//     .c-article {
+//         a::after {
+//             content: "(" attr(href) ")"; /* 所有链接后显示链接地址 */
+//         }
+//     }
+// }

package/assets/css/tinymce/code.less

@@ -0,0 +1,159 @@
+.c-article-tinymce{
+    //兼容旧代码
+    code {
+        font-family: Consolas, monospace, serif;
+        color: #dd0055;
+        // white-space: nowrap;
+        padding: 2px 4px;
+        border: 1px solid #dddddd;
+        border-radius: 3px;
+        background: #fafafa;
+    }
+
+    // pre {
+    // 	font-family: Consolas, Monaco, monospace;
+    // 	display: block;
+    // 	font-size: 15px;
+    // 	line-height: 1.5;
+
+    // 	padding: 10px;
+    // 	background: #fafafa;
+    // 	color: #444444;
+    // 	-moz-tab-size: 4;
+    // 	tab-size: 4;
+    // 	overflow: auto;
+    // 	border: 1px solid #dddddd;
+    // 	border-radius: 3px;
+    // 	white-space: pre-wrap;
+
+    //     //兼容旧版
+    // 	code{
+    // 		display: block;
+    // 		white-space: pre-wrap;
+    // 		border:none;
+    // 	}
+    // }
+
+    // codesample
+    code[class*="language-"],
+    pre[class*="language-"] {
+        color: black;
+        background: none;
+        text-shadow: 0 1px white;
+        font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+        font-size: 1em;
+        text-align: left;
+        white-space: pre;
+        word-spacing: normal;
+        word-break: normal;
+        word-wrap: normal;
+        line-height: 1.5;
+        -moz-tab-size: 4;
+        tab-size: 4;
+        -webkit-hyphens: none;
+        -ms-hyphens: none;
+        hyphens: none;
+
+        // 避免默认
+        border: none;
+        padding: 0;
+        border-radius: 0;
+    }
+    pre[class*="language-"]::-moz-selection,
+    pre[class*="language-"] ::-moz-selection,
+    code[class*="language-"]::-moz-selection,
+    code[class*="language-"] ::-moz-selection {
+        text-shadow: none;
+        background: #b3d4fc;
+    }
+    pre[class*="language-"]::selection,
+    pre[class*="language-"] ::selection,
+    code[class*="language-"]::selection,
+    code[class*="language-"] ::selection {
+        text-shadow: none;
+        background: #b3d4fc;
+    }
+    @media print {
+        code[class*="language-"],
+        pre[class*="language-"] {
+            text-shadow: none;
+        }
+    }
+    /* Code blocks */
+    pre[class*="language-"] {
+        padding: 1em;
+        margin: 0.5em 0;
+        overflow: auto;
+    }
+    :not(pre) > code[class*="language-"],
+    pre[class*="language-"] {
+        background: #f6f8fa;
+    }
+    /* Inline code */
+    :not(pre) > code[class*="language-"] {
+        padding: 0.1em;
+        border-radius: 0.3em;
+        white-space: normal;
+    }
+    .token.comment,
+    .token.prolog,
+    .token.doctype,
+    .token.cdata {
+        color: slategray;
+    }
+    .token.punctuation {
+        color: #999;
+    }
+    .namespace {
+        opacity: 0.7;
+    }
+    .token.property,
+    .token.tag,
+    .token.boolean,
+    .token.number,
+    .token.constant,
+    .token.symbol,
+    .token.deleted {
+        color: #905;
+    }
+    .token.selector,
+    .token.attr-name,
+    .token.string,
+    .token.char,
+    .token.builtin,
+    .token.inserted {
+        color: #690;
+    }
+    .token.operator,
+    .token.entity,
+    .token.url,
+    .language-css .token.string,
+    .style .token.string {
+        color: #9a6e3a;
+        background: hsla(0, 0%, 100%, 0.5);
+    }
+    .token.atrule,
+    .token.attr-value,
+    .token.keyword {
+        color: #07a;
+    }
+    .token.function,
+    .token.class-name {
+        color: #dd4a68;
+    }
+    .token.regex,
+    .token.important,
+    .token.variable {
+        color: #e90;
+    }
+    .token.important,
+    .token.bold {
+        font-weight: bold;
+    }
+    .token.italic {
+        font-style: italic;
+    }
+    .token.entity {
+        cursor: help;
+    }
+}

package/assets/css/tinymce/combo.less

@@ -0,0 +1,86 @@
+.c-article-tinymce:not(.c-article-editor) {
+    .w-skill-combo {
+        .flex;
+        gap: 20px;
+        flex-wrap: wrap;
+        list-style: none;
+        padding:0;
+        margin:0;
+    }
+    .w-skill-combo-item {
+        list-style: none;
+        .pr;
+        .flex;
+        flex-direction: column;
+        align-items: center;
+        &:not(:last-of-type)::after {
+            content: "▲";
+            .pa;
+            right: -20px;
+            top: 5px;
+            transform: rotate(90deg);
+        }
+
+        img {
+            border: none;
+            padding: 0;
+            margin: 0;
+        }
+
+        .u-gcd-icon {
+            .pa;
+            // 左上角
+            left: -4px;
+            top: -4px;
+            background-color: #0366d6;
+            .size(12px);
+            .r(50%);
+            .db;
+            .none;
+
+            &.is-show {
+                display: inline-block;
+            }
+
+            i {
+                color: #fff;
+                .fz(12px, 1);
+                .db;
+            }
+        }
+        .u-skill-name {
+            .fz(13px,1.5);
+            width: 56px;
+            overflow: hidden;
+            text-overflow: clip;
+            white-space: pre-wrap;
+            text-align: center;
+        }
+    }
+}
+.c-article-editor {
+    .e-skill-combo {
+        font-size: 14px;
+        width: 100%;
+        box-sizing: border-box;
+        background-color: #f1f8ff;
+        border: 1px solid #c8e1ff;
+        color: #62a9ff;
+        padding: 10px 10px 10px 30px;
+        font-family: Monaco, Consolas, "Lucida Console", "Courier New", serif;
+        position: relative;
+        *zoom: 1;
+        border-radius: 3px;
+    }
+    .e-skill-combo:after {
+        content: "JX3BOX·连招套路";
+        position: absolute;
+        right: 8px;
+        top: 8px;
+        background-color: #62a9ff;
+        color: #fff;
+        border-radius: 3px;
+        padding: 2px 8px;
+        line-height: 21px;
+    }
+}

package/assets/css/tinymce/fold.less

@@ -0,0 +1,70 @@
+// 折叠文本
+.c-article-tinymce{
+    .e-details,
+    .e-summary {
+        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
+            Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
+            Segoe UI Symbol;
+        margin: 0;
+    }
+    .e-summary {
+        cursor: pointer;
+        position: relative;
+        border: 1px solid #ddd;
+        background-color: #fafbfc;
+        padding: 8px 10px 8px 26px;
+        display: block;
+        margin-bottom: 0;
+        border-radius: 4px;
+        line-height: 1.6;
+        font-size: 14px;
+        letter-spacing: 0.5px;
+
+        // color: #0366d6;
+        // font-size:14px;
+        &:before {
+            content: ">";
+            display: block;
+            position: absolute;
+            left: 10px;
+            top: 8px;
+            font-family: "宋体", Consolas;
+            color: #aaa;
+            transform: rotate(0);
+        }
+        &:after {
+            content: "🌷";
+            display: block;
+            position: absolute;
+            right: 10px;
+            top: 8px;
+        }
+        &.on {
+            &:before {
+                transform: rotate(90deg);
+            }
+            &:after {
+                content: "🌸";
+            }
+            border-bottom-left-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+    }
+
+    .e-details {
+        padding: 10px;
+        border: 1px dashed #ddd;
+        margin-top: 0;
+        background: none;
+        border-top: none;
+        display: none;
+    }
+}
+.c-article-editor {
+    .e-summary {
+        cursor: text;
+    }
+    .e-details {
+        display: block;
+    }
+}

package/assets/css/tinymce/h.less

@@ -0,0 +1,58 @@
+//标题
+.c-article-tinymce {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin-top: 24px;
+        margin-bottom: 16px;
+        font-weight: 600;
+        line-height: 1.25;
+    }
+
+    h1,
+    h2 {
+        padding-bottom: 0.3em;
+        border-bottom: 1px solid #eaecef;
+    }
+
+    h1 {
+        font-size: 2em;
+    }
+
+    h2 {
+        font-size: 1.5em;
+    }
+
+    h3 {
+        font-size: 1.25em;
+    }
+
+    h4 {
+        font-size: 1em;
+        border-left: 5px solid #0366d6;
+        padding: 6px 10px;
+        background-color: #fafbfc;
+    }
+
+    h5 {
+        font-size: 14px;
+        padding: 8px 10px;
+        background-color: #fafbfc;
+        border-radius: 4px;
+    }
+
+    h6 {
+        font-size: 13px;
+        padding: 5px 0 10px 0;
+        border-bottom: 1px dotted #ddd;
+        &:before {
+            content: ">";
+            color: #ccc;
+            margin-right: 10px;
+            font-family: "宋体", Consolas;
+        }
+    }
+}

package/assets/css/tinymce/hr.less

@@ -0,0 +1,9 @@
+/* 水平线 */
+.c-article-tinymce{
+    hr {
+        margin-top: 22px;
+        margin-bottom: 22px;
+        border: 0;
+        border-top: 1px solid #eeeeee;
+    }
+}

package/assets/css/tinymce/img.less

@@ -0,0 +1,16 @@
+//图片
+.c-article-tinymce {
+    img {
+        height: auto;
+        padding: 5px;
+        border: 1px solid #eee;
+        margin: 5px;
+    }
+
+    .t-emotion {
+        padding: 0 1px;
+        border: none;
+        margin: 0;
+        vertical-align: -3px;
+    }
+}

package/assets/css/tinymce/imgpreview.less

@@ -0,0 +1,14 @@
+.hevue-imgpreview-wrap {
+    .he-img-wrap {
+        background: rgba(0,0,0,0.8);
+    }
+    .arrow, .he-close-icon {
+        display: block!important;
+        text-align: center!important;
+    }
+    .he-close-icon {
+        &:hover {
+            transform: scale(1.2);
+        }
+    }
+}