优化功能

2026-02-12 17:10:36 +08:00
parent 56c685b579
commit a795b2c896
29 changed files with 2155 additions and 884 deletions
--- a/resources/views/admin/partials/modern-form-head.blade.php
+++ b/resources/views/admin/partials/modern-form-head.blade.php
@@ -0,0 +1,89 @@
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
+<style>
+    .required-star { color: #ef4444; margin-left: .2rem; }
+    .required-tip { font-size: .86rem; color: #64748b; margin-bottom: .9rem; }
+    .modern-form-card { border: 1px solid #d7e0ef; border-radius: .9rem; box-shadow: 0 10px 20px rgba(41, 61, 118, .08); }
+    .form-section { border: 1px solid #e2e8f0; border-radius: .8rem; background: #fff; padding: 1rem; }
+    .form-section + .form-section { margin-top: 1rem; }
+    .form-section-title { margin: 0 0 .25rem; font-size: 1.02rem; font-weight: 700; color: #1e293b; }
+    .form-section-subtitle { margin: 0 0 .9rem; color: #64748b; font-size: .85rem; }
+    .form-hint { margin-top: .3rem; color: #64748b; font-size: .8rem; }
+    .field-required .form-label { font-weight: 600; }
+
+    .editor-shell {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+        gap: .85rem;
+        align-items: start;
+    }
+    .editor-card,
+    .preview-card { border: 1px solid #d8e2f2; border-radius: .75rem; background: #fff; overflow: hidden; }
+    .editor-card-head,
+    .preview-card-head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: .55rem .7rem;
+        border-bottom: 1px solid #e2e8f0;
+        background: #f8fafc;
+        color: #334155;
+        font-size: .82rem;
+        font-weight: 600;
+    }
+    .preview-content {
+        min-height: 360px;
+        max-height: 700px;
+        overflow: auto;
+        padding: .9rem .95rem;
+        color: #1e293b;
+        line-height: 1.68;
+    }
+    .preview-placeholder { color: #94a3b8; font-size: .86rem; }
+
+    .advanced-panel {
+        border: 1px dashed #cbd5e1;
+        border-radius: .75rem;
+        padding: .8rem .9rem;
+        background: #fcfdff;
+    }
+    .advanced-panel > summary {
+        cursor: pointer;
+        list-style: none;
+        font-weight: 600;
+        color: #334155;
+    }
+    .advanced-panel > summary::-webkit-details-marker { display: none; }
+
+    .editor-sticky-actions {
+        position: sticky;
+        bottom: 0;
+        z-index: 30;
+        margin-top: .9rem;
+        border: 1px solid #d7e3f5;
+        border-radius: .75rem;
+        background: rgba(255, 255, 255, .95);
+        backdrop-filter: blur(8px);
+        padding: .7rem .8rem;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: .65rem;
+    }
+
+    .EasyMDEContainer .CodeMirror {
+        min-height: 340px;
+        border: 0;
+        font-size: .9rem;
+    }
+    .EasyMDEContainer .editor-toolbar {
+        border: 0;
+        border-bottom: 1px solid #e2e8f0;
+        opacity: 1;
+    }
+
+    @media (max-width: 991px) {
+        .editor-shell { grid-template-columns: 1fr; }
+        .preview-content { min-height: 240px; }
+    }
+</style>
+