|
@@ -166,3 +166,30 @@ const uploadRemove = () => {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+/* 可以添加到你的样式文件中 */
|
|
|
+.hc-new-dialog .el-dialog__body {
|
|
|
+ max-height: 80vh; /* 限制弹窗内容最大高度为视口的80% */
|
|
|
+ overflow-y: auto; /* 内容超出时才显示滚动条 */
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 调整上传组件的进度条样式 */
|
|
|
+.hc-upload-border .el-upload-list__item {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.hc-upload-border .el-progress {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* 确保上传列表项有足够的底部空间容纳进度条 */
|
|
|
+.hc-upload-border .el-upload-list__item {
|
|
|
+ padding-bottom: 24px;
|
|
|
+}
|
|
|
+</style>
|