fix(bee-transfer): 解决样式中带有rem的问题

This commit is contained in:
BoyuZhou 2018-01-05 14:46:52 +08:00
parent 4e02fd9a16
commit 6923c098f2
6 changed files with 962 additions and 2101 deletions

View File

@ -5,15 +5,14 @@
.u-button {
background: rgb(224,224,224);
border: none;
border-radius: 0.4rem;
border-radius: 4px;
color: rgb(0,0,0);
position: relative;
min-width: 7.2rem;
padding: 0.5rem 1.3rem;
padding: 5px 13px \9;
min-width: 72px;
padding: 5px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 1.4rem;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
@ -47,13 +46,11 @@ input.u-button[type="submit"] {
.u-button-floating {
border-radius: 50%;
font-size: 1.4rem;
height: 3.8rem;
height: 38px \9;
font-size: 14px;
height: 38px;
margin: auto;
min-width: 3.8rem;
width: 3.8rem;
width: 38px \9;
min-width: 38px;
width: 38px;
padding: 0;
line-height: normal;
border: 1px solid rgb(224,224,224); }
@ -212,26 +209,26 @@ input.u-button[type="submit"] {
.u-button-icon {
border-radius: 50%;
font-size: 1.4rem;
height: 3.2rem;
font-size: 14px;
height: 32px;
margin: auto;
min-width: 3.2rem;
width: 3.2rem;
min-width: 32px;
width: 32px;
padding: 0;
line-height: normal;
border: 1px solid rgb(224,224,224); }
.u-button-lg {
padding: 8px 15px;
font-size: 1.4rem; }
font-size: 14px; }
.u-button-xg {
padding: 10px 18px;
font-size: 1.6rem; }
font-size: 16px; }
.u-button-sm {
padding: 3px 5px;
font-size: 1.2rem; }
font-size: 12px; }
.u-button-squared {
border-radius: 0; }
@ -259,7 +256,7 @@ input.u-button[type="submit"] {
width: 100%;
height: 30px;
cursor: text;
font-size: 1.4rem;
font-size: 14px;
line-height: 1.5;
color: #424242;
background-color: #fff;
@ -279,10 +276,10 @@ input.u-button[type="submit"] {
.u-form-control.lg {
height: 38px;
font-size: 1.4rem; }
font-size: 14px; }
.u-form-control.sm {
font-size: 1.2rem;
font-size: 12px;
height: 24px; }
.u-input-search-wrapper {
@ -327,6 +324,7 @@ input.u-button[type="submit"] {
z-index: 2;
line-height: 0;
right: 7px;
margin-top: 5px;
color: rgba(0, 0, 0, 0.65); }
/* FormGroup */

92
dist/demo.css vendored
View File

@ -3490,7 +3490,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.vertical-align-middle, .vertical-align-bottom {
display: inline-block;
max-width: 100%;
font-size: 1.4rem; }
font-size: 14px; }
.vertical-align-middle {
vertical-align: middle; }
.vertical-align-bottom {
@ -3678,7 +3678,6 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
visibility: hidden; }
.text-hide {
font: "0/0" a;
color: transparent;
text-shadow: none;
background-color: transparent;
@ -4951,26 +4950,26 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
box-shadow: none; }
.u-shadow-2dp {
box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.14), 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.2), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0.2rem 0.2rem 0 black, 0 0.3rem 0.1rem -0.2rem black, 0 0.1rem 0.5rem 0 black \9; }
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 2px 0 black, 0 3px 1px -2px black, 0 1px 5px 0 black \9; }
.u-shadow-3dp {
box-shadow: 0 0.3rem 0.4rem 0 rgba(0, 0, 0, 0.14), 0 0.3rem 0.3rem -0.2rem rgba(0, 0, 0, 0.2), 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.12); }
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
.u-shadow-4dp {
box-shadow: 0 0.4rem 0.5rem 0 rgba(0, 0, 0, 0.14), 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.12), 0 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0.2); }
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
.u-shadow-6dp {
box-shadow: 0 0.6rem 1rem 0 rgba(0, 0, 0, 0.14), 0 0.1rem 1.8rem 0 rgba(0, 0, 0, 0.12), 0 0.3rem 0.5rem -0.1rem rgba(0, 0, 0, 0.2); }
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
.u-shadow-8dp {
box-shadow: 0 0.8rem 1rem 0.1rem rgba(0, 0, 0, 0.14), 0 0.3rem 1.4rem 0.2rem rgba(0, 0, 0, 0.12), 0 0.5rem 0.5rem -0.3rem rgba(0, 0, 0, 0.2); }
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
.u-shadow-16dp {
box-shadow: 0 1.6rem 2.4rem 0.2rem rgba(0, 0, 0, 0.14), 0 0.6rem 3rem 0.5rem rgba(0, 0, 0, 0.12), 0 0.8rem 1rem -0.5rem rgba(0, 0, 0, 0.2); }
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
.u-shadow-24dp {
box-shadow: 0 0.9rem 4.6rem 0.8rem rgba(0, 0, 0, 0.14), 0 1.1rem 1.5rem -0.7rem rgba(0, 0, 0, 0.12), 0 2.4rem 3.8rem 0.3rem rgba(0, 0, 0, 0.2); }
box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }
/* keyframes 定义 */
@ -5210,15 +5209,14 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-button {
background: rgb(224,224,224);
border: none;
border-radius: 0.4rem;
border-radius: 4px;
color: rgb(0,0,0);
position: relative;
min-width: 7.2rem;
padding: 0.5rem 1.3rem;
padding: 5px 13px \9;
min-width: 72px;
padding: 5px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 1.4rem;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
@ -5252,13 +5250,11 @@ input.u-button[type="submit"] {
.u-button-floating {
border-radius: 50%;
font-size: 1.4rem;
height: 3.8rem;
height: 38px \9;
font-size: 14px;
height: 38px;
margin: auto;
min-width: 3.8rem;
width: 3.8rem;
width: 38px \9;
min-width: 38px;
width: 38px;
padding: 0;
line-height: normal;
border: 1px solid rgb(224,224,224); }
@ -5417,26 +5413,26 @@ input.u-button[type="submit"] {
.u-button-icon {
border-radius: 50%;
font-size: 1.4rem;
height: 3.2rem;
font-size: 14px;
height: 32px;
margin: auto;
min-width: 3.2rem;
width: 3.2rem;
min-width: 32px;
width: 32px;
padding: 0;
line-height: normal;
border: 1px solid rgb(224,224,224); }
.u-button-lg {
padding: 8px 15px;
font-size: 1.4rem; }
font-size: 14px; }
.u-button-xg {
padding: 10px 18px;
font-size: 1.6rem; }
font-size: 16px; }
.u-button-sm {
padding: 3px 5px;
font-size: 1.2rem; }
font-size: 12px; }
.u-button-squared {
border-radius: 0; }
@ -5464,7 +5460,7 @@ input.u-button[type="submit"] {
width: 100%;
height: 30px;
cursor: text;
font-size: 1.4rem;
font-size: 14px;
line-height: 1.5;
color: #424242;
background-color: #fff;
@ -5484,10 +5480,10 @@ input.u-button[type="submit"] {
.u-form-control.lg {
height: 38px;
font-size: 1.4rem; }
font-size: 14px; }
.u-form-control.sm {
font-size: 1.2rem;
font-size: 12px;
height: 24px; }
.u-input-search-wrapper {
@ -5530,6 +5526,7 @@ input.u-button[type="submit"] {
z-index: 2;
line-height: 0;
right: 7px;
margin-top: 5px;
color: rgba(0, 0, 0, 0.65); }
/* FormGroup */
@ -6496,15 +6493,14 @@ input.u-button[type="submit"] {
.u-button {
background: rgb(224,224,224);
border: none;
border-radius: 0.4rem;
border-radius: 4px;
color: rgb(0,0,0);
position: relative;
min-width: 7.2rem;
padding: 0.5rem 1.3rem;
padding: 5px 13px \9;
min-width: 72px;
padding: 5px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 1.4rem;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
@ -6538,13 +6534,11 @@ input.u-button[type="submit"] {
.u-button-floating {
border-radius: 50%;
font-size: 1.4rem;
height: 3.8rem;
height: 38px \9;
font-size: 14px;
height: 38px;
margin: auto;
min-width: 3.8rem;
width: 3.8rem;
width: 38px \9;
min-width: 38px;
width: 38px;
padding: 0;
line-height: normal;
border: 1px solid rgb(224,224,224); }
@ -6703,26 +6697,26 @@ input.u-button[type="submit"] {
.u-button-icon {
border-radius: 50%;
font-size: 1.4rem;
height: 3.2rem;
font-size: 14px;
height: 32px;
margin: auto;
min-width: 3.2rem;
width: 3.2rem;
min-width: 32px;
width: 32px;
padding: 0;
line-height: normal;
border: 1px solid rgb(224,224,224); }
.u-button-lg {
padding: 8px 15px;
font-size: 1.4rem; }
font-size: 14px; }
.u-button-xg {
padding: 10px 18px;
font-size: 1.6rem; }
font-size: 16px; }
.u-button-sm {
padding: 3px 5px;
font-size: 1.2rem; }
font-size: 12px; }
.u-button-squared {
border-radius: 0; }

2
dist/demo.css.map vendored

File diff suppressed because one or more lines are too long

2901
dist/demo.js vendored

File diff suppressed because it is too large Load Diff

2
dist/demo.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{
"name": "bee-transfer",
"version": "1.0.1",
"version": "1.0.2",
"description": "Transfer ui component for react",
"keywords": [
"react",
@ -20,7 +20,10 @@
"license": "MIT",
"main": "./build/index.js",
"config": {
"port": 3000
"port": 3000,
"commitizen": {
"path": "./node_modules/cz-conventional-changelog"
}
},
"scripts": {
"dev": "bee-tools run start",
@ -34,15 +37,15 @@
},
"dependencies": {
"babel-runtime": "^6.23.0",
"bee-button": "^1.0.2",
"bee-button": "^1.0.6",
"bee-checkbox": "^1.0.1",
"bee-form-control": "^1.0.2",
"bee-form-control": "^1.0.6",
"bee-icon": "^1.0.3",
"classnames": "^2.2.5",
"rc-animate": "^2.4.1",
"react-lazy-load": "^3.0.12",
"shallowequal": "^1.0.2",
"tinper-bee-core": "latest"
"tinper-bee-core": "^0.4.1"
},
"peerDependencies": {
"react": "^15.3.0 || ^16.0",
@ -50,15 +53,16 @@
"prop-types": "15.6.0"
},
"devDependencies": {
"bee-button": "latest",
"bee-layout": "latest",
"bee-panel": "latest",
"chai": "^3.5.0",
"console-polyfill": "~0.2.1",
"cz-conventional-changelog": "^2.1.0",
"enzyme": "^2.4.1",
"es5-shim": "~4.1.10",
"react": "15.3.2",
"react-addons-test-utils": "15.3.2",
"react-dom": "15.3.2",
"console-polyfill": "~0.2.1",
"es5-shim": "~4.1.10",
"bee-panel": "latest",
"bee-layout": "latest",
"bee-button": "latest"
"react-dom": "15.3.2"
}
}