mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-10-29 05:50:50 +00:00
style: 调整表单标签样式及编辑器布局适配
This commit is contained in:
parent
908f9305bb
commit
58e859c83c
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user