diff --git a/apps/jingrow/frontend/src/core/pagetype/form/controls/Jeditor.vue b/apps/jingrow/frontend/src/core/pagetype/form/controls/Jeditor.vue index 5fb1c8b..8187e53 100644 --- a/apps/jingrow/frontend/src/core/pagetype/form/controls/Jeditor.vue +++ b/apps/jingrow/frontend/src/core/pagetype/form/controls/Jeditor.vue @@ -974,5 +974,56 @@ watch(() => props.disabled, (disabled) => { max-width: 100% !important; width: auto !important; } + +/* 表格样式 */ +.jeditor table { + border-collapse: collapse; + margin: 8px 0; + table-layout: fixed; + width: 100%; + border: 1px solid #e5e6eb; + border-radius: 4px; + overflow: hidden; +} +.jeditor table td, +.jeditor table th { + min-width: 1em; + border: 1px solid #e5e6eb; + padding: 8px 12px; + vertical-align: top; + box-sizing: border-box; + position: relative; +} +.jeditor table th { + font-weight: 600; + text-align: left; + background-color: #f6f8fa; + color: #24292e; +} +.jeditor table td { + background-color: #ffffff; +} +.jeditor table .selectedCell:after { + z-index: 2; + position: absolute; + content: ""; + left: 0; right: 0; top: 0; bottom: 0; + background: rgba(31, 199, 111, 0.1); + pointer-events: none; +} +.jeditor table .column-resize-handle { + position: absolute; + right: -2px; + top: 0; + bottom: -2px; + width: 4px; + background-color: #1fc76f; + pointer-events: none; + opacity: 0; + transition: opacity 0.2s; +} +.jeditor table:hover .column-resize-handle { + opacity: 1; +}