style: 调整表单标签样式及编辑器布局适配

This commit is contained in:
sugar1569 2026-09-23 19:09:28 +08:00
parent 908f9305bb
commit 58e859c83c
3 changed files with 29 additions and 8 deletions

View File

@ -271,4 +271,11 @@ function brokerageSetUp() {
</script>
<style lang="scss" scoped>
@use '../productAdd.scss' as *;
.tip {
width: 100%;
color: #999;
font-size: 12px;
line-height: 20px;
}
</style>

View File

@ -11,7 +11,7 @@
></WangEditor>
</el-form-item>
</el-col>
<el-col :span="6" style="width: 33%">
<el-col :span="8">
<div class="ifam">
<div class="content" v-html="content"></div>
</div>
@ -57,4 +57,16 @@ function getEditorContent(val) {
</script>
<style lang="scss" scoped>
@use '../productAdd.scss' as *;
/* 编辑器整体与右侧手机预览(644px)等高:工具栏自适应行数,编辑区占满剩余高度,底部对齐 */
:deep(.wang-editor) {
display: flex;
flex-direction: column;
height: 644px;
}
:deep(.editor-content) {
flex: 1;
height: auto !important;
}
</style>

View File

@ -91,7 +91,7 @@
<el-form ref="modelForm" :model="form" :rules="rules" label-position="top">
<el-form-item prop="base_url">
<div class="base-url-head">
<span class="base-url-label">自定义请求地址<i class="required-star">*</i></span>
<span class="base-url-label"><i class="required-star">*</i>自定义请求地址</span>
<span class="base-url-switch">
<i class="el-icon-link" />
<span>完整 URL</span>
@ -463,14 +463,16 @@ onMounted(() => {
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 4px;
/* 标签(0) + 提示(6px) 合计 8px,对齐 EP top 标签与内容的默认间距 */
margin-bottom: 2px;
}
.base-url-label {
color: var(--prev-color-text-primary);
font-size: 14px;
font-weight: 600;
/* 与全局 .el-form-item__label(12px / text-regular)对齐,避免比其他标签大一圈 */
color: var(--prev-color-text-regular);
font-size: 12px;
font-weight: 400;
.required-star {
margin-left: 4px;
margin-right: 4px;
color: var(--prev-color-danger);
font-style: normal;
}
@ -480,7 +482,7 @@ onMounted(() => {
align-items: center;
gap: 6px;
color: var(--prev-color-text-primary);
font-size: 13px;
font-size: 12px;
i {
color: var(--prev-color-text-secondary);
}