sion/sionrui
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: d new layout components including FullWidthLayout, LayoutHeader, TabLayout, CardLayout, FormLayout, BasicLayout, and a Copywriting view.

Browse Source
This commit is contained in:
sion123
2026-02-11 00:17:51 +08:00
parent b765d73d31
commit 7acc5bce8b
9 changed files with 315 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/app/web-gold/src/views/content-style/Copywriting.vue
View File

@@ -524,14 +524,15 @@ defineOptions({ name: 'ContentStyleCopywriting' })
background: var(--bg-primary);
border-radius: 8px;
overflow: hidden;
border: 1px solid transparent;
border: 1px solid var(--border-color-base); /* Add a subtle border */
box-shadow: var(--box-shadow-base); /* Add a subtle shadow for depth */
}
.form-card :deep(.ant-card-head),
.result-card :deep(.ant-card-head) {
background: var(--bg-primary);
border: none;
padding: 16px 20px;
padding: 20px 24px;
min-height: auto;
}
@@ -546,7 +547,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.form-card :deep(.ant-card-body),
.result-card :deep(.ant-card-body) {
padding: 20px;
padding: 24px;
}
/* 表单容器 */
@@ -555,11 +556,11 @@ defineOptions({ name: 'ContentStyleCopywriting' })
}
.form-item {
margin-bottom: 18px;
margin-bottom: 24px;
}
.form-item :deep(.ant-form-item-label) {
padding-bottom: 8px;
padding-bottom: 6px;
}
.form-item :deep(.ant-form-item-label > label) {
@@ -590,7 +591,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.custom-input:focus,
.custom-textarea:focus {
border-color: var(--primary-color, #1677ff);
box-shadow: none;
box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2); /* Subtle blue glow */
}
.custom-input:hover,
@@ -736,7 +737,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.edit-textarea:focus {
border-color: var(--primary-color, #1677ff);
box-shadow: none;
box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2); /* Subtle blue glow */
}
.edit-textarea:hover {