web-component-gallery 2.1.8 → 2.1.9
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/dist/index.umd.js +1 -1
- package/dist/js.umd.js +1 -1
- package/dist/style.css +2 -1
- package/lib/style/page.less +1 -1
- package/lib/style/themes/dark.less +65 -0
- package/lib/style/themes/default.less +40 -0
- package/lib/style/themes/screen.less +22 -0
- package/lib/style/themes-style/dark.less +80 -0
- package/lib/style/themes-style/default.less +0 -0
- package/lib/weather/index.vue +1 -1
- package/lib/weather/style/index.less +2 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
package/lib/style/page.less
CHANGED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
@import '~ant-design-vue/lib/style/themes/default.less';
|
|
2
|
+
@import '../screen.less';
|
|
3
|
+
|
|
4
|
+
@body-background: #07141d;
|
|
5
|
+
@component-background: #051b2d;
|
|
6
|
+
|
|
7
|
+
@layout-body-background: @body-background;
|
|
8
|
+
@layout-header-background: #001529;
|
|
9
|
+
@layout-footer-background: @layout-body-background;
|
|
10
|
+
|
|
11
|
+
//插件默认主题变量+这些变量必须在themejs里面定义好
|
|
12
|
+
@primary-color: #32c8ff; // 全局主色
|
|
13
|
+
@normal-color: #67829b;
|
|
14
|
+
@error-color: #ff504d;
|
|
15
|
+
@success-color: #01DC66;
|
|
16
|
+
@processing-color: @primary-color;
|
|
17
|
+
@warning-color: #FEAE1A;
|
|
18
|
+
@notice-color: #FFEA32;
|
|
19
|
+
@finish-color: @white;
|
|
20
|
+
|
|
21
|
+
@link-color: @primary-color;
|
|
22
|
+
|
|
23
|
+
@border-color-base: @normal-color;
|
|
24
|
+
@border-color-split: #3f5970;
|
|
25
|
+
|
|
26
|
+
@text-color: @white;
|
|
27
|
+
@text-color-secondary: fade(@white, 65%);
|
|
28
|
+
|
|
29
|
+
@icon-color-hover: @primary-color;
|
|
30
|
+
|
|
31
|
+
@btn-primary-bg: fade(@primary-color, 85%);
|
|
32
|
+
|
|
33
|
+
@btn-danger-bg: fade(@error-color, 70%);
|
|
34
|
+
@btn-danger-border: @btn-danger-bg;
|
|
35
|
+
|
|
36
|
+
@layout-header-background: @component-background;
|
|
37
|
+
|
|
38
|
+
@item-active-bg: fade(@sc-primary-color4, 20%);
|
|
39
|
+
@item-hover-bg: fade(@sc-primary-color4, 13%);
|
|
40
|
+
|
|
41
|
+
@background-color-light: fade(@sc-primary-color4, 30%);
|
|
42
|
+
@background-color-base: transparent;
|
|
43
|
+
|
|
44
|
+
@menu-dark-item-active-bg: @item-active-bg;
|
|
45
|
+
@menu-dark-color: @text-color;
|
|
46
|
+
@menu-dark-highlight-color: @primary-color;
|
|
47
|
+
@menu-dark-selected-item-icon-color: @menu-dark-highlight-color;
|
|
48
|
+
@menu-dark-selected-item-text-color: @menu-dark-highlight-color;
|
|
49
|
+
|
|
50
|
+
@input-color: fade(@white, 85%);
|
|
51
|
+
@input-placeholder-color: @text-color-secondary;
|
|
52
|
+
|
|
53
|
+
@heading-color: @text-color;
|
|
54
|
+
@table-body-sort-bg: @background-color-base;
|
|
55
|
+
|
|
56
|
+
@table-selected-row-bg: @item-hover-bg;
|
|
57
|
+
@table-body-selected-sort-bg: @background-color-base;
|
|
58
|
+
@table-selected-row-hover-bg: @background-color-base;
|
|
59
|
+
@table-expanded-row-bg: @item-hover-bg;
|
|
60
|
+
|
|
61
|
+
@checkbox-color: @btn-primary-bg;
|
|
62
|
+
@checkbox-check-color: @white;
|
|
63
|
+
|
|
64
|
+
@descriptions-bg: @item-hover-bg;
|
|
65
|
+
@disabled-color: fade(@white, 35%);
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
@import '~ant-design-vue/lib/style/themes/default.less';
|
|
2
|
+
|
|
3
|
+
@body-background: #f7f8fa;
|
|
4
|
+
|
|
5
|
+
@component-background: @white;
|
|
6
|
+
|
|
7
|
+
//插件默认主题变量+这些变量必须在themejs里面定义好
|
|
8
|
+
@primary-color: #1677FF; // 全局主色
|
|
9
|
+
@normal-color: #E5E6EB;
|
|
10
|
+
@error-color: #FF4D4F;
|
|
11
|
+
@link-color: @primary-color;
|
|
12
|
+
|
|
13
|
+
@border-color-base: @normal-color;
|
|
14
|
+
@border-color-split: #e5e6eb;
|
|
15
|
+
|
|
16
|
+
@text-color: #1D2129;
|
|
17
|
+
@text-color-secondary: #86909C;
|
|
18
|
+
// 自定义属性
|
|
19
|
+
@text-color-inverse: #4E5969;
|
|
20
|
+
|
|
21
|
+
@btn-danger-bg: @error-color;
|
|
22
|
+
@btn-danger-border: @error-color;
|
|
23
|
+
|
|
24
|
+
@layout-header-background: @component-background;
|
|
25
|
+
|
|
26
|
+
@item-active-bg: #E8F3FF;
|
|
27
|
+
@item-hover-bg: #F6F8FB;
|
|
28
|
+
|
|
29
|
+
@background-color-light: #F2F3F5;
|
|
30
|
+
@background-color-base: transparent;
|
|
31
|
+
|
|
32
|
+
@menu-dark-item-active-bg: @item-active-bg;
|
|
33
|
+
@menu-dark-color: @text-color;
|
|
34
|
+
@menu-dark-highlight-color: @primary-color;
|
|
35
|
+
|
|
36
|
+
@input-color: @text-color-inverse;
|
|
37
|
+
@input-placeholder-color: @text-color-secondary;
|
|
38
|
+
|
|
39
|
+
@heading-color: @text-color;
|
|
40
|
+
@table-body-sort-bg: @background-color-base;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
// 大屏主题颜色配置
|
|
2
|
+
@sc-primary-color1: #0189F3;
|
|
3
|
+
@sc-primary-color2: #034C86;
|
|
4
|
+
@sc-primary-color3: #72BBFF;
|
|
5
|
+
@sc-primary-color4: #0a84f5;
|
|
6
|
+
@sc-primary-color5: #ABD9FE;
|
|
7
|
+
@sc-primary-color6: #8DB4D8;
|
|
8
|
+
@sc-primary-color7: #0A4676;
|
|
9
|
+
@sc-primary-color8: #0D4774;
|
|
10
|
+
@sc-primary-color9: #0058FF;
|
|
11
|
+
@sc-primary-color10: #299EFE;
|
|
12
|
+
@sc-primary-color11: #155C94;
|
|
13
|
+
@sc-primary-color12: #1A74AF;
|
|
14
|
+
|
|
15
|
+
// 头部字体颜色
|
|
16
|
+
@sc-title-color1: #8db4d8;
|
|
17
|
+
@sc-title-color2: #abd9fe;
|
|
18
|
+
|
|
19
|
+
// 阴影色
|
|
20
|
+
@sc-shadow-1: #54A3F1;
|
|
21
|
+
@sc-shadow-2: #416BFF;
|
|
22
|
+
@sc-shadow-3: #0A1834;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
@import '../variables/dark.less';
|
|
2
|
+
|
|
3
|
+
.theme-dark {
|
|
4
|
+
|
|
5
|
+
.ant-table-header {
|
|
6
|
+
margin-right: @padding-xs - 2px;
|
|
7
|
+
overflow-y: hidden;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ant-table-thead > tr > th {
|
|
11
|
+
border-bottom: unset;
|
|
12
|
+
background: transparent;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.ant-table-tbody > tr > td {
|
|
16
|
+
border-bottom: unset;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ant-table-tbody > tr {
|
|
20
|
+
|
|
21
|
+
&:nth-child(even) {
|
|
22
|
+
background: @item-active-bg;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ant-btn-link {
|
|
27
|
+
padding: 0;
|
|
28
|
+
margin-right: @padding-xs;
|
|
29
|
+
border: unset;
|
|
30
|
+
background: transparent;
|
|
31
|
+
|
|
32
|
+
&:hover,
|
|
33
|
+
&:focus {
|
|
34
|
+
background: transparent;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.ant-btn-primary {
|
|
39
|
+
border: unset;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
43
|
+
.ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
44
|
+
.ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
|
|
45
|
+
.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
|
|
46
|
+
background: @item-hover-bg;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.ant-checkbox-checked .ant-checkbox-inner::after {
|
|
50
|
+
border-top: 0;
|
|
51
|
+
border-left: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.ant-checkbox-inner {
|
|
55
|
+
background-color: @background-color-base;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.ant-input[disabled] {
|
|
59
|
+
color: @normal-color;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.ant-select-arrow .ant-select-arrow-icon {
|
|
63
|
+
color: @normal-color;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// tree穿梭框样式
|
|
67
|
+
.ant-input-search-icon {
|
|
68
|
+
color: @info-color;
|
|
69
|
+
}
|
|
70
|
+
.ant-tree-checkbox-inner {
|
|
71
|
+
background: transparent;
|
|
72
|
+
}
|
|
73
|
+
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
|
|
74
|
+
background-color: @btn-primary-bg;
|
|
75
|
+
}
|
|
76
|
+
.ant-checkbox-group-item:hover {
|
|
77
|
+
color: @primary-color;
|
|
78
|
+
background: @background-color-light;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
File without changes
|
package/lib/weather/index.vue
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="weather">
|
|
3
3
|
<slot name="weatherIcon" :weatherInfo="weatherInfo">
|
|
4
|
-
<IconFont scriptUrl="weatherGallery" :type="weatherType" />
|
|
4
|
+
<!-- <IconFont scriptUrl="weatherGallery" :type="weatherType" /> -->
|
|
5
5
|
</slot>
|
|
6
6
|
<span class="weather__Info">{{ weatherInfo.weather || '--' }}</span>
|
|
7
7
|
<span class="weather__Temp">温度{{ weatherInfo.temperature || '--' }}°</span>
|