广州矛调粤政易端
xusd
7 days ago d27794814b69d18aeb8ee96a46cae91d5613570c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
/*
 * @Company: hugeInfo
 * @Author: lwh
 * @Date: 2025-04-10 17:30:00
 * @LastEditTime: 2025-04-14 16:44:32
 * @LastEditors: lwh
 * @Version: 1.0.0
 * @Description: 通用附件上传查看组件样式
 */
 
.ding-upload-container {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
 
    & .dtm-upload-disabled {
        display: none;
    }
 
    .ding-upload-title {
        font-size: 15px;
        font-weight: 500;
        color: #333;
        margin-bottom: 4px;
    }
 
    .ding-upload-label {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: top;
    }
 
    .ding-upload-subtitle {
        font-size: 14px;
        color: rgba(23, 26, 29, 0.4);
    }
    :global {
        .ddm-upload-form {
            .ddm-upload-form-text {
                color: #999;
            }
 
            .ddm-upload-form-remove {
                color: #999;
 
                &:hover {
                    color: #f5222d;
                }
            }
 
            .ddm-upload-form-file-name {
                color: #333;
            }
 
            .ddm-upload-form-preview {
                color: #1a6fb8;
            }
 
            .ddm-upload-form-upload-button {
                background-color: #f5f5f5;
                border: 1px dashed #d9d9d9;
                color: #666;
 
                &:hover {
                    border-color: #1a6fb8;
                    color: #1a6fb8;
                }
            }
        }
    }
    & .dtm-upload-form-upload-btn {
        align-items: flex-start;
    }
 
    & .dtm-upload-list {
        margin-top: 10px;
    }
}
 
.ding-upload-preview-only {
    :global {
        .ddm-upload-form {
            .ddm-upload-form-upload-button {
                display: none;
            }
        }
    }
}
 
.ding-upload-image-preview {
    :global {
        .ddm-dialog-content {
            padding: 0;
        }
    }
 
    .ding-upload-image-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
 
        img {
            max-width: 100%;
            max-height: 80vh;
            object-fit: contain;
        }
    }
}