bri-components 1.5.0 → 1.5.1
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/package.json
CHANGED
|
@@ -14,12 +14,7 @@
|
|
|
14
14
|
}"
|
|
15
15
|
@click="curVal = icon"
|
|
16
16
|
>
|
|
17
|
-
<div
|
|
18
|
-
class="item-content"
|
|
19
|
-
:style="{
|
|
20
|
-
'backgroundColor': relateColor
|
|
21
|
-
}"
|
|
22
|
-
>
|
|
17
|
+
<div class="item-content">
|
|
23
18
|
<Icon :custom="'bico-font ' + iconPrefix + icon.replace('icon-', 'icon')" />
|
|
24
19
|
</div>
|
|
25
20
|
</div>
|
|
@@ -43,12 +38,13 @@
|
|
|
43
38
|
selfPropsObj () {
|
|
44
39
|
return {
|
|
45
40
|
_relateColorKey: "colorType",
|
|
46
|
-
_iconPrefix: "bico
|
|
41
|
+
_iconPrefix: "bico",
|
|
47
42
|
|
|
48
43
|
...this.propsObj,
|
|
49
44
|
...this.commonDealPropsObj
|
|
50
45
|
};
|
|
51
46
|
},
|
|
47
|
+
|
|
52
48
|
relateColorKey () {
|
|
53
49
|
return this.selfPropsObj._relateColorKey;
|
|
54
50
|
},
|
|
@@ -56,12 +52,12 @@
|
|
|
56
52
|
return this.value[this.relateColorKey];
|
|
57
53
|
},
|
|
58
54
|
|
|
55
|
+
iconPrefix () {
|
|
56
|
+
return `${this.selfPropsObj._iconPrefix || ""}-`;
|
|
57
|
+
},
|
|
59
58
|
themeIcons () {
|
|
60
59
|
return this.$appData.themeIcons || [];
|
|
61
60
|
},
|
|
62
|
-
iconPrefix () {
|
|
63
|
-
return this.selfPropsObj._iconPrefix;
|
|
64
|
-
},
|
|
65
61
|
|
|
66
62
|
themeColorMap () {
|
|
67
63
|
return this.$appData.themeColorMap || {};
|
|
@@ -106,6 +102,7 @@
|
|
|
106
102
|
width: 38px;
|
|
107
103
|
height: 38px;
|
|
108
104
|
margin: 8px auto;
|
|
105
|
+
background-color: @theme-color-self;
|
|
109
106
|
border-radius: 38px;
|
|
110
107
|
line-height: 38px;
|
|
111
108
|
text-align: center;
|
|
@@ -238,16 +238,16 @@
|
|
|
238
238
|
|
|
239
239
|
&-focused,
|
|
240
240
|
&:focus {
|
|
241
|
-
border-color:
|
|
242
|
-
box-shadow: 0 0 0 2px
|
|
241
|
+
border-color: @theme-hover;
|
|
242
|
+
box-shadow: 0 0 0 2px @theme-focus;
|
|
243
243
|
}
|
|
244
244
|
&:hover {
|
|
245
|
-
border-color:
|
|
245
|
+
border-color: @theme-hover;
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
248
|
.ivu-select-visible .ivu-select-selection {
|
|
249
|
-
border-color:
|
|
250
|
-
box-shadow: 0 0 0 2px
|
|
249
|
+
border-color: @theme-hover;
|
|
250
|
+
box-shadow: 0 0 0 2px @theme-focus;
|
|
251
251
|
}
|
|
252
252
|
.ivu-input-icon,
|
|
253
253
|
.ivu-select-arrow {
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
//
|
|
1
|
+
// 主题色系列 -默认
|
|
2
2
|
@themeColor-default : #3DB8C5;
|
|
3
3
|
@theme-hover-default : #7DD0D8;
|
|
4
4
|
@theme-active-default : #298089;
|
|
5
5
|
@theme-focus-default : #DCF2F4;
|
|
6
6
|
@theme-disabled-default : #BCE7EB;
|
|
7
|
-
|
|
8
|
-
@
|
|
9
|
-
@theme-
|
|
10
|
-
@theme-
|
|
11
|
-
@theme-
|
|
7
|
+
// 主题颜色系列
|
|
8
|
+
@themeColor : #3DB8C5;
|
|
9
|
+
@theme-hover : #7DD0D8;
|
|
10
|
+
@theme-active : #298089;
|
|
11
|
+
@theme-focus : #DCF2F4;
|
|
12
|
+
@theme-disabled : #BCE7EB;
|
|
12
13
|
|
|
13
14
|
// 背景色
|
|
14
15
|
@bgColor : #F5F5F5;
|