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 { .u-button {
background: rgb(224,224,224); background: rgb(224,224,224);
border: none; border: none;
border-radius: 0.4rem; border-radius: 4px;
color: rgb(0,0,0); color: rgb(0,0,0);
position: relative; position: relative;
min-width: 7.2rem; min-width: 72px;
padding: 0.5rem 1.3rem; padding: 5px 13px;
padding: 5px 13px \9;
display: inline-block; display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 1.4rem; font-size: 14px;
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
letter-spacing: 0; letter-spacing: 0;
@ -47,13 +46,11 @@ input.u-button[type="submit"] {
.u-button-floating { .u-button-floating {
border-radius: 50%; border-radius: 50%;
font-size: 1.4rem; font-size: 14px;
height: 3.8rem; height: 38px;
height: 38px \9;
margin: auto; margin: auto;
min-width: 3.8rem; min-width: 38px;
width: 3.8rem; width: 38px;
width: 38px \9;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
border: 1px solid rgb(224,224,224); } border: 1px solid rgb(224,224,224); }
@ -212,26 +209,26 @@ input.u-button[type="submit"] {
.u-button-icon { .u-button-icon {
border-radius: 50%; border-radius: 50%;
font-size: 1.4rem; font-size: 14px;
height: 3.2rem; height: 32px;
margin: auto; margin: auto;
min-width: 3.2rem; min-width: 32px;
width: 3.2rem; width: 32px;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
border: 1px solid rgb(224,224,224); } border: 1px solid rgb(224,224,224); }
.u-button-lg { .u-button-lg {
padding: 8px 15px; padding: 8px 15px;
font-size: 1.4rem; } font-size: 14px; }
.u-button-xg { .u-button-xg {
padding: 10px 18px; padding: 10px 18px;
font-size: 1.6rem; } font-size: 16px; }
.u-button-sm { .u-button-sm {
padding: 3px 5px; padding: 3px 5px;
font-size: 1.2rem; } font-size: 12px; }
.u-button-squared { .u-button-squared {
border-radius: 0; } border-radius: 0; }
@ -259,7 +256,7 @@ input.u-button[type="submit"] {
width: 100%; width: 100%;
height: 30px; height: 30px;
cursor: text; cursor: text;
font-size: 1.4rem; font-size: 14px;
line-height: 1.5; line-height: 1.5;
color: #424242; color: #424242;
background-color: #fff; background-color: #fff;
@ -279,10 +276,10 @@ input.u-button[type="submit"] {
.u-form-control.lg { .u-form-control.lg {
height: 38px; height: 38px;
font-size: 1.4rem; } font-size: 14px; }
.u-form-control.sm { .u-form-control.sm {
font-size: 1.2rem; font-size: 12px;
height: 24px; } height: 24px; }
.u-input-search-wrapper { .u-input-search-wrapper {
@ -327,6 +324,7 @@ input.u-button[type="submit"] {
z-index: 2; z-index: 2;
line-height: 0; line-height: 0;
right: 7px; right: 7px;
margin-top: 5px;
color: rgba(0, 0, 0, 0.65); } color: rgba(0, 0, 0, 0.65); }
/* FormGroup */ /* 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 { .vertical-align-middle, .vertical-align-bottom {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
font-size: 1.4rem; } font-size: 14px; }
.vertical-align-middle { .vertical-align-middle {
vertical-align: middle; } vertical-align: middle; }
.vertical-align-bottom { .vertical-align-bottom {
@ -3678,7 +3678,6 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
visibility: hidden; } visibility: hidden; }
.text-hide { .text-hide {
font: "0/0" a;
color: transparent; color: transparent;
text-shadow: none; text-shadow: none;
background-color: transparent; background-color: transparent;
@ -4951,26 +4950,26 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
box-shadow: none; } box-shadow: none; }
.u-shadow-2dp { .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 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 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 black, 0 3px 1px -2px black, 0 1px 5px 0 black \9; }
.u-shadow-3dp { .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 { .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 { .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 { .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 { .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 { .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 定义 */ /* keyframes 定义 */
@ -5210,15 +5209,14 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-button { .u-button {
background: rgb(224,224,224); background: rgb(224,224,224);
border: none; border: none;
border-radius: 0.4rem; border-radius: 4px;
color: rgb(0,0,0); color: rgb(0,0,0);
position: relative; position: relative;
min-width: 7.2rem; min-width: 72px;
padding: 0.5rem 1.3rem; padding: 5px 13px;
padding: 5px 13px \9;
display: inline-block; display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 1.4rem; font-size: 14px;
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
letter-spacing: 0; letter-spacing: 0;
@ -5252,13 +5250,11 @@ input.u-button[type="submit"] {
.u-button-floating { .u-button-floating {
border-radius: 50%; border-radius: 50%;
font-size: 1.4rem; font-size: 14px;
height: 3.8rem; height: 38px;
height: 38px \9;
margin: auto; margin: auto;
min-width: 3.8rem; min-width: 38px;
width: 3.8rem; width: 38px;
width: 38px \9;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
border: 1px solid rgb(224,224,224); } border: 1px solid rgb(224,224,224); }
@ -5417,26 +5413,26 @@ input.u-button[type="submit"] {
.u-button-icon { .u-button-icon {
border-radius: 50%; border-radius: 50%;
font-size: 1.4rem; font-size: 14px;
height: 3.2rem; height: 32px;
margin: auto; margin: auto;
min-width: 3.2rem; min-width: 32px;
width: 3.2rem; width: 32px;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
border: 1px solid rgb(224,224,224); } border: 1px solid rgb(224,224,224); }
.u-button-lg { .u-button-lg {
padding: 8px 15px; padding: 8px 15px;
font-size: 1.4rem; } font-size: 14px; }
.u-button-xg { .u-button-xg {
padding: 10px 18px; padding: 10px 18px;
font-size: 1.6rem; } font-size: 16px; }
.u-button-sm { .u-button-sm {
padding: 3px 5px; padding: 3px 5px;
font-size: 1.2rem; } font-size: 12px; }
.u-button-squared { .u-button-squared {
border-radius: 0; } border-radius: 0; }
@ -5464,7 +5460,7 @@ input.u-button[type="submit"] {
width: 100%; width: 100%;
height: 30px; height: 30px;
cursor: text; cursor: text;
font-size: 1.4rem; font-size: 14px;
line-height: 1.5; line-height: 1.5;
color: #424242; color: #424242;
background-color: #fff; background-color: #fff;
@ -5484,10 +5480,10 @@ input.u-button[type="submit"] {
.u-form-control.lg { .u-form-control.lg {
height: 38px; height: 38px;
font-size: 1.4rem; } font-size: 14px; }
.u-form-control.sm { .u-form-control.sm {
font-size: 1.2rem; font-size: 12px;
height: 24px; } height: 24px; }
.u-input-search-wrapper { .u-input-search-wrapper {
@ -5530,6 +5526,7 @@ input.u-button[type="submit"] {
z-index: 2; z-index: 2;
line-height: 0; line-height: 0;
right: 7px; right: 7px;
margin-top: 5px;
color: rgba(0, 0, 0, 0.65); } color: rgba(0, 0, 0, 0.65); }
/* FormGroup */ /* FormGroup */
@ -6496,15 +6493,14 @@ input.u-button[type="submit"] {
.u-button { .u-button {
background: rgb(224,224,224); background: rgb(224,224,224);
border: none; border: none;
border-radius: 0.4rem; border-radius: 4px;
color: rgb(0,0,0); color: rgb(0,0,0);
position: relative; position: relative;
min-width: 7.2rem; min-width: 72px;
padding: 0.5rem 1.3rem; padding: 5px 13px;
padding: 5px 13px \9;
display: inline-block; display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 1.4rem; font-size: 14px;
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
letter-spacing: 0; letter-spacing: 0;
@ -6538,13 +6534,11 @@ input.u-button[type="submit"] {
.u-button-floating { .u-button-floating {
border-radius: 50%; border-radius: 50%;
font-size: 1.4rem; font-size: 14px;
height: 3.8rem; height: 38px;
height: 38px \9;
margin: auto; margin: auto;
min-width: 3.8rem; min-width: 38px;
width: 3.8rem; width: 38px;
width: 38px \9;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
border: 1px solid rgb(224,224,224); } border: 1px solid rgb(224,224,224); }
@ -6703,26 +6697,26 @@ input.u-button[type="submit"] {
.u-button-icon { .u-button-icon {
border-radius: 50%; border-radius: 50%;
font-size: 1.4rem; font-size: 14px;
height: 3.2rem; height: 32px;
margin: auto; margin: auto;
min-width: 3.2rem; min-width: 32px;
width: 3.2rem; width: 32px;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
border: 1px solid rgb(224,224,224); } border: 1px solid rgb(224,224,224); }
.u-button-lg { .u-button-lg {
padding: 8px 15px; padding: 8px 15px;
font-size: 1.4rem; } font-size: 14px; }
.u-button-xg { .u-button-xg {
padding: 10px 18px; padding: 10px 18px;
font-size: 1.6rem; } font-size: 16px; }
.u-button-sm { .u-button-sm {
padding: 3px 5px; padding: 3px 5px;
font-size: 1.2rem; } font-size: 12px; }
.u-button-squared { .u-button-squared {
border-radius: 0; } 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", "name": "bee-transfer",
"version": "1.0.1", "version": "1.0.2",
"description": "Transfer ui component for react", "description": "Transfer ui component for react",
"keywords": [ "keywords": [
"react", "react",
@ -20,7 +20,10 @@
"license": "MIT", "license": "MIT",
"main": "./build/index.js", "main": "./build/index.js",
"config": { "config": {
"port": 3000 "port": 3000,
"commitizen": {
"path": "./node_modules/cz-conventional-changelog"
}
}, },
"scripts": { "scripts": {
"dev": "bee-tools run start", "dev": "bee-tools run start",
@ -34,15 +37,15 @@
}, },
"dependencies": { "dependencies": {
"babel-runtime": "^6.23.0", "babel-runtime": "^6.23.0",
"bee-button": "^1.0.2", "bee-button": "^1.0.6",
"bee-checkbox": "^1.0.1", "bee-checkbox": "^1.0.1",
"bee-form-control": "^1.0.2", "bee-form-control": "^1.0.6",
"bee-icon": "^1.0.3", "bee-icon": "^1.0.3",
"classnames": "^2.2.5", "classnames": "^2.2.5",
"rc-animate": "^2.4.1", "rc-animate": "^2.4.1",
"react-lazy-load": "^3.0.12", "react-lazy-load": "^3.0.12",
"shallowequal": "^1.0.2", "shallowequal": "^1.0.2",
"tinper-bee-core": "latest" "tinper-bee-core": "^0.4.1"
}, },
"peerDependencies": { "peerDependencies": {
"react": "^15.3.0 || ^16.0", "react": "^15.3.0 || ^16.0",
@ -50,15 +53,16 @@
"prop-types": "15.6.0" "prop-types": "15.6.0"
}, },
"devDependencies": { "devDependencies": {
"bee-button": "latest",
"bee-layout": "latest",
"bee-panel": "latest",
"chai": "^3.5.0", "chai": "^3.5.0",
"console-polyfill": "~0.2.1",
"cz-conventional-changelog": "^2.1.0",
"enzyme": "^2.4.1", "enzyme": "^2.4.1",
"es5-shim": "~4.1.10",
"react": "15.3.2", "react": "15.3.2",
"react-addons-test-utils": "15.3.2", "react-addons-test-utils": "15.3.2",
"react-dom": "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"
} }
} }