This commit is contained in:
@@ -1060,21 +1060,24 @@ onMounted(() => {
|
|||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<!-- 长文本编辑弹窗 -->
|
<!-- 长文本编辑弹窗 - 接近全屏 -->
|
||||||
<el-dialog
|
<el-dialog
|
||||||
v-model="textEditDialogVisible"
|
v-model="textEditDialogVisible"
|
||||||
:title="`编辑:${textEditData.label}`"
|
:title="`编辑:${textEditData.label}`"
|
||||||
width="800px"
|
width="90vw"
|
||||||
|
top="5vh"
|
||||||
:close-on-click-modal="false"
|
:close-on-click-modal="false"
|
||||||
|
class="text-edit-dialog"
|
||||||
>
|
>
|
||||||
<el-input
|
<div class="text-edit-wrapper">
|
||||||
v-model="textEditData.value"
|
<el-input
|
||||||
type="textarea"
|
v-model="textEditData.value"
|
||||||
:rows="15"
|
type="textarea"
|
||||||
:autosize="{ minRows: 10, maxRows: 25 }"
|
:placeholder="textEditData.placeholder"
|
||||||
:placeholder="textEditData.placeholder"
|
class="text-edit-textarea"
|
||||||
class="text-edit-textarea"
|
resize="none"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
<div class="text-edit-stats">
|
<div class="text-edit-stats">
|
||||||
字符数:{{ textEditData.value?.length || 0 }}
|
字符数:{{ textEditData.value?.length || 0 }}
|
||||||
</div>
|
</div>
|
||||||
@@ -1247,18 +1250,46 @@ onMounted(() => {
|
|||||||
background: #ecf5ff;
|
background: #ecf5ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 长文本编辑弹窗样式 */
|
/* 长文本编辑弹窗样式 - 接近全屏 */
|
||||||
|
.text-edit-dialog :deep(.el-dialog) {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-edit-dialog :deep(.el-dialog__body) {
|
||||||
|
padding: 16px 20px;
|
||||||
|
height: calc(80vh - 120px);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-edit-wrapper {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-edit-textarea {
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.text-edit-textarea :deep(.el-textarea__inner) {
|
.text-edit-textarea :deep(.el-textarea__inner) {
|
||||||
font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
|
font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
height: 100% !important;
|
||||||
|
min-height: 100% !important;
|
||||||
|
resize: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-edit-stats {
|
.text-edit-stats {
|
||||||
margin-top: 8px;
|
margin-top: 12px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 配置对话框优化 */
|
/* 配置对话框优化 */
|
||||||
|
|||||||
Reference in New Issue
Block a user