@kengic/uni 0.3.2-beta.13 → 0.3.2-beta.15
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/uni/uni-ui/index.ts +62 -60
- package/dist/uni/uni-ui/uni-col/uni-col.vue +1 -1
- package/dist/uni/uni-ui/uni-row/uni-row.vue +2 -2
- package/dist/uni/uni-ui/uni-scss/changelog.md +8 -8
- package/dist/uni/uni-ui/uni-scss/index.scss +1 -1
- package/dist/uni/uni-ui/uni-scss/package.json +82 -82
- package/dist/uni/uni-ui/uni-scss/readme.md +3 -3
- package/dist/uni/uni-ui/uni-scss/styles/index.scss +7 -7
- package/dist/uni/uni-ui/uni-scss/styles/setting/_border.scss +2 -2
- package/dist/uni/uni-ui/uni-scss/styles/setting/_color.scss +66 -66
- package/dist/uni/uni-ui/uni-scss/styles/setting/_radius.scss +55 -55
- package/dist/uni/uni-ui/uni-scss/styles/setting/_space.scss +55 -55
- package/dist/uni/uni-ui/uni-scss/styles/setting/_styles.scss +167 -167
- package/dist/uni/uni-ui/uni-scss/styles/setting/_text.scss +24 -24
- package/dist/uni/uni-ui/uni-scss/styles/setting/_variables.scss +146 -146
- package/dist/uni/uni-ui/uni-scss/styles/tools/functions.scss +19 -19
- package/dist/uni/uni-ui/uni-scss/theme.scss +31 -31
- package/dist/uni/uni-ui/uni-scss/variables.scss +62 -62
- package/dist/uni/uni-ui/uni-swipe-action-item/uni-swipe-action-item.vue +1 -1
- package/package.json +3 -1
|
@@ -1,146 +1,146 @@
|
|
|
1
|
-
// @use "sass:math";
|
|
2
|
-
@import
|
|
3
|
-
// 间距基础倍数
|
|
4
|
-
$uni-space-root: 2 !default;
|
|
5
|
-
// 边框半径默认值
|
|
6
|
-
$uni-radius-root:5px !default;
|
|
7
|
-
$uni-radius: () !default;
|
|
8
|
-
// 边框半径断点
|
|
9
|
-
$uni-radius: map-deep-merge(
|
|
10
|
-
(
|
|
11
|
-
0: 0,
|
|
12
|
-
// TODO 当前版本暂时不支持 sm 属性
|
|
13
|
-
// 'sm': math.div($uni-radius-root, 2),
|
|
14
|
-
null: $uni-radius-root,
|
|
15
|
-
'lg': $uni-radius-root * 2,
|
|
16
|
-
'xl': $uni-radius-root * 6,
|
|
17
|
-
'pill': 9999px,
|
|
18
|
-
'circle': 50%
|
|
19
|
-
),
|
|
20
|
-
$uni-radius
|
|
21
|
-
);
|
|
22
|
-
// 字体家族
|
|
23
|
-
$body-font-family: 'Roboto', sans-serif !default;
|
|
24
|
-
// 文本
|
|
25
|
-
$heading-font-family: $body-font-family !default;
|
|
26
|
-
$uni-headings: () !default;
|
|
27
|
-
$letterSpacing: -0.01562em;
|
|
28
|
-
$uni-headings: map-deep-merge(
|
|
29
|
-
(
|
|
30
|
-
'h1': (
|
|
31
|
-
size: 32px,
|
|
32
|
-
weight: 300,
|
|
33
|
-
line-height: 50px,
|
|
34
|
-
// letter-spacing:-0.01562em
|
|
35
|
-
),
|
|
36
|
-
'h2': (
|
|
37
|
-
size: 28px,
|
|
38
|
-
weight: 300,
|
|
39
|
-
line-height: 40px,
|
|
40
|
-
// letter-spacing: -0.00833em
|
|
41
|
-
),
|
|
42
|
-
'h3': (
|
|
43
|
-
size: 24px,
|
|
44
|
-
weight: 400,
|
|
45
|
-
line-height: 32px,
|
|
46
|
-
// letter-spacing: normal
|
|
47
|
-
),
|
|
48
|
-
'h4': (
|
|
49
|
-
size: 20px,
|
|
50
|
-
weight: 400,
|
|
51
|
-
line-height: 30px,
|
|
52
|
-
// letter-spacing: 0.00735em
|
|
53
|
-
),
|
|
54
|
-
'h5': (
|
|
55
|
-
size: 16px,
|
|
56
|
-
weight: 400,
|
|
57
|
-
line-height: 24px,
|
|
58
|
-
// letter-spacing: normal
|
|
59
|
-
),
|
|
60
|
-
'h6': (
|
|
61
|
-
size: 14px,
|
|
62
|
-
weight: 500,
|
|
63
|
-
line-height: 18px,
|
|
64
|
-
// letter-spacing: 0.0125em
|
|
65
|
-
),
|
|
66
|
-
'subtitle': (
|
|
67
|
-
size: 12px,
|
|
68
|
-
weight: 400,
|
|
69
|
-
line-height: 20px,
|
|
70
|
-
// letter-spacing: 0.00937em
|
|
71
|
-
),
|
|
72
|
-
'body': (
|
|
73
|
-
font-size: 14px,
|
|
74
|
-
font-weight: 400,
|
|
75
|
-
line-height: 22px,
|
|
76
|
-
// letter-spacing: 0.03125em
|
|
77
|
-
),
|
|
78
|
-
'caption': (
|
|
79
|
-
'size': 12px,
|
|
80
|
-
'weight': 400,
|
|
81
|
-
'line-height': 20px,
|
|
82
|
-
// 'letter-spacing': 0.03333em,
|
|
83
|
-
// 'text-transform': false
|
|
84
|
-
)
|
|
85
|
-
),
|
|
86
|
-
$uni-headings
|
|
87
|
-
);
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
// 主色
|
|
92
|
-
$uni-primary: #2979ff !default;
|
|
93
|
-
$uni-primary-disable:lighten($uni-primary,20%) !default;
|
|
94
|
-
$uni-primary-light: lighten($uni-primary,25%) !default;
|
|
95
|
-
|
|
96
|
-
// 辅助色
|
|
97
|
-
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
|
|
98
|
-
$uni-success: #18bc37 !default;
|
|
99
|
-
$uni-success-disable:lighten($uni-success,20%) !default;
|
|
100
|
-
$uni-success-light: lighten($uni-success,25%) !default;
|
|
101
|
-
|
|
102
|
-
$uni-warning: #f3a73f !default;
|
|
103
|
-
$uni-warning-disable:lighten($uni-warning,20%) !default;
|
|
104
|
-
$uni-warning-light: lighten($uni-warning,25%) !default;
|
|
105
|
-
|
|
106
|
-
$uni-error: #e43d33 !default;
|
|
107
|
-
$uni-error-disable:lighten($uni-error,20%) !default;
|
|
108
|
-
$uni-error-light: lighten($uni-error,25%) !default;
|
|
109
|
-
|
|
110
|
-
$uni-info: #8f939c !default;
|
|
111
|
-
$uni-info-disable:lighten($uni-info,20%) !default;
|
|
112
|
-
$uni-info-light: lighten($uni-info,25%) !default;
|
|
113
|
-
|
|
114
|
-
// 中性色
|
|
115
|
-
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
|
|
116
|
-
$uni-main-color: #3a3a3a !default; // 主要文字
|
|
117
|
-
$uni-base-color: #6a6a6a !default; // 常规文字
|
|
118
|
-
$uni-secondary-color: #909399 !default; // 次要文字
|
|
119
|
-
$uni-extra-color: #c7c7c7 !default; // 辅助说明
|
|
120
|
-
|
|
121
|
-
// 边框颜色
|
|
122
|
-
$uni-border-1: #F0F0F0 !default;
|
|
123
|
-
$uni-border-2: #EDEDED !default;
|
|
124
|
-
$uni-border-3: #DCDCDC !default;
|
|
125
|
-
$uni-border-4: #B9B9B9 !default;
|
|
126
|
-
|
|
127
|
-
// 常规色
|
|
128
|
-
$uni-black: #000000 !default;
|
|
129
|
-
$uni-white: #ffffff !default;
|
|
130
|
-
$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
|
|
131
|
-
|
|
132
|
-
// 背景色
|
|
133
|
-
$uni-bg-color: #f7f7f7 !default;
|
|
134
|
-
|
|
135
|
-
/* 水平间距 */
|
|
136
|
-
$uni-spacing-sm: 8px !default;
|
|
137
|
-
$uni-spacing-base: 15px !default;
|
|
138
|
-
$uni-spacing-lg: 30px !default;
|
|
139
|
-
|
|
140
|
-
// 阴影
|
|
141
|
-
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
|
|
142
|
-
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
|
|
143
|
-
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
|
|
144
|
-
|
|
145
|
-
// 蒙版
|
|
146
|
-
$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
|
|
1
|
+
// @use "sass:math";
|
|
2
|
+
@import '../tools/functions.scss';
|
|
3
|
+
// 间距基础倍数
|
|
4
|
+
$uni-space-root: 2 !default;
|
|
5
|
+
// 边框半径默认值
|
|
6
|
+
$uni-radius-root:5px !default;
|
|
7
|
+
$uni-radius: () !default;
|
|
8
|
+
// 边框半径断点
|
|
9
|
+
$uni-radius: map-deep-merge(
|
|
10
|
+
(
|
|
11
|
+
0: 0,
|
|
12
|
+
// TODO 当前版本暂时不支持 sm 属性
|
|
13
|
+
// 'sm': math.div($uni-radius-root, 2),
|
|
14
|
+
null: $uni-radius-root,
|
|
15
|
+
'lg': $uni-radius-root * 2,
|
|
16
|
+
'xl': $uni-radius-root * 6,
|
|
17
|
+
'pill': 9999px,
|
|
18
|
+
'circle': 50%
|
|
19
|
+
),
|
|
20
|
+
$uni-radius
|
|
21
|
+
);
|
|
22
|
+
// 字体家族
|
|
23
|
+
$body-font-family: 'Roboto', sans-serif !default;
|
|
24
|
+
// 文本
|
|
25
|
+
$heading-font-family: $body-font-family !default;
|
|
26
|
+
$uni-headings: () !default;
|
|
27
|
+
$letterSpacing: -0.01562em;
|
|
28
|
+
$uni-headings: map-deep-merge(
|
|
29
|
+
(
|
|
30
|
+
'h1': (
|
|
31
|
+
size: 32px,
|
|
32
|
+
weight: 300,
|
|
33
|
+
line-height: 50px,
|
|
34
|
+
// letter-spacing:-0.01562em
|
|
35
|
+
),
|
|
36
|
+
'h2': (
|
|
37
|
+
size: 28px,
|
|
38
|
+
weight: 300,
|
|
39
|
+
line-height: 40px,
|
|
40
|
+
// letter-spacing: -0.00833em
|
|
41
|
+
),
|
|
42
|
+
'h3': (
|
|
43
|
+
size: 24px,
|
|
44
|
+
weight: 400,
|
|
45
|
+
line-height: 32px,
|
|
46
|
+
// letter-spacing: normal
|
|
47
|
+
),
|
|
48
|
+
'h4': (
|
|
49
|
+
size: 20px,
|
|
50
|
+
weight: 400,
|
|
51
|
+
line-height: 30px,
|
|
52
|
+
// letter-spacing: 0.00735em
|
|
53
|
+
),
|
|
54
|
+
'h5': (
|
|
55
|
+
size: 16px,
|
|
56
|
+
weight: 400,
|
|
57
|
+
line-height: 24px,
|
|
58
|
+
// letter-spacing: normal
|
|
59
|
+
),
|
|
60
|
+
'h6': (
|
|
61
|
+
size: 14px,
|
|
62
|
+
weight: 500,
|
|
63
|
+
line-height: 18px,
|
|
64
|
+
// letter-spacing: 0.0125em
|
|
65
|
+
),
|
|
66
|
+
'subtitle': (
|
|
67
|
+
size: 12px,
|
|
68
|
+
weight: 400,
|
|
69
|
+
line-height: 20px,
|
|
70
|
+
// letter-spacing: 0.00937em
|
|
71
|
+
),
|
|
72
|
+
'body': (
|
|
73
|
+
font-size: 14px,
|
|
74
|
+
font-weight: 400,
|
|
75
|
+
line-height: 22px,
|
|
76
|
+
// letter-spacing: 0.03125em
|
|
77
|
+
),
|
|
78
|
+
'caption': (
|
|
79
|
+
'size': 12px,
|
|
80
|
+
'weight': 400,
|
|
81
|
+
'line-height': 20px,
|
|
82
|
+
// 'letter-spacing': 0.03333em,
|
|
83
|
+
// 'text-transform': false
|
|
84
|
+
)
|
|
85
|
+
),
|
|
86
|
+
$uni-headings
|
|
87
|
+
);
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
// 主色
|
|
92
|
+
$uni-primary: #2979ff !default;
|
|
93
|
+
$uni-primary-disable:lighten($uni-primary,20%) !default;
|
|
94
|
+
$uni-primary-light: lighten($uni-primary,25%) !default;
|
|
95
|
+
|
|
96
|
+
// 辅助色
|
|
97
|
+
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
|
|
98
|
+
$uni-success: #18bc37 !default;
|
|
99
|
+
$uni-success-disable:lighten($uni-success,20%) !default;
|
|
100
|
+
$uni-success-light: lighten($uni-success,25%) !default;
|
|
101
|
+
|
|
102
|
+
$uni-warning: #f3a73f !default;
|
|
103
|
+
$uni-warning-disable:lighten($uni-warning,20%) !default;
|
|
104
|
+
$uni-warning-light: lighten($uni-warning,25%) !default;
|
|
105
|
+
|
|
106
|
+
$uni-error: #e43d33 !default;
|
|
107
|
+
$uni-error-disable:lighten($uni-error,20%) !default;
|
|
108
|
+
$uni-error-light: lighten($uni-error,25%) !default;
|
|
109
|
+
|
|
110
|
+
$uni-info: #8f939c !default;
|
|
111
|
+
$uni-info-disable:lighten($uni-info,20%) !default;
|
|
112
|
+
$uni-info-light: lighten($uni-info,25%) !default;
|
|
113
|
+
|
|
114
|
+
// 中性色
|
|
115
|
+
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
|
|
116
|
+
$uni-main-color: #3a3a3a !default; // 主要文字
|
|
117
|
+
$uni-base-color: #6a6a6a !default; // 常规文字
|
|
118
|
+
$uni-secondary-color: #909399 !default; // 次要文字
|
|
119
|
+
$uni-extra-color: #c7c7c7 !default; // 辅助说明
|
|
120
|
+
|
|
121
|
+
// 边框颜色
|
|
122
|
+
$uni-border-1: #F0F0F0 !default;
|
|
123
|
+
$uni-border-2: #EDEDED !default;
|
|
124
|
+
$uni-border-3: #DCDCDC !default;
|
|
125
|
+
$uni-border-4: #B9B9B9 !default;
|
|
126
|
+
|
|
127
|
+
// 常规色
|
|
128
|
+
$uni-black: #000000 !default;
|
|
129
|
+
$uni-white: #ffffff !default;
|
|
130
|
+
$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
|
|
131
|
+
|
|
132
|
+
// 背景色
|
|
133
|
+
$uni-bg-color: #f7f7f7 !default;
|
|
134
|
+
|
|
135
|
+
/* 水平间距 */
|
|
136
|
+
$uni-spacing-sm: 8px !default;
|
|
137
|
+
$uni-spacing-base: 15px !default;
|
|
138
|
+
$uni-spacing-lg: 30px !default;
|
|
139
|
+
|
|
140
|
+
// 阴影
|
|
141
|
+
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
|
|
142
|
+
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
|
|
143
|
+
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
|
|
144
|
+
|
|
145
|
+
// 蒙版
|
|
146
|
+
$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
// 合并 map
|
|
2
|
-
@function map-deep-merge($parent-map, $child-map){
|
|
3
|
-
$result: $parent-map;
|
|
4
|
-
@each $key, $child in $child-map {
|
|
5
|
-
$parent-has-key: map-has-key($result, $key);
|
|
6
|
-
$parent-value: map-get($result, $key);
|
|
7
|
-
$parent-type: type-of($parent-value);
|
|
8
|
-
$child-type: type-of($child);
|
|
9
|
-
$parent-is-map: $parent-type == map;
|
|
10
|
-
$child-is-map: $child-type == map;
|
|
11
|
-
|
|
12
|
-
@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
|
|
13
|
-
$result: map-merge($result, ( $key: $child ));
|
|
14
|
-
}@else {
|
|
15
|
-
$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
@return $result;
|
|
19
|
-
};
|
|
1
|
+
// 合并 map
|
|
2
|
+
@function map-deep-merge($parent-map, $child-map){
|
|
3
|
+
$result: $parent-map;
|
|
4
|
+
@each $key, $child in $child-map {
|
|
5
|
+
$parent-has-key: map-has-key($result, $key);
|
|
6
|
+
$parent-value: map-get($result, $key);
|
|
7
|
+
$parent-type: type-of($parent-value);
|
|
8
|
+
$child-type: type-of($child);
|
|
9
|
+
$parent-is-map: $parent-type == map;
|
|
10
|
+
$child-is-map: $child-type == map;
|
|
11
|
+
|
|
12
|
+
@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
|
|
13
|
+
$result: map-merge($result, ( $key: $child ));
|
|
14
|
+
}@else {
|
|
15
|
+
$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
@return $result;
|
|
19
|
+
};
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
// 间距基础倍数
|
|
2
|
-
$uni-space-root: 2;
|
|
3
|
-
// 边框半径默认值
|
|
4
|
-
$uni-radius-root:5px;
|
|
5
|
-
// 主色
|
|
6
|
-
$uni-primary: #2979ff;
|
|
7
|
-
// 辅助色
|
|
8
|
-
$uni-success: #4cd964;
|
|
9
|
-
// 警告色
|
|
10
|
-
$uni-warning: #f0ad4e;
|
|
11
|
-
// 错误色
|
|
12
|
-
$uni-error: #dd524d;
|
|
13
|
-
// 描述色
|
|
14
|
-
$uni-info: #909399;
|
|
15
|
-
// 中性色
|
|
16
|
-
$uni-main-color: #303133;
|
|
17
|
-
$uni-base-color: #606266;
|
|
18
|
-
$uni-secondary-color: #909399;
|
|
19
|
-
$uni-extra-color: #C0C4CC;
|
|
20
|
-
// 背景色
|
|
21
|
-
$uni-bg-color: #f5f5f5;
|
|
22
|
-
// 边框颜色
|
|
23
|
-
$uni-border-1: #DCDFE6;
|
|
24
|
-
$uni-border-2: #E4E7ED;
|
|
25
|
-
$uni-border-3: #EBEEF5;
|
|
26
|
-
$uni-border-4: #F2F6FC;
|
|
27
|
-
|
|
28
|
-
// 常规色
|
|
29
|
-
$uni-black: #000000;
|
|
30
|
-
$uni-white: #ffffff;
|
|
31
|
-
$uni-transparent: rgba($color: #000000, $alpha: 0);
|
|
1
|
+
// 间距基础倍数
|
|
2
|
+
$uni-space-root: 2;
|
|
3
|
+
// 边框半径默认值
|
|
4
|
+
$uni-radius-root:5px;
|
|
5
|
+
// 主色
|
|
6
|
+
$uni-primary: #2979ff;
|
|
7
|
+
// 辅助色
|
|
8
|
+
$uni-success: #4cd964;
|
|
9
|
+
// 警告色
|
|
10
|
+
$uni-warning: #f0ad4e;
|
|
11
|
+
// 错误色
|
|
12
|
+
$uni-error: #dd524d;
|
|
13
|
+
// 描述色
|
|
14
|
+
$uni-info: #909399;
|
|
15
|
+
// 中性色
|
|
16
|
+
$uni-main-color: #303133;
|
|
17
|
+
$uni-base-color: #606266;
|
|
18
|
+
$uni-secondary-color: #909399;
|
|
19
|
+
$uni-extra-color: #C0C4CC;
|
|
20
|
+
// 背景色
|
|
21
|
+
$uni-bg-color: #f5f5f5;
|
|
22
|
+
// 边框颜色
|
|
23
|
+
$uni-border-1: #DCDFE6;
|
|
24
|
+
$uni-border-2: #E4E7ED;
|
|
25
|
+
$uni-border-3: #EBEEF5;
|
|
26
|
+
$uni-border-4: #F2F6FC;
|
|
27
|
+
|
|
28
|
+
// 常规色
|
|
29
|
+
$uni-black: #000000;
|
|
30
|
+
$uni-white: #ffffff;
|
|
31
|
+
$uni-transparent: rgba($color: #000000, $alpha: 0);
|
|
@@ -1,62 +1,62 @@
|
|
|
1
|
-
@import '
|
|
2
|
-
// 间距基础倍数
|
|
3
|
-
$uni-space-root: 2;
|
|
4
|
-
// 边框半径默认值
|
|
5
|
-
$uni-radius-root:5px;
|
|
6
|
-
|
|
7
|
-
// 主色
|
|
8
|
-
$uni-primary: #2979ff;
|
|
9
|
-
$uni-primary-disable:mix(#fff,$uni-primary,50%);
|
|
10
|
-
$uni-primary-light: mix(#fff,$uni-primary,80%);
|
|
11
|
-
|
|
12
|
-
// 辅助色
|
|
13
|
-
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
|
|
14
|
-
$uni-success: #18bc37;
|
|
15
|
-
$uni-success-disable:mix(#fff,$uni-success,50%);
|
|
16
|
-
$uni-success-light: mix(#fff,$uni-success,80%);
|
|
17
|
-
|
|
18
|
-
$uni-warning: #f3a73f;
|
|
19
|
-
$uni-warning-disable:mix(#fff,$uni-warning,50%);
|
|
20
|
-
$uni-warning-light: mix(#fff,$uni-warning,80%);
|
|
21
|
-
|
|
22
|
-
$uni-error: #e43d33;
|
|
23
|
-
$uni-error-disable:mix(#fff,$uni-error,50%);
|
|
24
|
-
$uni-error-light: mix(#fff,$uni-error,80%);
|
|
25
|
-
|
|
26
|
-
$uni-info: #8f939c;
|
|
27
|
-
$uni-info-disable:mix(#fff,$uni-info,50%);
|
|
28
|
-
$uni-info-light: mix(#fff,$uni-info,80%);
|
|
29
|
-
|
|
30
|
-
// 中性色
|
|
31
|
-
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
|
|
32
|
-
$uni-main-color: #3a3a3a; // 主要文字
|
|
33
|
-
$uni-base-color: #6a6a6a; // 常规文字
|
|
34
|
-
$uni-secondary-color: #909399; // 次要文字
|
|
35
|
-
$uni-extra-color: #c7c7c7; // 辅助说明
|
|
36
|
-
|
|
37
|
-
// 边框颜色
|
|
38
|
-
$uni-border-1: #F0F0F0;
|
|
39
|
-
$uni-border-2: #EDEDED;
|
|
40
|
-
$uni-border-3: #DCDCDC;
|
|
41
|
-
$uni-border-4: #B9B9B9;
|
|
42
|
-
|
|
43
|
-
// 常规色
|
|
44
|
-
$uni-black: #000000;
|
|
45
|
-
$uni-white: #ffffff;
|
|
46
|
-
$uni-transparent: rgba($color: #000000, $alpha: 0);
|
|
47
|
-
|
|
48
|
-
// 背景色
|
|
49
|
-
$uni-bg-color: #f7f7f7;
|
|
50
|
-
|
|
51
|
-
/* 水平间距 */
|
|
52
|
-
$uni-spacing-sm: 8px;
|
|
53
|
-
$uni-spacing-base: 15px;
|
|
54
|
-
$uni-spacing-lg: 30px;
|
|
55
|
-
|
|
56
|
-
// 阴影
|
|
57
|
-
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
|
|
58
|
-
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
|
|
59
|
-
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
|
|
60
|
-
|
|
61
|
-
// 蒙版
|
|
62
|
-
$uni-mask: rgba($color: #000000, $alpha: 0.4);
|
|
1
|
+
@import './styles/setting/_variables.scss';
|
|
2
|
+
// 间距基础倍数
|
|
3
|
+
$uni-space-root: 2;
|
|
4
|
+
// 边框半径默认值
|
|
5
|
+
$uni-radius-root:5px;
|
|
6
|
+
|
|
7
|
+
// 主色
|
|
8
|
+
$uni-primary: #2979ff;
|
|
9
|
+
$uni-primary-disable:mix(#fff,$uni-primary,50%);
|
|
10
|
+
$uni-primary-light: mix(#fff,$uni-primary,80%);
|
|
11
|
+
|
|
12
|
+
// 辅助色
|
|
13
|
+
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
|
|
14
|
+
$uni-success: #18bc37;
|
|
15
|
+
$uni-success-disable:mix(#fff,$uni-success,50%);
|
|
16
|
+
$uni-success-light: mix(#fff,$uni-success,80%);
|
|
17
|
+
|
|
18
|
+
$uni-warning: #f3a73f;
|
|
19
|
+
$uni-warning-disable:mix(#fff,$uni-warning,50%);
|
|
20
|
+
$uni-warning-light: mix(#fff,$uni-warning,80%);
|
|
21
|
+
|
|
22
|
+
$uni-error: #e43d33;
|
|
23
|
+
$uni-error-disable:mix(#fff,$uni-error,50%);
|
|
24
|
+
$uni-error-light: mix(#fff,$uni-error,80%);
|
|
25
|
+
|
|
26
|
+
$uni-info: #8f939c;
|
|
27
|
+
$uni-info-disable:mix(#fff,$uni-info,50%);
|
|
28
|
+
$uni-info-light: mix(#fff,$uni-info,80%);
|
|
29
|
+
|
|
30
|
+
// 中性色
|
|
31
|
+
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
|
|
32
|
+
$uni-main-color: #3a3a3a; // 主要文字
|
|
33
|
+
$uni-base-color: #6a6a6a; // 常规文字
|
|
34
|
+
$uni-secondary-color: #909399; // 次要文字
|
|
35
|
+
$uni-extra-color: #c7c7c7; // 辅助说明
|
|
36
|
+
|
|
37
|
+
// 边框颜色
|
|
38
|
+
$uni-border-1: #F0F0F0;
|
|
39
|
+
$uni-border-2: #EDEDED;
|
|
40
|
+
$uni-border-3: #DCDCDC;
|
|
41
|
+
$uni-border-4: #B9B9B9;
|
|
42
|
+
|
|
43
|
+
// 常规色
|
|
44
|
+
$uni-black: #000000;
|
|
45
|
+
$uni-white: #ffffff;
|
|
46
|
+
$uni-transparent: rgba($color: #000000, $alpha: 0);
|
|
47
|
+
|
|
48
|
+
// 背景色
|
|
49
|
+
$uni-bg-color: #f7f7f7;
|
|
50
|
+
|
|
51
|
+
/* 水平间距 */
|
|
52
|
+
$uni-spacing-sm: 8px;
|
|
53
|
+
$uni-spacing-base: 15px;
|
|
54
|
+
$uni-spacing-lg: 30px;
|
|
55
|
+
|
|
56
|
+
// 阴影
|
|
57
|
+
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
|
|
58
|
+
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
|
|
59
|
+
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
|
|
60
|
+
|
|
61
|
+
// 蒙版
|
|
62
|
+
$uni-mask: rgba($color: #000000, $alpha: 0.4);
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
<!-- #endif -->
|
|
104
104
|
|
|
105
105
|
</template>
|
|
106
|
-
<script src='wx.wxs' module="wxsswipe" lang="wxs"></script>
|
|
106
|
+
<script src='./wx.wxs' module="wxsswipe" lang="wxs"></script>
|
|
107
107
|
|
|
108
108
|
<script module="renderswipe" lang="renderjs">
|
|
109
109
|
import render from './render.js'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kengic/uni",
|
|
3
|
-
"version": "0.3.2-beta.
|
|
3
|
+
"version": "0.3.2-beta.15",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "rimraf dist && vue-tsc && vite build",
|
|
6
6
|
"build:dev": "rimraf dist && vue-tsc && vite build --mode development",
|
|
@@ -111,6 +111,8 @@
|
|
|
111
111
|
"./dist/uni/uni-ui/uni-popup-dialog/uni-popup-dialog.vue": "./dist/uni/uni-ui/uni-popup-dialog/uni-popup-dialog.vue",
|
|
112
112
|
"./dist/uni/uni-ui/uni-popup-message/uni-popup-message.vue": "./dist/uni/uni-ui/uni-popup-message/uni-popup-message.vue",
|
|
113
113
|
"./dist/uni/uni-ui/uni-popup-share/uni-popup-share.vue": "./dist/uni/uni-ui/uni-popup-share/uni-popup-share.vue",
|
|
114
|
+
"./dist/uni/uni-ui/uni-rate/uni-rate.vue": "./dist/uni/uni-ui/uni-rate/uni-rate.vue",
|
|
115
|
+
"./dist/uni/uni-ui/uni-row/uni-row.vue": "./dist/uni/uni-ui/uni-row/uni-row.vue",
|
|
114
116
|
"./dist/uni/uni-ui/uni-search-bar/uni-search-bar.vue": "./dist/uni/uni-ui/uni-search-bar/uni-search-bar.vue",
|
|
115
117
|
"./dist/uni/uni-ui/uni-section/uni-section.vue": "./dist/uni/uni-ui/uni-section/uni-section.vue",
|
|
116
118
|
"./dist/uni/uni-ui/uni-segmented-control/uni-segmented-control.vue": "./dist/uni/uni-ui/uni-segmented-control/uni-segmented-control.vue",
|