diff --git a/src/components/hover-image-preview/index.vue b/src/components/hover-image-preview/index.vue index 2366750..be68fc0 100644 --- a/src/components/hover-image-preview/index.vue +++ b/src/components/hover-image-preview/index.vue @@ -12,7 +12,7 @@ :disabled="!props.src" > @@ -22,9 +22,9 @@ diff --git a/src/styles/components/pagination.scss b/src/styles/components/pagination.scss index 6015af3..6d37a2b 100644 --- a/src/styles/components/pagination.scss +++ b/src/styles/components/pagination.scss @@ -3,6 +3,7 @@ .arco-pagination-item { border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); + font-family: $font-family-manrope-regular; &-ellipsis { border: none; } @@ -26,9 +27,9 @@ border: 1px solid var(--BG-300, #e6e6e8); } &-prepend { - color: var(--Text-2, #3c4043); + color: var(--Text-2, #55585f); text-align: right; - font-family: $font-family-medium; + font-family: $font-family-regular; font-size: 14px; font-style: normal; font-weight: 400; @@ -38,4 +39,12 @@ background-color: transparent; } } + .arco-pagination-total { + color: var(--Text-2, #55585f); + font-family: $font-family-regular; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 22px; + } } diff --git a/src/styles/components/table.scss b/src/styles/components/table.scss index fed1e7f..e027362 100644 --- a/src/styles/components/table.scss +++ b/src/styles/components/table.scss @@ -1,6 +1,6 @@ .arco-table { @mixin table-cell-text { - color: var(--Text-1, #3C4043); + color: var(--Text-1, #211F24); font-family: $font-family-regular; font-size: 14px; font-style: normal; diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue index 2f00f7a..53b603b 100644 --- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue +++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue @@ -285,7 +285,7 @@ export default {
{!isEmpty(aiReview.value) && (
- AI 智能审核 + AI 智能审核
)} diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue index 9301e11..e616221 100644 --- a/src/views/creative-generation-workshop/explore/detail/index.vue +++ b/src/views/creative-generation-workshop/explore/detail/index.vue @@ -102,7 +102,7 @@ export default { } else { return (
- +
); } diff --git a/src/views/creative-generation-workshop/explore/detail/style.scss b/src/views/creative-generation-workshop/explore/detail/style.scss index 4b73d14..f3c97ce 100644 --- a/src/views/creative-generation-workshop/explore/detail/style.scss +++ b/src/views/creative-generation-workshop/explore/detail/style.scss @@ -68,10 +68,10 @@ aspect-ratio: 3 / 4; } .main-img-box { - width: 347px; + width: 320px; height: auto; + max-height: 472px; background: #fff; - aspect-ratio: 3/4; } .desc-img-wrap { display: grid; diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue index c02dbf5..59ab272 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue @@ -1,11 +1,25 @@ @@ -97,7 +111,8 @@ const generateHighlightedHtml = (): string => { }; onMounted(() => { - nativeTextarea = (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') || + nativeTextarea = + (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') || document.querySelector('.textarea-input .arco-textarea'); if (nativeTextarea) { @@ -158,7 +173,7 @@ const handleCompositionUpdate = () => { font-weight: 400px; border: 1px solid #d7d7d9; border-radius: 4px; - resize: vertical; + resize: none; white-space: pre-wrap; word-wrap: break-word; z-index: inherit; @@ -193,9 +208,8 @@ const handleCompositionUpdate = () => { background: transparent; color: transparent; caret-color: #211f24 !important; + resize: none; @include textarea-padding; - - // -webkit-text-fill-color: transparent !important; overflow-y: auto; } diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue index 021c963..78bd06f 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue @@ -81,7 +81,7 @@ export default { } else { return (
- +
); } diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss b/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss index c52763f..b0d5dfa 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss +++ b/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss @@ -22,8 +22,8 @@ $footer-height: 68px; .main-img-box { width: 320px; height: auto; + max-height: 472px; background: #fff; - aspect-ratio: 3/4; } .desc-img-wrap { display: grid; diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue index 2d3f831..2e6e6f6 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue @@ -93,7 +93,7 @@ export default { <>
- + 内容稿件列表 diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue index 3644d31..a0bf5bb 100644 --- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue +++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue @@ -1,11 +1,25 @@ @@ -98,7 +112,8 @@ const generateHighlightedHtml = (): string => { }; onMounted(() => { - nativeTextarea = (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') || + nativeTextarea = + (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') || document.querySelector('.textarea-input .arco-textarea'); if (nativeTextarea) { @@ -159,7 +174,7 @@ const handleCompositionUpdate = () => { font-weight: 400px; border: 1px solid #d7d7d9; border-radius: 4px; - resize: vertical; + resize: none; white-space: pre-wrap; word-wrap: break-word; z-index: inherit; @@ -194,9 +209,8 @@ const handleCompositionUpdate = () => { background: transparent; color: transparent; caret-color: #211f24 !important; + resize: none; @include textarea-padding; - - // -webkit-text-fill-color: transparent !important; overflow-y: auto; } diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue index a4435a6..0f1b3c4 100644 --- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue +++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue @@ -336,10 +336,9 @@ export default { onInput={onChange} placeholder="请输入作品描述" size="large" - class="h-300px !w-784px" + class="textarea-box !w-784px" show-word-limit max-length={1000} - auto-size={{ minRows: 7, maxRows: 12 }} /> {isVideo.value ? ( diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss index c16695e..daff403 100644 --- a/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss +++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss @@ -30,3 +30,9 @@ } } } +.textarea-box { + :deep(.arco-textarea) { + height: 140px; + max-height: 298px; + } +} diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue index 3c22d41..8046ee2 100644 --- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue +++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue @@ -221,7 +221,7 @@ export default { class="flex items-center w-fit h-24px px-8px rounded-2px" style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }} > - + {getStatusInfo(record.audit_status).name}
@@ -238,20 +238,23 @@ export default { class="mr-4px" /> {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
); } else if (column.dataIndex === 'last_modified_at') { - return exactFormatTime( - record.last_modified_at, - 'YYYY-MM-DD HH:mm:ss', - 'YYYY-MM-DD HH:mm:ss', + return ( + + {exactFormatTime( + record.last_modified_at, + 'YYYY-MM-DD HH:mm:ss', + 'YYYY-MM-DD HH:mm:ss', + )} + ); } else { return formatTableField(column, record, true); diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss index 7d5b641..a3b9dd3 100644 --- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss +++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss @@ -8,6 +8,9 @@ &.bold { font-family: $font-family-medium; } + &.num { + font-family: $font-family-manrope-regular; + } } .filter-row-item { .label { @@ -23,5 +26,43 @@ .arco-scrollbar-track { display: none !important; } + .arco-table { + .arco-table-container { + .arco-table-element { + thead { + .arco-table-tr { + .arco-table-th { + .arco-table-cell { + padding: 10px 16px !important; + } + } + } + } + tbody { + .arco-table-tr { + .arco-table-td { + .arco-table-cell { + padding: 6px 16px; + .arco-table-cell-content, + .arco-table-td-content { + font-size: 12px; + line-height: 20px; + } + } + } + } + } + } + } + } + .arco-pagination { + .arco-pagination-total, + .arco-pagination-jumper-prepend { + font-size: 14px; + } + .arco-pagination-jumper-prepend { + font-family: $font-family-regular; + } + } } } diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue index 02f8d59..9de6aed 100644 --- a/src/views/creative-generation-workshop/manuscript/detail/index.vue +++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue @@ -79,8 +79,8 @@ export default { ); } else { return ( -
- +
+
); } diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss index c52763f..9f338c2 100644 --- a/src/views/creative-generation-workshop/manuscript/detail/style.scss +++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss @@ -22,8 +22,9 @@ $footer-height: 68px; .main-img-box { width: 320px; height: auto; + max-height: 472px; background: #fff; - aspect-ratio: 3/4; + // aspect-ratio: 3/4; } .desc-img-wrap { display: grid; diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue index ae2abdb..11c1768 100644 --- a/src/views/creative-generation-workshop/manuscript/edit/index.vue +++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue @@ -91,7 +91,7 @@ export default { <>
- + 内容稿件列表