bd
/
ui
2
0
Fork 0
Code Issues Pull Requests Wiki Activity

update

master
yutent 2024-01-15 15:18:37 +08:00
parent dbc36cf233
commit 72f42773a3
1 changed files with 9 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/form/input.js
View File

@ -169,43 +169,16 @@ class Input extends Component {
`,
//尺寸
css`
@use 'sass:map';
$sizes: (
m: (
w: 128px,
h: 24px,
f: 12px
),
// l default
xl:
(
w: 224px,
h: 36px,
f: 14px
),
xxl: (
w: 288px,
h: 44px,
f: 14px
)
);
@loop $s, $v in $sizes {
:host([size='#{$s}']) {
min-width: map.get($v, 'w');
height: map.get($v, 'h');
font-size: map.get($v, 'f');
.label {
height: map.get($v, 'h');
font-size: map.get($v, 'f');
}
.icon {
--wc-icon-size: #{map.get($v, 'f')};
}
:host([size='small']) {
min-width: 128px;
height: 24px;
font-size: 12px;
.label {
height: 24px;
font-size: 12px;
}
:host([size='#{$s}'][circle]) {
width: map.get($v, 'h');
height: map.get($v, 'h');
.icon {
--wc-icon-size: 12px;
}
}
`