|
|
@@ -23,7 +23,7 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
<div class="form-wrapper">
|
|
|
- <el-form label-width="120px">
|
|
|
+ <el-form label-width="120px" class="scrollable-form">
|
|
|
<div style="margin-left: 24px">
|
|
|
<el-form class="demo-form-inline" :inline="true">
|
|
|
<el-form-item :label="t('common.createTime')" class="custom-label1">
|
|
|
@@ -432,6 +432,39 @@ onMounted(() => {
|
|
|
})
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+
|
|
|
+.scrollable-form {
|
|
|
+ /* 设置最大高度，超过这个高度会出现滚动条 */
|
|
|
+ max-height: 700px; /* 根据你的需求调整 */
|
|
|
+ /* 超出部分显示垂直滚动条 */
|
|
|
+ overflow-y: auto;
|
|
|
+ /* 可选：添加内边距和边框美化 */
|
|
|
+ padding: 16px;
|
|
|
+ border: 1px solid #e5e7eb;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 可选：美化滚动条 */
|
|
|
+.scrollable-form::-webkit-scrollbar {
|
|
|
+ width: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+.scrollable-form::-webkit-scrollbar-track {
|
|
|
+ background: #f1f1f1;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.scrollable-form::-webkit-scrollbar-thumb {
|
|
|
+ background: #c1c1c1;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.scrollable-form::-webkit-scrollbar-thumb:hover {
|
|
|
+ background: #a8a8a8;
|
|
|
+}s
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
.back-red{ /* 红色背景 */
|
|
|
background-color: red;
|
|
|
}
|
yuanchao