This commit is contained in:
ahua52 2018-02-01 10:06:33 +08:00
parent 5b8f4a9225
commit ba927346cd
5 changed files with 565 additions and 2201 deletions

File diff suppressed because one or more lines are too long

571
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 定义 */
@ -5214,14 +5213,10 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
cursor: not-allowed; cursor: not-allowed;
opacity: 0.5; } opacity: 0.5; }
.u-checkbox input[type='checkbox'] { .u-checkbox input[type='checkbox'] {
position: absolute; display: none;
left: 0; cursor: pointer; }
z-index: 1; .u-checkbox input[disabled] {
cursor: pointer; cursor: not-allowed; }
opacity: 0;
top: 2px;
height: 18px;
width: 18px; }
.u-checkbox.is-checked .u-checkbox-label:before { .u-checkbox.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(30,136,229); box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); } border-color: rgb(30,136,229); }
@ -5233,9 +5228,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-checkbox .u-checkbox-label { .u-checkbox .u-checkbox-label {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
position: relative; padding-left: 25px; }
padding-left: 25px;
color: #a9a9a9; }
.u-checkbox .u-checkbox-label:before { .u-checkbox .u-checkbox-label:before {
border-radius: 3px; border-radius: 3px;
border: 1px solid; border: 1px solid;
@ -5247,7 +5240,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
width: 18px; width: 18px;
height: 18px; height: 18px;
left: 0; left: 0;
top: -13px; top: 4px;
text-align: center; text-align: center;
position: absolute; } position: absolute; }
.u-checkbox .u-checkbox-label:after { .u-checkbox .u-checkbox-label:after {
@ -5257,14 +5250,10 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
width: 18px; width: 18px;
height: 18px; height: 18px;
left: 0; left: 0;
top: -13px; top: 4px;
text-align: center; text-align: center;
position: absolute; } position: absolute; }
.u-checkbox-checked .u-checkbox-label, .u-checkbox-indeterminate .u-checkbox-label {
background-color: #108ee9;
border-color: #108ee9; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after { .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
color: #fff; color: #fff;
content: "\e6ce"; content: "\e6ce";
@ -5295,203 +5284,191 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
box-shadow: inset 0 0 0 10px rgb(0,188,212); box-shadow: inset 0 0 0 10px rgb(0,188,212);
border-color: rgb(0,188,212); } border-color: rgb(0,188,212); }
.u-tree li span.u-tree-checkbox {
margin: 2px 4px 0 0; }
.u-tree-checkbox {
white-space: nowrap;
cursor: pointer;
outline: none;
display: inline-block;
line-height: 1;
position: relative;
vertical-align: middle; }
.u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
background-color: #108ee9;
border-color: #108ee9; }
.u-tree-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #d9d9d9;
border-radius: 3px;
background-color: #fff;
transition: all .3s; }
.u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
background-color: #108ee9;
border-color: #108ee9; }
.u-tree-checkbox-disabled .u-tree-checkbox-inner {
border-color: #d9d9d9 !important;
background-color: #f3f3f3; }
.u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
content: ' ';
transform: scale(1);
position: absolute;
left: 2px;
top: 5px;
width: 8px;
height: 1px; }
.u-tree-checkbox-disabled .u-tree-checkbox-inner {
border-color: #d9d9d9 !important;
background-color: #f3f3f3; }
.u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
animation-name: none;
border-color: #ccc; }
.u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
animation-name: none;
border-color: #f3f3f3; }
.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
transform: rotate(45deg) scale(1);
position: absolute;
left: 4px;
top: 1px;
display: table;
width: 5px;
height: 8px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
content: ' ';
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; }
.u-tree-checkbox-inner:after {
transform: rotate(45deg) scale(0);
position: absolute;
left: 4px;
top: 1px;
display: table;
width: 5px;
height: 8px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
content: ' ';
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
.u-tree { .u-tree {
margin: 0; margin: 0;
padding: 5px; padding: 5px;
font-size: 12px; } font-size: 12px; }
.u-tree .u-tree-checkbox {
.u-tree li { white-space: nowrap;
padding: 0; cursor: pointer;
margin: 2px 0; outline: none;
list-style: none; display: inline-block;
white-space: nowrap; line-height: 1;
outline: 0; } position: relative;
vertical-align: middle; }
.u-tree li a[draggable], .u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
.u-tree li a[draggable="true"] { background-color: #108ee9;
-webkit-user-select: none; border-color: #108ee9; }
-moz-user-select: none; .u-tree .u-tree-checkbox-inner {
-ms-user-select: none; position: relative;
user-select: none; top: 0;
/* Required to make elements draggable in old WebKit */ left: 0;
-khtml-user-drag: element; display: inline-block;
-webkit-user-drag: element; } width: 14px;
height: 14px;
.u-tree li.drag-over > a[draggable] { border: 1px solid #d9d9d9;
background-color: #108ee9; border-radius: 3px;
color: white; background-color: #fff;
opacity: 0.8; } transition: all .3s; }
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
.u-tree li.drag-over-gap-top > a[draggable] { background-color: #108ee9;
border-top: 2px #108ee9 solid; } border-color: #108ee9; }
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner {
.u-tree li.drag-over-gap-bottom > a[draggable] { border-color: #d9d9d9;
border-bottom: 2px #108ee9 solid; } background-color: #f3f3f3; }
.u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
.u-tree li.filter-node > a { content: ' ';
color: #f50 !important; transform: scale(1);
font-weight: bold !important; } position: absolute;
left: 2px;
.u-tree li ul { top: 5px;
margin: 0; width: 8px;
padding: 0 0 0 18px; } height: 1px; }
.u-tree .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
.u-tree li a { animation-name: none;
display: inline-block; border-color: #ccc; }
padding: 1px 5px; .u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
border-radius: 2px; animation-name: none;
margin: 0; border-color: #f3f3f3; }
cursor: pointer; .u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after {
text-decoration: none; transform: rotate(45deg) scale(1);
vertical-align: top; position: absolute;
color: #666; left: 4px;
transition: all 0.3s ease; } top: 1px;
display: table;
.u-tree li a:hover { width: 5px;
background-color: #e7f4fd; } height: 8px;
border: 2px solid #fff;
.u-tree li a.u-tree-node-selected { border-top: 0;
background-color: #cfe8fb; } border-left: 0;
content: ' ';
.u-tree li span.u-checkbox { transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; }
margin: 2px 4px 0 0; } .u-tree .u-tree-checkbox-inner:after {
transform: rotate(45deg) scale(0);
.u-tree li span.u-tree-switcher, position: absolute;
.u-tree li span.u-tree-iconEle { left: 4px;
margin: 0; top: 1px;
width: 16px; display: table;
height: 16px; width: 5px;
line-height: 16px; height: 8px;
display: inline-block; border: 2px solid #fff;
vertical-align: middle; border-top: 0;
border: 0 none; border-left: 0;
cursor: pointer; content: ' ';
outline: none; } transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
.u-tree li span.u-tree-checkbox {
.u-tree li span.u-tree-icon_loading:after { margin: 2px 4px 0 0; }
display: inline-block; .u-tree li {
vertical-align: middle; padding: 0;
background: url("data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7") no-repeat scroll 0 0 transparent; margin: 2px 0;
content: ""; list-style: none;
width: 14px; white-space: nowrap;
height: 14px; } outline: 0; }
.u-tree li a[draggable],
.u-tree li span.u-tree-switcher.u-tree-switcher-noop { .u-tree li a[draggable="true"] {
cursor: auto; } -webkit-user-select: none;
-moz-user-select: none;
.u-tree li span.u-tree-switcher.u-tree-roots_open, -ms-user-select: none;
.u-tree li span.u-tree-switcher.u-tree-center_open, user-select: none;
.u-tree li span.u-tree-switcher.u-tree-bottom_open, /* Required to make elements draggable in old WebKit */
.u-tree li span.u-tree-switcher.u-tree-noline_open { -khtml-user-drag: element;
position: relative; } -webkit-user-drag: element; }
.u-tree li.drag-over > a[draggable] {
.u-tree li span.u-tree-switcher.u-tree-roots_open:after, background-color: #108ee9;
.u-tree li span.u-tree-switcher.u-tree-center_open:after, color: white;
.u-tree li span.u-tree-switcher.u-tree-bottom_open:after, opacity: 0.8; }
.u-tree li span.u-tree-switcher.u-tree-noline_open:after { .u-tree li.drag-over-gap-top > a[draggable] {
font-size: 18px; border-top: 2px #108ee9 solid; }
font-size: 7px \9; .u-tree li.drag-over-gap-bottom > a[draggable] {
transform: scale(0.58333) rotate(0deg); border-bottom: 2px #108ee9 solid; }
/* IE6-IE8 */ .u-tree li.filter-node > a {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; color: #f50;
zoom: 1; font-weight: bold; }
display: inline-block; .u-tree li ul {
font-family: 'uf'; margin: 0;
text-rendering: optimizeLegibility; padding: 0 0 0 18px; }
-webkit-font-smoothing: antialiased; .u-tree li a {
-moz-osx-font-smoothing: grayscale; display: inline-block;
content: "\e639"; padding: 1px 5px;
font-weight: bold; border-radius: 2px;
position: absolute; margin: 0;
top: 0; cursor: pointer;
right: 0px; text-decoration: none;
color: #666; vertical-align: top;
transition: transform .3s ease; } color: #666;
transition: all 0.3s ease; }
.u-tree li a:hover {
background-color: #e7f4fd; }
.u-tree li a.u-tree-node-selected {
background-color: #cfe8fb; }
.u-tree li span.u-checkbox {
margin: 2px 4px 0 0; }
.u-tree li span.u-tree-switcher,
.u-tree li span.u-tree-iconEle {
margin: 0;
width: 16px;
height: 16px;
line-height: 16px;
display: inline-block;
vertical-align: middle;
border: 0 none;
cursor: pointer;
outline: none; }
.u-tree .u-tree li span.u-tree-icon_loading:after {
display: inline-block;
vertical-align: middle;
background: url("data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7") no-repeat scroll 0 0 transparent;
content: "";
width: 14px;
height: 14px; }
.u-tree li span.u-tree-switcher.u-tree-switcher-noop {
cursor: auto; }
.u-tree li span.u-tree-switcher.u-tree-roots_open,
.u-tree li span.u-tree-switcher.u-tree-center_open,
.u-tree li span.u-tree-switcher.u-tree-bottom_open,
.u-tree li span.u-tree-switcher.u-tree-noline_open {
position: relative; }
.u-tree li span.u-tree-switcher.u-tree-roots_open:after,
.u-tree li span.u-tree-switcher.u-tree-center_open:after,
.u-tree li span.u-tree-switcher.u-tree-bottom_open:after,
.u-tree li span.u-tree-switcher.u-tree-noline_open:after {
font-size: 18px;
font-size: 7px \9;
transform: scale(0.58333) rotate(0deg);
/* IE6-IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
zoom: 1;
display: inline-block;
font-family: 'uf';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e639";
font-weight: bold;
position: absolute;
top: 0;
right: 0px;
color: #666;
transition: transform .3s ease; }
.u-tree .u-tree-child-tree {
display: none; }
.u-tree .u-tree-child-tree-open {
display: block; }
.u-tree .u-tree-treenode-disabled > span,
.u-tree .u-tree-treenode-disabled > a,
.u-tree .u-tree-treenode-disabled > a span {
color: #ccc;
cursor: not-allowed; }
.u-tree .u-tree-icon__open {
margin-right: 2px;
vertical-align: top; }
.u-tree .u-tree-icon__close {
margin-right: 2px;
vertical-align: top; }
.u-tree .u-motion-collapse {
overflow: hidden; }
.u-tree .u-motion-collapse-active {
transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
:root .u-tree li span.u-tree-switcher.u-tree-roots_open:after, :root .u-tree li span.u-tree-switcher.u-tree-roots_open:after,
:root .u-tree li span.u-tree-switcher.u-tree-center_open:after, :root .u-tree li span.u-tree-switcher.u-tree-center_open:after,
@ -5553,32 +5530,6 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-tree li span.u-tree-switcher.u-tree-noline_close:after { .u-tree li span.u-tree-switcher.u-tree-noline_close:after {
transform: rotate(270deg) scale(0.6); } transform: rotate(270deg) scale(0.6); }
.u-tree-child-tree {
display: none; }
.u-tree-child-tree-open {
display: block; }
.u-tree-treenode-disabled > span,
.u-tree-treenode-disabled > a,
.u-tree-treenode-disabled > a span {
color: #ccc;
cursor: not-allowed; }
.u-tree-icon__open {
margin-right: 2px;
vertical-align: top; }
.u-tree-icon__close {
margin-right: 2px;
vertical-align: top; }
.u-motion-collapse {
overflow: hidden; }
.u-motion-collapse-active {
transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
/** /**
* 自定义switcher图标 * 自定义switcher图标
*/ */
@ -5695,37 +5646,8 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body { .u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body {
border-top: 1px solid #ddd; } border-top: 1px solid #ddd; }
/* IMAGES */ /* FormGroup */
/* 默认颜色 */
/* 客户化 */
/* 波纹效果 */
/*贝塞尔曲线动画 */
/* 阴影 */
/* ========== 文本字体 ========== */
/* 控件 */
/* 不同背景下对应的文字颜色 */
/* UButton */
/* UText */
/* Navlayout */ /* Navlayout */
/* gridlayout */
/* menu */
/* Alert */
/* Checkbox */
/* Radio */
/* Switch */
/* loading */
/* datetimepicker */
/* message */
/* DATA TABLE */
/* tooltip*/
/* 进度条 */
/* ========== Content Tabs ========== */
/* CARD */
/* Card dimensions */
/* Cover image */
/* ========== Card ========== */
/* ============ Forms ============*/
/* BADGE */
.u-container { .u-container {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
@ -6338,15 +6260,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;
@ -6380,13 +6301,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); }
@ -6545,26 +6464,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; }
@ -6606,7 +6525,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;
@ -6626,53 +6545,49 @@ 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-form-control-search-wrapper {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
height: 28px; height: 28px;
padding: 4px; padding: 4px;
width: 100%; } width: 100%; }
.u-form-control-search-wrapper .u-form-control-search-action {
color: #ccc;
position: absolute;
top: 2px;
right: 2px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 14px;
text-decoration: none; }
.u-form-control-search-wrapper .u-form-control-search-action .uf {
transition: all .3s;
font-size: 12px;
color: #ccc; }
.u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {
content: "\e603"; }
.u-input-search-action { .u-form-control-affix-wrapper {
color: #ccc;
position: absolute;
top: 2px;
right: 2px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 14px;
text-decoration: none; }
.u-input-search-action .uf {
transition: all .3s;
font-size: 12px;
color: #ccc; }
.uf-search:before {
content: "\e603"; }
.u-input-affix-wrapper {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100%; } width: 100%; }
.u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {
.u-input-affix-wrapper .u-input-prefix, .u-input-affix-wrapper .u-input-suffix { position: absolute;
position: absolute; top: 50%;
top: 50%; transform: translateY(-50%);
transform: translateY(-50%); z-index: 2;
z-index: 2; line-height: 0;
line-height: 0; right: 7px;
right: 7px; color: rgba(0, 0, 0, 0.65); }
color: rgba(0, 0, 0, 0.65); }
.u-tree-searchable-filter { .u-tree-searchable-filter {
color: #f50; color: #f50;

2
dist/demo.css.map vendored

File diff suppressed because one or more lines are too long

2189
dist/demo.js vendored

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored

File diff suppressed because one or more lines are too long