|
|
@@ -186,3 +186,54 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+
|
|
|
+/* 上传拖拽区域 */
|
|
|
+.el-upload-dragger {
|
|
|
+ background-color: #4a86e8; /* 浅蓝色背景 */
|
|
|
+ color: #003366; /* 深蓝色文字 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 当鼠标悬停在上传区域上时 */
|
|
|
+.el-upload-dragger:hover {
|
|
|
+ border-color: #002b5c; /* 更深的蓝色虚线边框 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 上传图标 */
|
|
|
+.el-upload-dragger .el-icon-upload {
|
|
|
+ font-size: 67px;
|
|
|
+ color: #003366; /* 深蓝色图标 */
|
|
|
+ margin: 40px 0 16px;
|
|
|
+ line-height: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 提示文字 */
|
|
|
+.el-upload-dragger .el-upload__text {
|
|
|
+ color: #003366; /* 深蓝色提示文字 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 文件列表项 */
|
|
|
+.el-upload-list__item-name {
|
|
|
+ color: #003366; /* 深蓝色文件名 */
|
|
|
+}
|
|
|
+/* 当鼠标悬停在按钮上时改变颜色 */
|
|
|
+.el-upload:hover {
|
|
|
+ background-color: darken(#1890ff, 10%); /* 稍微加深的蓝色 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 修改已上传文件列表中的文字颜色 */
|
|
|
+.el-upload-list__item-name {
|
|
|
+ color: #333; /* 深灰色文字 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 成功状态下的图标颜色 */
|
|
|
+.el-icon-circle-check {
|
|
|
+ color: #67c23a; /* 成功绿色 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 错误状态下的图标颜色 */
|
|
|
+.el-icon-error {
|
|
|
+ color: #f56c6c; /* 错误红色 */
|
|
|
+}
|
|
|
+</style>
|