wujingjing
2024-08-29 19b778d2d04bed31ce2e1f167c6ff2fda9906421
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
/* wangeditor 富文本编辑器
------------------------------- */
.editor-container {
    z-index: 10; // 用于 wangeditor 点击全屏时
    .w-e-toolbar {
        border: 1px solid var(--el-border-color-light, #ebeef5) !important;
        border-bottom: 1px solid var(--el-border-color-light, #ebeef5) !important;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        z-index: 2 !important;
    }
    .w-e-text-container {
        border: 1px solid var(--el-border-color-light, #ebeef5) !important;
        border-top: none !important;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        z-index: 1 !important;
    }
}
 
[data-theme='dark'] {
    // textarea - css vars
    --w-e-textarea-bg-color: var(--el-color-white) !important;
    --w-e-textarea-color: var(--el-text-color-primary) !important;
 
    // toolbar - css vars
    --w-e-toolbar-color: var(--el-text-color-primary) !important;
    --w-e-toolbar-bg-color: var(--el-color-white) !important;
    --w-e-toolbar-active-color: var(--el-text-color-primary) !important;
    --w-e-toolbar-active-bg-color: var(--next-color-menu-hover) !important;
    --w-e-toolbar-border-color: var(--el-border-color-light, #ebeef5) !important;
 
    // modal - css vars
    --w-e-modal-button-bg-color: var(--el-color-primary) !important;
    --w-e-modal-button-border-color: var(--el-color-primary) !important;
}
 
/* 表格卡片,内容溢出带滚动条
--------------------------------------------------------- */
.scroll-table-card {
    .el-card__body {
        height: 100%;
        .el-table {
            height: 100%;
        }
    }
}
 
/* 表格卡片减去页码的高度,内容溢出滚动条
--------------------------------------------------------- */
.scroll-table-number {
    .el-card__body {
        height: 100%;
        .el-table {
            height: calc(100% - 40px);
        }
    }
}
 
/* 保证leftTree 组件被card 包裹时,内容溢出滚动条
--------------------------------------------------------- */
.left-tree-card {
    .el-card__body {
        height: 100%;
    }
}
// 保证右边布局时被card 包裹时,内容高度不是100%的情况
.right-card {
    .el-card__body {
        height: 100%;
    }
}
/* el-drawer 高度为当前视窗高度,去除阴影
--------------------------------------------------------- */
.custom-drawer {
    .el-overlay {
        position: absolute;
        background-color: inherit;
    }
    .el-drawer__body{
        display: flex;
        flex-direction: column;
    }
}
 
/* el-tree 末端节点横向排布
--------------------------------------------------------- */
.penultimate-node {
    .el-tree-node__children {
        padding-left: 40px;
        white-space: pre-wrap;
        line-height: 100%;
 
        .el-tree-node {
            display: inline-block;
        }
 
        .el-tree-node__content {
            padding-left: 5px !important;
            padding-right: 5px;
 
            // .el-tree-node__expand-icon {
            //     display: none;
            // }
        }
    }
}
 
/* 表格 tag 样式
--------------------------------------------------------- */
.table-tag-space {
    color: #409eff;
    background-color: #e8f4ff;
    border-color: #1890ff;
    &:not(:last-of-type) {
        margin-right: 7px;
    }
}
 
/* 表格 radio,其 label 不显示
--------------------------------------------------------- */
.table-radio-hidden {
    .el-radio__label {
        display: none;
    }
}
 
/* 文本溢出显示省略号
--------------------------------------------------------- */
.over-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}