diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js index 02ec10d..f8d3c23 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js @@ -230,9 +230,12 @@ async function confirmAiScript(accountName, btn) {
diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css index 0694b94..511545f 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css @@ -248,22 +248,30 @@ main { height: calc(100vh - 54px); } display: flex; align-items: center; justify-content: center; cursor: pointer; } .req-create:hover { border-color: var(--primary); background: var(--primary-soft); } +/* 输入框:参考 WorkBuddy 风格——输入区在上(带 padding),工具栏在下(回形针 + 弹性间距 + 发送),外框统一圆角描边 */ .req-input-box { - flex: 1; display: flex; align-items: flex-end; gap: 4px; - border: 1px solid var(--border); border-radius: 12px; padding: 5px 5px 5px 2px; + flex: 1; display: flex; flex-direction: column; + border: 1px solid var(--border); border-radius: 14px; padding: 0; background: #fff; transition: border-color .15s, box-shadow .15s; } .req-input-box:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); } .req-input { - flex: 1; border: none; outline: none; resize: none; background: transparent; + width: 100%; box-sizing: border-box; + border: none; outline: none; resize: none; background: transparent; font-size: 14px; font-family: inherit; line-height: 1.5; - min-height: 30px; max-height: 100px; padding: 6px 0 5px; + min-height: 30px; max-height: 100px; + padding: 10px 14px 6px; } .req-input::placeholder { color: #a6aebc; } +.req-input-toolbar { + display: flex; align-items: center; gap: 2px; + padding: 2px 4px 6px; +} +.req-spacer { flex: 1; } .req-send { - flex: none; width: 34px; height: 34px; border-radius: 9px; border: none; + flex: none; width: 32px; height: 32px; border-radius: 50%; border: none; background: var(--primary); color: #fff; cursor: pointer; - display: flex; align-items: center; justify-content: center; + display: inline-flex; align-items: center; justify-content: center; } .req-send:hover:not(:disabled) { background: #2a5fd0; } .req-send:disabled { background: #c7cedb; cursor: default; } @@ -291,7 +299,7 @@ main { height: calc(100vh - 54px); } .chip-x:hover { background: rgba(30, 70, 180, .12); } .req-paper { flex: none; display: inline-flex; align-items: center; justify-content: center; - width: 28px; height: 32px; padding: 0; border: none; border-radius: 8px; + width: 32px; height: 32px; padding: 0; border: none; border-radius: 8px; background: transparent; color: #8a93a3; cursor: pointer; } .req-paper:hover:not(:disabled) { color: var(--primary); background: var(--primary-soft); }