This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0

优化input/number的样式

old
宇天 2019-09-06 16:42:04 +08:00
parent 0cc68d083d
commit 1650ac7adb
2 changed files with 12 additions and 9 deletions

View File

@ -44,7 +44,7 @@ li {
input, input,
textarea { textarea {
flex: 1; flex: 1;
min-width: 0; min-width: 32px;
width: 0; width: 0;
height: 100%; height: 100%;
padding: 0 5px; padding: 0 5px;

View File

@ -12,6 +12,8 @@
:host { :host {
overflow: hidden; overflow: hidden;
display: inline-block; display: inline-block;
width: 128px;
height: 32px;
user-select: none; user-select: none;
-moz-user-select: none; -moz-user-select: none;
color: nth($cd, 2); color: nth($cd, 2);
@ -20,8 +22,9 @@
.label { .label {
display: flex; display: flex;
width: 128px; width: 100%;
height: 32px; height: 100%;
margin: 0 auto;
font-size: 14px; font-size: 14px;
border: 1px solid nth($cp, 3); border: 1px solid nth($cp, 3);
border-radius: inherit; border-radius: inherit;
@ -120,9 +123,9 @@
} }
:host([size='large']) { :host([size='large']) {
.label {
width: 192px; width: 192px;
height: 42px; height: 42px;
.label {
font-size: 16px; font-size: 16px;
span { span {
width: 48px; width: 48px;
@ -135,9 +138,9 @@
} }
:host([size='medium']) { :host([size='medium']) {
.label {
width: 144px; width: 144px;
height: 36px; height: 36px;
.label {
span { span {
width: 36px; width: 36px;
} }
@ -148,9 +151,9 @@
} }
} }
:host([size='mini']) { :host([size='mini']) {
.label {
width: 96px; width: 96px;
height: 24px; height: 24px;
.label {
font-size: 12px; font-size: 12px;
span { span {
width: 28px; width: 28px;