imatrix-ui 2.8.5-tmp3 → 2.8.5-tmp5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/super-ui.css +1 -1
- package/lib/super-ui.umd.min.js +5 -5
- package/package.json +1 -1
- package/src/styles/index.scss +44 -0
- package/src/styles/theme/dark-blue/button.scss +1 -0
- package/src/styles/theme/dark-blue/card.scss +9 -1
- package/src/styles/theme/dark-blue/dialog.scss +21 -0
- package/src/styles/theme/dark-blue/index.scss +18 -2
- package/src/styles/theme/dark-blue/pagination.scss +1 -0
- package/src/styles/theme/dark-blue/scrollbar-style.scss +32 -0
- package/src/styles/theme/dark-blue/sidebar.scss +1 -1
- package/src/styles/theme/gray/index.scss +10 -2
- package/src/styles/theme/gray/scrollbar-style.scss +32 -0
- package/src/views/layout/components/Menubar/Item.vue +0 -1
- package/src/views/layout/components/tabs/tab-content.vue +0 -1
- package/src/styles/theme/gray/form-style.scss +0 -41
- package/src/views/layout/NewLayout copy.vue +0 -77
package/package.json
CHANGED
package/src/styles/index.scss
CHANGED
|
@@ -73,4 +73,48 @@ body .el-table colgroup.gutter {
|
|
|
73
73
|
|
|
74
74
|
.formContent .el-form-item {
|
|
75
75
|
margin-bottom: 0;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.operation-area,.grid-search-form .search-button,.grid-area .grid-operation-buttons {
|
|
79
|
+
.el-button:not(:first-child){
|
|
80
|
+
margin-left: 10px;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.button-at-top {
|
|
85
|
+
width: 100%;
|
|
86
|
+
background: rgb(255, 255, 255);
|
|
87
|
+
line-height: 72px;
|
|
88
|
+
height: 72px;
|
|
89
|
+
position: absolute;
|
|
90
|
+
z-index: 100;
|
|
91
|
+
top: 0px;
|
|
92
|
+
left: 0px;
|
|
93
|
+
right: 0px;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.button-at-bottom {
|
|
97
|
+
width: 100%;
|
|
98
|
+
background: rgb(255, 255, 255);
|
|
99
|
+
line-height: 72px;
|
|
100
|
+
height: 72px;
|
|
101
|
+
position: absolute;
|
|
102
|
+
bottom: 0px;
|
|
103
|
+
z-index: 100;
|
|
104
|
+
left: 0px;
|
|
105
|
+
right: 0px;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.form-top-button {
|
|
109
|
+
height: 72px;
|
|
110
|
+
float: left;
|
|
111
|
+
padding-left: 24px;
|
|
112
|
+
line-height: 72px;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.form-bottom-button {
|
|
116
|
+
height: 72px;
|
|
117
|
+
float: right;
|
|
118
|
+
padding-right: 24px;
|
|
119
|
+
line-height: 72px;
|
|
76
120
|
}
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
.platform {
|
|
43
|
+
.platform-card {
|
|
44
44
|
.el-card__header {
|
|
45
45
|
height: 40px;
|
|
46
46
|
background: #F0F8FE;
|
|
@@ -51,6 +51,14 @@
|
|
|
51
51
|
text-align: left;
|
|
52
52
|
padding: 9px 0px 9px 20px;
|
|
53
53
|
}
|
|
54
|
+
|
|
55
|
+
.el-card__header>div {
|
|
56
|
+
line-height: 22px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.card-style {
|
|
60
|
+
margin-top: 20px;
|
|
61
|
+
}
|
|
54
62
|
}
|
|
55
63
|
|
|
56
64
|
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.dark-blue {
|
|
2
|
+
.el-dialog__header {
|
|
3
|
+
padding: 22px 0px 0px 24px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.el-dialog__title::before {
|
|
7
|
+
content: "";
|
|
8
|
+
text-align: center;
|
|
9
|
+
background: #1A6BF3;
|
|
10
|
+
float: left;
|
|
11
|
+
position: relative;
|
|
12
|
+
border-radius: 3px;
|
|
13
|
+
/** 定义成 block 元素 **/
|
|
14
|
+
display: block;
|
|
15
|
+
height: 21px;
|
|
16
|
+
width: 4px;
|
|
17
|
+
margin-right: 12px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
}
|
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
@import './pagination.scss';
|
|
10
10
|
@import './button.scss';
|
|
11
11
|
@import './checkbox.scss';
|
|
12
|
+
@import './dialog.scss';
|
|
13
|
+
@import './scrollbar-style.scss';
|
|
14
|
+
|
|
12
15
|
|
|
13
16
|
.dark-blue {
|
|
14
17
|
font-family: cursive;
|
|
@@ -82,12 +85,15 @@
|
|
|
82
85
|
.app-main {
|
|
83
86
|
min-height: 100%;
|
|
84
87
|
background: #f7f7f8;
|
|
85
|
-
padding
|
|
88
|
+
padding: 11px 24px 11px 24px;
|
|
89
|
+
// padding-top: 12px;
|
|
86
90
|
}
|
|
87
91
|
|
|
88
92
|
.app-container {
|
|
89
93
|
// padding: 20px;
|
|
90
|
-
padding: 0px;
|
|
94
|
+
// padding: 0px;
|
|
95
|
+
padding: 20px 24px;
|
|
96
|
+
background: #FFFFFF;
|
|
91
97
|
|
|
92
98
|
.box-card {
|
|
93
99
|
margin: 0px 24px 0px 0px;
|
|
@@ -203,4 +209,14 @@
|
|
|
203
209
|
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
|
|
204
210
|
border-right: 1px solid #fefefe;
|
|
205
211
|
}
|
|
212
|
+
|
|
213
|
+
.selectPeopleClass {
|
|
214
|
+
color: #313233;
|
|
215
|
+
font-family: Source Han Sans CN;
|
|
216
|
+
font-weight: regular;
|
|
217
|
+
font-size: 14px;
|
|
218
|
+
line-height: 22px;
|
|
219
|
+
letter-spacing: 0px;
|
|
220
|
+
text-align: left;
|
|
221
|
+
}
|
|
206
222
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
.dark-blue {
|
|
2
|
+
|
|
3
|
+
// 滚动条基础样式
|
|
4
|
+
::-webkit-scrollbar {
|
|
5
|
+
width: 6px; // 纵向的宽度
|
|
6
|
+
height: 8px; // 横向的高度
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
// 默认下滚动条的样式
|
|
10
|
+
::-webkit-scrollbar-thumb {
|
|
11
|
+
background: #eaeaea;
|
|
12
|
+
border: none;
|
|
13
|
+
border-radius: 4px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
// 鼠标悬停在滚动条时的样式
|
|
17
|
+
::-webkit-scrollbar-thumb:hover {
|
|
18
|
+
background: rgba(157, 165, 183, 0.7)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// 滚动条区域 空白地方的样式
|
|
22
|
+
::-webkit-scrollbar-track {
|
|
23
|
+
background-color: transparent;
|
|
24
|
+
border: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// 鼠标悬停在滚动条时 滚动条区域 空白地方的样式
|
|
28
|
+
::-webkit-scrollbar-track:hover {
|
|
29
|
+
background-color: #eaeaea;
|
|
30
|
+
border: none;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@import './tab-style.scss';
|
|
5
5
|
@import './input-style.scss';
|
|
6
6
|
@import './form-style.scss';
|
|
7
|
+
@import './scrollbar-style.scss';
|
|
7
8
|
|
|
8
9
|
.gray {
|
|
9
10
|
font-family: microsoft yahei, Arial, Helvetica, sans-serif;
|
|
@@ -173,12 +174,19 @@
|
|
|
173
174
|
.el-table th {
|
|
174
175
|
padding: 0;
|
|
175
176
|
}
|
|
177
|
+
|
|
176
178
|
/**表格内容纵向分隔线去掉**/
|
|
177
|
-
.el-table--border td,
|
|
179
|
+
.el-table--border td,
|
|
180
|
+
.el-table--border th,
|
|
181
|
+
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
|
|
178
182
|
border-right: 0px
|
|
179
183
|
}
|
|
184
|
+
|
|
180
185
|
/**表格标题纵向分隔线颜色调浅点儿**/
|
|
181
|
-
.el-table--border td,
|
|
186
|
+
.el-table--border td,
|
|
187
|
+
.el-table--border th,
|
|
188
|
+
.el-table--border th.is-leaf,
|
|
189
|
+
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
|
|
182
190
|
border-right: 1px solid #fefefe;
|
|
183
191
|
}
|
|
184
192
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
.dark-blue {
|
|
2
|
+
|
|
3
|
+
// 滚动条基础样式
|
|
4
|
+
::-webkit-scrollbar {
|
|
5
|
+
width: 6px; // 纵向的宽度
|
|
6
|
+
height: 8px; // 横向的高度
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
// 默认下滚动条的样式
|
|
10
|
+
::-webkit-scrollbar-thumb {
|
|
11
|
+
background: #eaeaea;
|
|
12
|
+
border: none;
|
|
13
|
+
border-radius: 4px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
// 鼠标悬停在滚动条时的样式
|
|
17
|
+
::-webkit-scrollbar-thumb:hover {
|
|
18
|
+
background: rgba(157, 165, 183, 0.7)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// 滚动条区域 空白地方的样式
|
|
22
|
+
::-webkit-scrollbar-track {
|
|
23
|
+
background-color: transparent;
|
|
24
|
+
border: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// 鼠标悬停在滚动条时 滚动条区域 空白地方的样式
|
|
28
|
+
::-webkit-scrollbar-track:hover {
|
|
29
|
+
background-color: #eaeaea;
|
|
30
|
+
border: none;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
.gray {
|
|
2
|
-
|
|
3
|
-
.button-at-top {
|
|
4
|
-
width: 100%;
|
|
5
|
-
background: rgb(255, 255, 255);
|
|
6
|
-
line-height: 72px;
|
|
7
|
-
height: 72px;
|
|
8
|
-
position: absolute;
|
|
9
|
-
z-index: 100;
|
|
10
|
-
top: 0px;
|
|
11
|
-
left: 0px;
|
|
12
|
-
right: 0px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.button-at-bottom {
|
|
16
|
-
width: 100%;
|
|
17
|
-
background: rgb(255, 255, 255);
|
|
18
|
-
line-height: 72px;
|
|
19
|
-
height: 72px;
|
|
20
|
-
position: absolute;
|
|
21
|
-
bottom: 0px;
|
|
22
|
-
z-index: 100;
|
|
23
|
-
left: 0px;
|
|
24
|
-
right: 0px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.form-top-button {
|
|
28
|
-
height: 72px;
|
|
29
|
-
float: left;
|
|
30
|
-
padding-left: 24px;
|
|
31
|
-
line-height: 72px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.form-bottom-button {
|
|
35
|
-
height: 72px;
|
|
36
|
-
float: right;
|
|
37
|
-
padding-right: 24px;
|
|
38
|
-
line-height: 72px;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div :class="classObj" class="app-wrapper">
|
|
3
|
-
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
|
|
4
|
-
<menubar class="sidebar-container" />
|
|
5
|
-
<div class="main-container">
|
|
6
|
-
<breadcrumb v-if="showMenuRoute" />
|
|
7
|
-
<app-main />
|
|
8
|
-
</div>
|
|
9
|
-
</div>
|
|
10
|
-
</template>
|
|
11
|
-
|
|
12
|
-
<script>
|
|
13
|
-
import { Menubar, AppMain, Breadcrumb } from './components'
|
|
14
|
-
import ResizeMixin from './mixin/ResizeHandler'
|
|
15
|
-
import { isShowMenuRoute } from '../../../src/utils/common-util'
|
|
16
|
-
|
|
17
|
-
export default {
|
|
18
|
-
name: 'Layout',
|
|
19
|
-
components: {
|
|
20
|
-
Menubar,
|
|
21
|
-
AppMain,
|
|
22
|
-
Breadcrumb
|
|
23
|
-
},
|
|
24
|
-
mixins: [ResizeMixin],
|
|
25
|
-
data() {
|
|
26
|
-
// 是否显示菜单路径，默认是不显示
|
|
27
|
-
const showMenuRoute = isShowMenuRoute()
|
|
28
|
-
return {
|
|
29
|
-
showMenuRoute
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
computed: {
|
|
33
|
-
sidebar() {
|
|
34
|
-
return this.$store.state.app.sidebar
|
|
35
|
-
},
|
|
36
|
-
device() {
|
|
37
|
-
return this.$store.state.app.device
|
|
38
|
-
},
|
|
39
|
-
classObj() {
|
|
40
|
-
return {
|
|
41
|
-
hideSidebar: !this.sidebar.opened,
|
|
42
|
-
openSidebar: this.sidebar.opened,
|
|
43
|
-
withoutAnimation: this.sidebar.withoutAnimation,
|
|
44
|
-
mobile: this.device === 'mobile'
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
methods: {
|
|
49
|
-
handleClickOutside() {
|
|
50
|
-
this.$store.dispatch('closeSidebar', { withoutAnimation: false })
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
</script>
|
|
55
|
-
|
|
56
|
-
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
57
|
-
@import "../../styles/mixin.scss";
|
|
58
|
-
.app-wrapper {
|
|
59
|
-
@include clearfix;
|
|
60
|
-
position: relative;
|
|
61
|
-
height: 100%;
|
|
62
|
-
width: 100%;
|
|
63
|
-
&.mobile.openSidebar{
|
|
64
|
-
position: fixed;
|
|
65
|
-
top: 0;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
.drawer-bg {
|
|
69
|
-
background: #000;
|
|
70
|
-
opacity: 0.3;
|
|
71
|
-
width: 100%;
|
|
72
|
-
top: 0;
|
|
73
|
-
height: 100%;
|
|
74
|
-
position: absolute;
|
|
75
|
-
z-index: 999;
|
|
76
|
-
}
|
|
77
|
-
</style>
|