@yup/taro-ui 0.0.4 → 0.0.6
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/es/_virtual/_commonjsHelpers.js +1 -3
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -120
- package/es/_virtual/index.js +1 -1
- package/es/_virtual/jsx-runtime.js +1 -1
- package/es/_virtual/react-jsx-runtime.development.js +1 -1
- package/es/_virtual/react-jsx-runtime.production.min.js +1 -1
- package/es/components/button/index.js +1 -35
- package/es/components/button/style/index.css +2 -1
- package/es/components/button/style/index.js +1 -1
- package/es/components/checkbox/checkbox-group.js +1 -12
- package/es/components/checkbox/index.js +1 -23
- package/es/components/checkbox/style/index.css +2 -1
- package/es/components/checkbox/style/index.js +1 -1
- package/es/components/form/form-item.js +1 -14
- package/es/components/form/index.js +1 -18
- package/es/components/form/style/index.css +2 -1
- package/es/components/form/style/index.js +1 -1
- package/es/components/input/index.js +1 -57
- package/es/components/input/style/index.css +2 -1
- package/es/components/input/style/index.js +1 -1
- package/es/components/radio/index.js +1 -18
- package/es/components/radio/radio-group.js +1 -16
- package/es/components/radio/style/index.js +2 -2
- package/es/components/radio/style/radio.css +2 -1
- package/es/components/toast/index.js +1 -1
- package/es/components/toast/style/index.css +2 -1
- package/es/components/toast/style/index.js +1 -1
- package/es/components/toast/toast.js +1 -89
- package/es/components/toast/withToast.js +1 -9
- package/es/global.css +2 -1
- package/es/index.js +1 -2
- package/es/node_modules/classnames/index.js +1 -56
- package/es/node_modules/react/cjs/react-jsx-runtime.development.js +1 -1137
- package/es/node_modules/react/cjs/react-jsx-runtime.production.min.js +3 -41
- package/es/node_modules/react/jsx-runtime.js +1 -6
- package/es/utils/is.js +1 -9
- package/package.json +1 -1
- package/es/components/button/style/button.css +0 -3
- package/es/components/button/style/button.less +0 -3
- package/es/components/button/style/css.js +0 -1
- package/es/components/button/style/index.less +0 -81
- package/es/components/checkbox/style/css.js +0 -1
- package/es/components/checkbox/style/index.less +0 -59
- package/es/components/form/style/css.js +0 -1
- package/es/components/form/style/index.less +0 -51
- package/es/components/input/style/css.js +0 -1
- package/es/components/input/style/index.less +0 -36
- package/es/components/radio/style/css.js +0 -2
- package/es/components/radio/style/group.less +0 -12
- package/es/components/radio/style/radio.less +0 -32
- package/es/components/toast/style/css.js +0 -1
- package/es/components/toast/style/index.less +0 -23
- package/es/global/global.less +0 -1
- package/es/global/theme-default.less +0 -37
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{__exports as r}from"../../../_virtual/react-jsx-runtime.production.min.js";import e from"react";
|
|
2
|
+
/**
|
|
2
3
|
* @license React
|
|
3
4
|
* react-jsx-runtime.production.min.js
|
|
4
5
|
*
|
|
@@ -6,43 +7,4 @@ import {__exports as reactJsxRuntime_production_min}from'../../../_virtual/react
|
|
|
6
7
|
*
|
|
7
8
|
* This source code is licensed under the MIT license found in the
|
|
8
9
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/
|
|
10
|
-
var hasRequiredReactJsxRuntime_production_min;
|
|
11
|
-
function requireReactJsxRuntime_production_min() {
|
|
12
|
-
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
|
|
13
|
-
hasRequiredReactJsxRuntime_production_min = 1;
|
|
14
|
-
var f = React,
|
|
15
|
-
k = Symbol["for"]("react.element"),
|
|
16
|
-
l = Symbol["for"]("react.fragment"),
|
|
17
|
-
m = Object.prototype.hasOwnProperty,
|
|
18
|
-
n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
|
|
19
|
-
p = {
|
|
20
|
-
key: !0,
|
|
21
|
-
ref: !0,
|
|
22
|
-
__self: !0,
|
|
23
|
-
__source: !0
|
|
24
|
-
};
|
|
25
|
-
function q(c, a, g) {
|
|
26
|
-
var b,
|
|
27
|
-
d = {},
|
|
28
|
-
e = null,
|
|
29
|
-
h = null;
|
|
30
|
-
void 0 !== g && (e = "" + g);
|
|
31
|
-
void 0 !== a.key && (e = "" + a.key);
|
|
32
|
-
void 0 !== a.ref && (h = a.ref);
|
|
33
|
-
for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
|
|
34
|
-
if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
|
|
35
|
-
return {
|
|
36
|
-
$$typeof: k,
|
|
37
|
-
type: c,
|
|
38
|
-
key: e,
|
|
39
|
-
ref: h,
|
|
40
|
-
props: d,
|
|
41
|
-
_owner: n.current
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
reactJsxRuntime_production_min.Fragment = l;
|
|
45
|
-
reactJsxRuntime_production_min.jsx = q;
|
|
46
|
-
reactJsxRuntime_production_min.jsxs = q;
|
|
47
|
-
return reactJsxRuntime_production_min;
|
|
48
|
-
}export{requireReactJsxRuntime_production_min as __require};
|
|
10
|
+
*/var t;function o(){if(t)return r;t=1;var o=e,n=Symbol.for("react.element"),_=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function u(r,e,t){var o,_={},u=null,p=null;for(o in void 0!==t&&(u=""+t),void 0!==e.key&&(u=""+e.key),void 0!==e.ref&&(p=e.ref),e)f.call(e,o)&&!i.hasOwnProperty(o)&&(_[o]=e[o]);if(r&&r.defaultProps)for(o in e=r.defaultProps)void 0===_[o]&&(_[o]=e[o]);return{$$typeof:n,type:r,key:u,ref:p,props:_,_owner:a.current}}return r.Fragment=_,r.jsx=u,r.jsxs=u,r}export{o as __require};
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
jsxRuntime.exports = requireReactJsxRuntime_production_min();
|
|
3
|
-
} else {
|
|
4
|
-
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
5
|
-
}
|
|
6
|
-
var jsxRuntimeExports = jsxRuntime.exports;export{jsxRuntimeExports as j};
|
|
1
|
+
import{__module as r}from"../../_virtual/jsx-runtime.js";import{__require as e}from"./cjs/react-jsx-runtime.production.min.js";import{__require as o}from"./cjs/react-jsx-runtime.development.js";"production"===process.env.NODE_ENV?r.exports=e():r.exports=o();var s=r.exports;export{s as j};
|
package/es/utils/is.js
CHANGED
|
@@ -1,9 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var getTypeChar = function getTypeChar(obj) {
|
|
3
|
-
var _Object$prototype;
|
|
4
|
-
var r = (Object === null || Object === void 0 || (_Object$prototype = Object.prototype) === null || _Object$prototype === void 0 || (_Object$prototype = _Object$prototype.toString) === null || _Object$prototype === void 0 || (_Object$prototype = _Object$prototype.call(obj)) === null || _Object$prototype === void 0 ? void 0 : _Object$prototype.match(/^\[object\s(.*)\]$/)) || [];
|
|
5
|
-
return r[1];
|
|
6
|
-
};
|
|
7
|
-
function isNumber(obj) {
|
|
8
|
-
return getTypeChar(obj).toLowerCase() === 'number';
|
|
9
|
-
}export{getTypeChar,isNumber};
|
|
1
|
+
var t=function(t){var o;return((null==Object||null===(o=Object.prototype)||void 0===o||null===(o=o.toString)||void 0===o||null===(o=o.call(t))||void 0===o?void 0:o.match(/^\[object\s(.*)\]$/))||[])[1]};function o(o){return"number"===t(o).toLowerCase()}export{t as getTypeChar,o as isNumber};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--border-radius: 8px;
|
|
3
|
-
--button-height: 48px;
|
|
4
|
-
--default-button-background: rgba(245, 247, 252, 1);
|
|
5
|
-
--default-button-text-color: rgba(0, 0, 0, 0.65);
|
|
6
|
-
|
|
7
|
-
--primary-button-background: var(--yp-color-primary);
|
|
8
|
-
--primary-button-disabled-background: rgba(153, 211, 255, 1);
|
|
9
|
-
--primary-button-disabled-text-color: rgba(255, 255, 255, 0.45);
|
|
10
|
-
--primary-button-text-color: #fff;
|
|
11
|
-
|
|
12
|
-
--secondary-button-background: rgba(0, 203, 255, 1);
|
|
13
|
-
--secondary-button-text-color: rgba(255, 255, 255, 1);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.ypmini-taro-button {
|
|
17
|
-
|
|
18
|
-
padding: 0px 24px;
|
|
19
|
-
border: unset;
|
|
20
|
-
font-weight: bold;
|
|
21
|
-
font-size: 17px;
|
|
22
|
-
width: auto;
|
|
23
|
-
height: var(--button-height);
|
|
24
|
-
line-height: var(--button-height);
|
|
25
|
-
color: var(--yp-color-text);
|
|
26
|
-
border-radius: var(--border-radius);
|
|
27
|
-
display: inline-block;
|
|
28
|
-
|
|
29
|
-
&:after {
|
|
30
|
-
display: none;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&:not([disabled]):active {
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&-primary {
|
|
38
|
-
background: var(--primary-button-background);
|
|
39
|
-
color: var(--primary-button-text-color);
|
|
40
|
-
|
|
41
|
-
&&-disabled {
|
|
42
|
-
color: var(--primary-button-disabled-text-color);
|
|
43
|
-
background: var(--primary-button-disabled-background);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
&-default {
|
|
47
|
-
background: var(--default-button-background);
|
|
48
|
-
color: var(--default-button-text-color);
|
|
49
|
-
&&-disabled {
|
|
50
|
-
opacity: 0.6;
|
|
51
|
-
&&[disabled] {
|
|
52
|
-
color: var(--default-button-text-color);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&-secondary {
|
|
58
|
-
background: var(--secondary-button-background);
|
|
59
|
-
color: var(--secondary-button-text-color);
|
|
60
|
-
&&-disabled {
|
|
61
|
-
opacity: 0.6;
|
|
62
|
-
&&[disabled] {
|
|
63
|
-
color: var(--secondary-button-text-color);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&-block {
|
|
69
|
-
display: block;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
&-icon-wrapper {
|
|
73
|
-
display: flex;
|
|
74
|
-
align-items: center;
|
|
75
|
-
}
|
|
76
|
-
&-icon {
|
|
77
|
-
display: flex;
|
|
78
|
-
align-items: center;
|
|
79
|
-
margin-right: 4px;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--checkbox-button-font-size: 17px;
|
|
3
|
-
--checkbox-button-border-radius: 8px;
|
|
4
|
-
--checkbox-button-background-color: #f5f7fc;
|
|
5
|
-
--checkbox-button-text-color: #000000d9;
|
|
6
|
-
--checkbox-button-checked-background-color: #e0f3ff;
|
|
7
|
-
--checkbox-button-checked-text-color: var(--yp-color-primary);
|
|
8
|
-
--checkbox-button-checked-border-color: var(--yp-color-primary);
|
|
9
|
-
--checkbox-button-height: 52px;
|
|
10
|
-
}
|
|
11
|
-
.ypmini-checkbox {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
&-button {
|
|
16
|
-
|
|
17
|
-
background-color: var(--checkbox-button-background-color);
|
|
18
|
-
color: var(--checkbox-button-text-color);
|
|
19
|
-
font-size: var(--checkbox-button-font-size);
|
|
20
|
-
text-align: center;
|
|
21
|
-
padding: 0px 16px;
|
|
22
|
-
height: var(--checkbox-button-height);
|
|
23
|
-
line-height: var(--checkbox-button-height);
|
|
24
|
-
box-sizing: border-box;
|
|
25
|
-
border-radius: var(--checkbox-button-border-radius);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&-button-checked {
|
|
29
|
-
background-color: var(--checkbox-button-checked-background-color);
|
|
30
|
-
color: var(--checkbox-button-checked-text-color);
|
|
31
|
-
border-color: var(--checkbox-button-checked-border-color);
|
|
32
|
-
border-width: 1px;
|
|
33
|
-
border-style: solid;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
.ypmini-checkbox-group {
|
|
40
|
-
display: flex;
|
|
41
|
-
align-items: center;
|
|
42
|
-
flex-wrap: wrap;
|
|
43
|
-
&.ypmini-checkbox-group-block {
|
|
44
|
-
display: block;
|
|
45
|
-
margin-top: 0px;
|
|
46
|
-
.ypmini-checkbox {
|
|
47
|
-
&:not(:first-child) {
|
|
48
|
-
margin-top: 12px;
|
|
49
|
-
margin-left: 0px;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
.ypmini-checkbox {
|
|
54
|
-
&:not(:first-child) {
|
|
55
|
-
margin-left: 12px;
|
|
56
|
-
margin-top: 0px;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--form-item-label-width: 60px;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.ypmini-form {
|
|
6
|
-
&.ypmini-form-vertical {
|
|
7
|
-
.ypmini-form-item {
|
|
8
|
-
.yp-form-item-label {
|
|
9
|
-
margin-bottom: 12px;
|
|
10
|
-
padding-top: 16px;
|
|
11
|
-
}
|
|
12
|
-
&:not(:first-child) {
|
|
13
|
-
margin-top: 16px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
&.ypmini-form-horizontal {
|
|
18
|
-
.ypmini-form-item {
|
|
19
|
-
display: flex;
|
|
20
|
-
align-items: center;
|
|
21
|
-
.yp-form-item-label {
|
|
22
|
-
width: var(--form-item-label-width);
|
|
23
|
-
text-align: left;
|
|
24
|
-
}
|
|
25
|
-
.yp-form-item-children {
|
|
26
|
-
flex: 1;
|
|
27
|
-
}
|
|
28
|
-
&:not(:first-child) {
|
|
29
|
-
margin-top: 16px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.ypmini-form-item-required {
|
|
36
|
-
.yp-form-item-label {
|
|
37
|
-
&::before {
|
|
38
|
-
content: '*';
|
|
39
|
-
color: red;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.ypmini-form-item {
|
|
45
|
-
.yp-form-item-label {
|
|
46
|
-
color: #000000d9;
|
|
47
|
-
font-weight: bold;
|
|
48
|
-
font-size: 19px;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--input-placeholder-color: rgba(0, 0, 0, 0.25);
|
|
3
|
-
--input-text-color: var(--yp-color-text);
|
|
4
|
-
--input-font-size: var(--yp-font-size-default);
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.ypmini-taro-input-wrapper {
|
|
8
|
-
|
|
9
|
-
display: flex;
|
|
10
|
-
font-size: var(--input-font-size);
|
|
11
|
-
padding: 16px 12px;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
border: 1px solid rgba(233, 237, 243, 1);
|
|
14
|
-
box-sizing: border-box;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.ypmini-taro-input {
|
|
18
|
-
color: var(--input-text-color);
|
|
19
|
-
flex: 1;
|
|
20
|
-
border: none;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.ypmini-input-placeholder {
|
|
24
|
-
color: var(--input-placeholder-color);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.ypmini-taro-input-count {
|
|
28
|
-
color: rgba(0, 0, 0, 0.45);
|
|
29
|
-
font-size: 15px;
|
|
30
|
-
display: flex;
|
|
31
|
-
align-items: center;
|
|
32
|
-
|
|
33
|
-
.ypmini-taro-input-count-current-light {
|
|
34
|
-
color: var(--yp-color-text-light);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--radio-button-font-size: 17px;
|
|
3
|
-
--radio-button-border-radius: 8px;
|
|
4
|
-
--radio-button-background-color: #f5f7fc;
|
|
5
|
-
--radio-button-text-color: #000000d9;
|
|
6
|
-
--radio-button-checked-background-color: #e0f3ff;
|
|
7
|
-
--radio-button-checked-text-color: var(--yp-color-primary);
|
|
8
|
-
--radio-button-checked-border-color: var(--yp-color-primary);
|
|
9
|
-
--radio-button-height: 52px;
|
|
10
|
-
}
|
|
11
|
-
.ypmini-taro-radio {
|
|
12
|
-
|
|
13
|
-
&-button {
|
|
14
|
-
background-color: var(--radio-button-background-color);
|
|
15
|
-
color: var(--radio-button-text-color);
|
|
16
|
-
font-size: var(--radio-button-font-size);
|
|
17
|
-
text-align: center;
|
|
18
|
-
padding: 0px 16px;
|
|
19
|
-
height: var(--radio-button-height);
|
|
20
|
-
line-height: var(--radio-button-height);
|
|
21
|
-
box-sizing: border-box;
|
|
22
|
-
border-radius: var(--radio-button-border-radius);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&-button-checked {
|
|
26
|
-
background-color: var(--radio-button-checked-background-color);
|
|
27
|
-
color: var(--radio-button-checked-text-color);
|
|
28
|
-
border-color: var(--radio-button-checked-border-color);
|
|
29
|
-
border-width: 1px;
|
|
30
|
-
border-style: solid;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--toast-z-index: 9999;
|
|
3
|
-
}
|
|
4
|
-
.ypmini-toast-container {
|
|
5
|
-
position: fixed;
|
|
6
|
-
top: 50%;
|
|
7
|
-
left: 50%;
|
|
8
|
-
transform: translate(-50%, -50%);
|
|
9
|
-
background: rgba(0,0,0,0.7);
|
|
10
|
-
color: #fff;
|
|
11
|
-
padding: 12px;
|
|
12
|
-
border-radius: 4px;
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
z-index: var(--toast-z-index);
|
|
16
|
-
max-width: 80%;
|
|
17
|
-
height: auto;
|
|
18
|
-
word-break: break-word;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.ypmini-toast-content {
|
|
22
|
-
font-size: 14px;
|
|
23
|
-
}
|
package/es/global/global.less
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import url('./theme-default.less');
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
// 主题色
|
|
3
|
-
--yp-color-primary: #0092ff;
|
|
4
|
-
// 基础字体颜色
|
|
5
|
-
--yp-color-text: rgba(0, 0, 0, 0.85);
|
|
6
|
-
// 字体高亮
|
|
7
|
-
--yp-color-text-light: rgba(0, 146, 255, 1);
|
|
8
|
-
// 弱化的字体颜色
|
|
9
|
-
--yp-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
10
|
-
// 边框颜色
|
|
11
|
-
--yp-border-color: rgba(233, 237, 243, 1);
|
|
12
|
-
|
|
13
|
-
// 字体颜色
|
|
14
|
-
--yp-color-text-primary: #333;
|
|
15
|
-
--yp-color-text-link: var(--yp-color-primary);
|
|
16
|
-
--yp-color-text-secondary: #666;
|
|
17
|
-
--yp-color-text-disabled: #ccc;
|
|
18
|
-
--yp-color-text-placeholder: #999;
|
|
19
|
-
|
|
20
|
-
// 字体
|
|
21
|
-
--yp-font-size-default: 17px;
|
|
22
|
-
|
|
23
|
-
// radio组件背景色
|
|
24
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
25
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
26
|
-
|
|
27
|
-
// checkbox组件背景色
|
|
28
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
29
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
30
|
-
|
|
31
|
-
// 圆角
|
|
32
|
-
--yp-border-radius-base: 4px;
|
|
33
|
-
--yp-border-radius-button: 8px;
|
|
34
|
-
|
|
35
|
-
// 间距
|
|
36
|
-
--yp-space-horizontal-base: 12px; // 水平间距
|
|
37
|
-
}
|