cbvirtua 1.0.101 → 1.0.103
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/5111.zip +0 -0
- package/package.json +1 -1
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/.hbuilderx/launch.json +11 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/App.vue +17 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/README.md +13 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/components/xiaolu-tree/code.js +408 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/components/xiaolu-tree/css/icon.css +342 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/components/xiaolu-tree/css/style.scss +119 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/components/xiaolu-tree/search/index.vue +66 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/components/xiaolu-tree/tree.vue +70 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/main.js +11 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/manifest.json +78 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages/chooseUser/chooseUser.vue +69 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages/chooseUser/data.js +96 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages/index/index.vue +122 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/pages.json +25 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/changelog.md +80 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/en.json +7 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/index.js +8 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hans.json +7 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hant.json +7 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/keypress.js +45 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/popup.js +26 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/uni-popup.uvue +90 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup/uni-popup.vue +496 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup-dialog/keypress.js +45 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue +313 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue +143 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/components/uni-popup-share/uni-popup-share.vue +187 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/package.json +87 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-popup/readme.md +17 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/changelog.md +8 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/index.scss +1 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/package.json +82 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/readme.md +4 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/index.scss +7 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/setting/_border.scss +3 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/setting/_color.scss +66 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/setting/_radius.scss +55 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/setting/_space.scss +56 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/setting/_styles.scss +167 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/setting/_text.scss +24 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/setting/_variables.scss +146 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/styles/tools/functions.scss +19 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/theme.scss +31 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-scss/variables.scss +62 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-transition/changelog.md +22 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-transition/components/uni-transition/createAnimation.js +131 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-transition/components/uni-transition/uni-transition.vue +286 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-transition/package.json +84 -0
- package/xiaolu-tree-plugin-main/xiaolu-tree-plugin-main/uni_modules/uni-transition/readme.md +11 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
## Popup 弹出层
|
|
4
|
+
> **组件名:uni-popup**
|
|
5
|
+
> 代码块: `uPopup`
|
|
6
|
+
> 关联组件:`uni-transition`
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
弹出层组件,在应用中弹出一个消息提示窗口、提示框等
|
|
10
|
+
|
|
11
|
+
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-popup)
|
|
12
|
+
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import './styles/index.scss';
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "uni-scss",
|
|
3
|
+
"displayName": "uni-scss 辅助样式",
|
|
4
|
+
"version": "1.0.3",
|
|
5
|
+
"description": "uni-sass是uni-ui提供的一套全局样式 ,通过一些简单的类名和sass变量,实现简单的页面布局操作,比如颜色、边距、圆角等。",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"uni-scss",
|
|
8
|
+
"uni-ui",
|
|
9
|
+
"辅助样式"
|
|
10
|
+
],
|
|
11
|
+
"repository": "https://github.com/dcloudio/uni-ui",
|
|
12
|
+
"engines": {
|
|
13
|
+
"HBuilderX": "^3.1.0"
|
|
14
|
+
},
|
|
15
|
+
"dcloudext": {
|
|
16
|
+
"category": [
|
|
17
|
+
"JS SDK",
|
|
18
|
+
"通用 SDK"
|
|
19
|
+
],
|
|
20
|
+
"sale": {
|
|
21
|
+
"regular": {
|
|
22
|
+
"price": "0.00"
|
|
23
|
+
},
|
|
24
|
+
"sourcecode": {
|
|
25
|
+
"price": "0.00"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"contact": {
|
|
29
|
+
"qq": ""
|
|
30
|
+
},
|
|
31
|
+
"declaration": {
|
|
32
|
+
"ads": "无",
|
|
33
|
+
"data": "无",
|
|
34
|
+
"permissions": "无"
|
|
35
|
+
},
|
|
36
|
+
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
|
|
37
|
+
},
|
|
38
|
+
"uni_modules": {
|
|
39
|
+
"dependencies": [],
|
|
40
|
+
"encrypt": [],
|
|
41
|
+
"platforms": {
|
|
42
|
+
"cloud": {
|
|
43
|
+
"tcb": "y",
|
|
44
|
+
"aliyun": "y"
|
|
45
|
+
},
|
|
46
|
+
"client": {
|
|
47
|
+
"App": {
|
|
48
|
+
"app-vue": "y",
|
|
49
|
+
"app-nvue": "u"
|
|
50
|
+
},
|
|
51
|
+
"H5-mobile": {
|
|
52
|
+
"Safari": "y",
|
|
53
|
+
"Android Browser": "y",
|
|
54
|
+
"微信浏览器(Android)": "y",
|
|
55
|
+
"QQ浏览器(Android)": "y"
|
|
56
|
+
},
|
|
57
|
+
"H5-pc": {
|
|
58
|
+
"Chrome": "y",
|
|
59
|
+
"IE": "y",
|
|
60
|
+
"Edge": "y",
|
|
61
|
+
"Firefox": "y",
|
|
62
|
+
"Safari": "y"
|
|
63
|
+
},
|
|
64
|
+
"小程序": {
|
|
65
|
+
"微信": "y",
|
|
66
|
+
"阿里": "y",
|
|
67
|
+
"百度": "y",
|
|
68
|
+
"字节跳动": "y",
|
|
69
|
+
"QQ": "y"
|
|
70
|
+
},
|
|
71
|
+
"快应用": {
|
|
72
|
+
"华为": "n",
|
|
73
|
+
"联盟": "n"
|
|
74
|
+
},
|
|
75
|
+
"Vue": {
|
|
76
|
+
"vue2": "y",
|
|
77
|
+
"vue3": "y"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
|
|
2
|
+
// TODO 暂时不需要 class ,需要用户使用变量实现 ,如果使用类名其实并不推荐
|
|
3
|
+
// @mixin get-styles($k,$c) {
|
|
4
|
+
// @if $k == size or $k == weight{
|
|
5
|
+
// font-#{$k}:#{$c}
|
|
6
|
+
// }@else{
|
|
7
|
+
// #{$k}:#{$c}
|
|
8
|
+
// }
|
|
9
|
+
// }
|
|
10
|
+
$uni-ui-color:(
|
|
11
|
+
// 主色
|
|
12
|
+
primary: $uni-primary,
|
|
13
|
+
primary-disable: $uni-primary-disable,
|
|
14
|
+
primary-light: $uni-primary-light,
|
|
15
|
+
// 辅助色
|
|
16
|
+
success: $uni-success,
|
|
17
|
+
success-disable: $uni-success-disable,
|
|
18
|
+
success-light: $uni-success-light,
|
|
19
|
+
warning: $uni-warning,
|
|
20
|
+
warning-disable: $uni-warning-disable,
|
|
21
|
+
warning-light: $uni-warning-light,
|
|
22
|
+
error: $uni-error,
|
|
23
|
+
error-disable: $uni-error-disable,
|
|
24
|
+
error-light: $uni-error-light,
|
|
25
|
+
info: $uni-info,
|
|
26
|
+
info-disable: $uni-info-disable,
|
|
27
|
+
info-light: $uni-info-light,
|
|
28
|
+
// 中性色
|
|
29
|
+
main-color: $uni-main-color,
|
|
30
|
+
base-color: $uni-base-color,
|
|
31
|
+
secondary-color: $uni-secondary-color,
|
|
32
|
+
extra-color: $uni-extra-color,
|
|
33
|
+
// 背景色
|
|
34
|
+
bg-color: $uni-bg-color,
|
|
35
|
+
// 边框颜色
|
|
36
|
+
border-1: $uni-border-1,
|
|
37
|
+
border-2: $uni-border-2,
|
|
38
|
+
border-3: $uni-border-3,
|
|
39
|
+
border-4: $uni-border-4,
|
|
40
|
+
// 黑色
|
|
41
|
+
black:$uni-black,
|
|
42
|
+
// 白色
|
|
43
|
+
white:$uni-white,
|
|
44
|
+
// 透明
|
|
45
|
+
transparent:$uni-transparent
|
|
46
|
+
) !default;
|
|
47
|
+
@each $key, $child in $uni-ui-color {
|
|
48
|
+
.uni-#{"" + $key} {
|
|
49
|
+
color: $child;
|
|
50
|
+
}
|
|
51
|
+
.uni-#{"" + $key}-bg {
|
|
52
|
+
background-color: $child;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.uni-shadow-sm {
|
|
56
|
+
box-shadow: $uni-shadow-sm;
|
|
57
|
+
}
|
|
58
|
+
.uni-shadow-base {
|
|
59
|
+
box-shadow: $uni-shadow-base;
|
|
60
|
+
}
|
|
61
|
+
.uni-shadow-lg {
|
|
62
|
+
box-shadow: $uni-shadow-lg;
|
|
63
|
+
}
|
|
64
|
+
.uni-mask {
|
|
65
|
+
background-color:$uni-mask;
|
|
66
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
@mixin radius($r,$d:null ,$important: false){
|
|
2
|
+
$radius-value:map-get($uni-radius, $r) if($important, !important, null);
|
|
3
|
+
// Key exists within the $uni-radius variable
|
|
4
|
+
@if (map-has-key($uni-radius, $r) and $d){
|
|
5
|
+
@if $d == t {
|
|
6
|
+
border-top-left-radius:$radius-value;
|
|
7
|
+
border-top-right-radius:$radius-value;
|
|
8
|
+
}@else if $d == r {
|
|
9
|
+
border-top-right-radius:$radius-value;
|
|
10
|
+
border-bottom-right-radius:$radius-value;
|
|
11
|
+
}@else if $d == b {
|
|
12
|
+
border-bottom-left-radius:$radius-value;
|
|
13
|
+
border-bottom-right-radius:$radius-value;
|
|
14
|
+
}@else if $d == l {
|
|
15
|
+
border-top-left-radius:$radius-value;
|
|
16
|
+
border-bottom-left-radius:$radius-value;
|
|
17
|
+
}@else if $d == tl {
|
|
18
|
+
border-top-left-radius:$radius-value;
|
|
19
|
+
}@else if $d == tr {
|
|
20
|
+
border-top-right-radius:$radius-value;
|
|
21
|
+
}@else if $d == br {
|
|
22
|
+
border-bottom-right-radius:$radius-value;
|
|
23
|
+
}@else if $d == bl {
|
|
24
|
+
border-bottom-left-radius:$radius-value;
|
|
25
|
+
}
|
|
26
|
+
}@else{
|
|
27
|
+
border-radius:$radius-value;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@each $key, $child in $uni-radius {
|
|
32
|
+
@if($key){
|
|
33
|
+
.uni-radius-#{"" + $key} {
|
|
34
|
+
@include radius($key)
|
|
35
|
+
}
|
|
36
|
+
}@else{
|
|
37
|
+
.uni-radius {
|
|
38
|
+
@include radius($key)
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@each $direction in t, r, b, l,tl, tr, br, bl {
|
|
44
|
+
@each $key, $child in $uni-radius {
|
|
45
|
+
@if($key){
|
|
46
|
+
.uni-radius-#{"" + $direction}-#{"" + $key} {
|
|
47
|
+
@include radius($key,$direction,false)
|
|
48
|
+
}
|
|
49
|
+
}@else{
|
|
50
|
+
.uni-radius-#{$direction} {
|
|
51
|
+
@include radius($key,$direction,false)
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
|
|
2
|
+
@mixin fn($space,$direction,$size,$n) {
|
|
3
|
+
@if $n {
|
|
4
|
+
#{$space}-#{$direction}: #{$size*$uni-space-root}px
|
|
5
|
+
} @else {
|
|
6
|
+
#{$space}-#{$direction}: #{-$size*$uni-space-root}px
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
@mixin get-styles($direction,$i,$space,$n){
|
|
10
|
+
@if $direction == t {
|
|
11
|
+
@include fn($space, top,$i,$n);
|
|
12
|
+
}
|
|
13
|
+
@if $direction == r {
|
|
14
|
+
@include fn($space, right,$i,$n);
|
|
15
|
+
}
|
|
16
|
+
@if $direction == b {
|
|
17
|
+
@include fn($space, bottom,$i,$n);
|
|
18
|
+
}
|
|
19
|
+
@if $direction == l {
|
|
20
|
+
@include fn($space, left,$i,$n);
|
|
21
|
+
}
|
|
22
|
+
@if $direction == x {
|
|
23
|
+
@include fn($space, left,$i,$n);
|
|
24
|
+
@include fn($space, right,$i,$n);
|
|
25
|
+
}
|
|
26
|
+
@if $direction == y {
|
|
27
|
+
@include fn($space, top,$i,$n);
|
|
28
|
+
@include fn($space, bottom,$i,$n);
|
|
29
|
+
}
|
|
30
|
+
@if $direction == a {
|
|
31
|
+
@if $n {
|
|
32
|
+
#{$space}:#{$i*$uni-space-root}px;
|
|
33
|
+
} @else {
|
|
34
|
+
#{$space}:#{-$i*$uni-space-root}px;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@each $orientation in m,p {
|
|
40
|
+
$space: margin;
|
|
41
|
+
@if $orientation == m {
|
|
42
|
+
$space: margin;
|
|
43
|
+
} @else {
|
|
44
|
+
$space: padding;
|
|
45
|
+
}
|
|
46
|
+
@for $i from 0 through 16 {
|
|
47
|
+
@each $direction in t, r, b, l, x, y, a {
|
|
48
|
+
.uni-#{$orientation}#{$direction}-#{$i} {
|
|
49
|
+
@include get-styles($direction,$i,$space,true);
|
|
50
|
+
}
|
|
51
|
+
.uni-#{$orientation}#{$direction}-n#{$i} {
|
|
52
|
+
@include get-styles($direction,$i,$space,false);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
/* #ifndef APP-NVUE */
|
|
2
|
+
|
|
3
|
+
$-color-white:#fff;
|
|
4
|
+
$-color-black:#000;
|
|
5
|
+
@mixin base-style($color) {
|
|
6
|
+
color: #fff;
|
|
7
|
+
background-color: $color;
|
|
8
|
+
border-color: mix($-color-black, $color, 8%);
|
|
9
|
+
&:not([hover-class]):active {
|
|
10
|
+
background: mix($-color-black, $color, 10%);
|
|
11
|
+
border-color: mix($-color-black, $color, 20%);
|
|
12
|
+
color: $-color-white;
|
|
13
|
+
outline: none;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
@mixin is-color($color) {
|
|
17
|
+
@include base-style($color);
|
|
18
|
+
&[loading] {
|
|
19
|
+
@include base-style($color);
|
|
20
|
+
&::before {
|
|
21
|
+
margin-right:5px;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
&[disabled] {
|
|
25
|
+
&,
|
|
26
|
+
&[loading],
|
|
27
|
+
&:not([hover-class]):active {
|
|
28
|
+
color: $-color-white;
|
|
29
|
+
border-color: mix(darken($color,10%), $-color-white);
|
|
30
|
+
background-color: mix($color, $-color-white);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
}
|
|
35
|
+
@mixin base-plain-style($color) {
|
|
36
|
+
color:$color;
|
|
37
|
+
background-color: mix($-color-white, $color, 90%);
|
|
38
|
+
border-color: mix($-color-white, $color, 70%);
|
|
39
|
+
&:not([hover-class]):active {
|
|
40
|
+
background: mix($-color-white, $color, 80%);
|
|
41
|
+
color: $color;
|
|
42
|
+
outline: none;
|
|
43
|
+
border-color: mix($-color-white, $color, 50%);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
@mixin is-plain($color){
|
|
47
|
+
&[plain] {
|
|
48
|
+
@include base-plain-style($color);
|
|
49
|
+
&[loading] {
|
|
50
|
+
@include base-plain-style($color);
|
|
51
|
+
&::before {
|
|
52
|
+
margin-right:5px;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
&[disabled] {
|
|
56
|
+
&,
|
|
57
|
+
&:active {
|
|
58
|
+
color: mix($-color-white, $color, 40%);
|
|
59
|
+
background-color: mix($-color-white, $color, 90%);
|
|
60
|
+
border-color: mix($-color-white, $color, 80%);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
.uni-btn {
|
|
68
|
+
margin: 5px;
|
|
69
|
+
color: #393939;
|
|
70
|
+
border:1px solid #ccc;
|
|
71
|
+
font-size: 16px;
|
|
72
|
+
font-weight: 200;
|
|
73
|
+
background-color: #F9F9F9;
|
|
74
|
+
// TODO 暂时处理边框隐藏一边的问题
|
|
75
|
+
overflow: visible;
|
|
76
|
+
&::after{
|
|
77
|
+
border: none;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&:not([type]),&[type=default] {
|
|
81
|
+
color: #999;
|
|
82
|
+
&[loading] {
|
|
83
|
+
background: none;
|
|
84
|
+
&::before {
|
|
85
|
+
margin-right:5px;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
&[disabled]{
|
|
92
|
+
color: mix($-color-white, #999, 60%);
|
|
93
|
+
&,
|
|
94
|
+
&[loading],
|
|
95
|
+
&:active {
|
|
96
|
+
color: mix($-color-white, #999, 60%);
|
|
97
|
+
background-color: mix($-color-white,$-color-black , 98%);
|
|
98
|
+
border-color: mix($-color-white, #999, 85%);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&[plain] {
|
|
103
|
+
color: #999;
|
|
104
|
+
background: none;
|
|
105
|
+
border-color: $uni-border-1;
|
|
106
|
+
&:not([hover-class]):active {
|
|
107
|
+
background: none;
|
|
108
|
+
color: mix($-color-white, $-color-black, 80%);
|
|
109
|
+
border-color: mix($-color-white, $-color-black, 90%);
|
|
110
|
+
outline: none;
|
|
111
|
+
}
|
|
112
|
+
&[disabled]{
|
|
113
|
+
&,
|
|
114
|
+
&[loading],
|
|
115
|
+
&:active {
|
|
116
|
+
background: none;
|
|
117
|
+
color: mix($-color-white, #999, 60%);
|
|
118
|
+
border-color: mix($-color-white, #999, 85%);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&:not([hover-class]):active {
|
|
125
|
+
color: mix($-color-white, $-color-black, 50%);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
&[size=mini] {
|
|
129
|
+
font-size: 16px;
|
|
130
|
+
font-weight: 200;
|
|
131
|
+
border-radius: 8px;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
&.uni-btn-small {
|
|
137
|
+
font-size: 14px;
|
|
138
|
+
}
|
|
139
|
+
&.uni-btn-mini {
|
|
140
|
+
font-size: 12px;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
&.uni-btn-radius {
|
|
144
|
+
border-radius: 999px;
|
|
145
|
+
}
|
|
146
|
+
&[type=primary] {
|
|
147
|
+
@include is-color($uni-primary);
|
|
148
|
+
@include is-plain($uni-primary)
|
|
149
|
+
}
|
|
150
|
+
&[type=success] {
|
|
151
|
+
@include is-color($uni-success);
|
|
152
|
+
@include is-plain($uni-success)
|
|
153
|
+
}
|
|
154
|
+
&[type=error] {
|
|
155
|
+
@include is-color($uni-error);
|
|
156
|
+
@include is-plain($uni-error)
|
|
157
|
+
}
|
|
158
|
+
&[type=warning] {
|
|
159
|
+
@include is-color($uni-warning);
|
|
160
|
+
@include is-plain($uni-warning)
|
|
161
|
+
}
|
|
162
|
+
&[type=info] {
|
|
163
|
+
@include is-color($uni-info);
|
|
164
|
+
@include is-plain($uni-info)
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
/* #endif */
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
@mixin get-styles($k,$c) {
|
|
2
|
+
@if $k == size or $k == weight{
|
|
3
|
+
font-#{$k}:#{$c}
|
|
4
|
+
}@else{
|
|
5
|
+
#{$k}:#{$c}
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@each $key, $child in $uni-headings {
|
|
10
|
+
/* #ifndef APP-NVUE */
|
|
11
|
+
.uni-#{$key} {
|
|
12
|
+
@each $k, $c in $child {
|
|
13
|
+
@include get-styles($k,$c)
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
/* #endif */
|
|
17
|
+
/* #ifdef APP-NVUE */
|
|
18
|
+
.container .uni-#{$key} {
|
|
19
|
+
@each $k, $c in $child {
|
|
20
|
+
@include get-styles($k,$c)
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
/* #endif */
|
|
24
|
+
}
|
|
@@ -0,0 +1,146 @@
|
|
|
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;
|
|
@@ -0,0 +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
|
+
};
|
|
@@ -0,0 +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);
|