mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-05-24 15:39:15 +08:00
feat(Cascader): add @cascader-header-padding less var (#8626)
This commit is contained in:
parent
324fd08f3d
commit
e2286b0426
@ -219,7 +219,7 @@ export default {
|
||||
| --- | --- | --- |
|
||||
| change | Emitted when active option changed | `{ value, selectedOptions, tabIndex }` |
|
||||
| finish | Emitted when all options is selected | `{ value, selectedOptions, tabIndex }` |
|
||||
| close | Emmitted when the close icon is clicked | - |
|
||||
| close | Emitted when the close icon is clicked | - |
|
||||
| click-tab | Emitted when a tab is clicked | _activeTab: number, title: string_ |
|
||||
|
||||
### Slots
|
||||
@ -235,6 +235,7 @@ How to use: [Custom Theme](#/en-US/theme).
|
||||
| Name | Default Value | Description |
|
||||
| --------------------------------- | --------------- | ----------- |
|
||||
| @cascader-header-height | `48px` | - |
|
||||
| @cascader-header-padding | `0 @padding-md` | - |
|
||||
| @cascader-title-font-size | `@font-size-lg` | - |
|
||||
| @cascader-title-line-height | `20px` | - |
|
||||
| @cascader-close-icon-size | `22px` | - |
|
||||
|
@ -245,6 +245,7 @@ export default {
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --------------------------------- | --------------- | ---- |
|
||||
| @cascader-header-height | `48px` | - |
|
||||
| @cascader-header-padding | `0 @padding-md` | - |
|
||||
| @cascader-title-font-size | `@font-size-lg` | - |
|
||||
| @cascader-title-line-height | `20px` | - |
|
||||
| @cascader-close-icon-size | `22px` | - |
|
||||
|
@ -6,7 +6,7 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: @cascader-header-height;
|
||||
padding: 0 @padding-md;
|
||||
padding: @cascader-header-padding;
|
||||
}
|
||||
|
||||
&__title {
|
||||
|
@ -1,6 +1,7 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@cascader-header-height: 48px;
|
||||
@cascader-header-padding: 0 @padding-md;
|
||||
@cascader-title-font-size: @font-size-lg;
|
||||
@cascader-title-line-height: 20px;
|
||||
@cascader-close-icon-size: 22px;
|
||||
|
@ -305,7 +305,7 @@ export default defineComponent({
|
||||
state.focused = true;
|
||||
emit('focus', event);
|
||||
|
||||
// readonly not work in lagacy mobile safari
|
||||
// readonly not work in legacy mobile safari
|
||||
const readonly = getProp('readonly');
|
||||
if (readonly) {
|
||||
blur();
|
||||
|
@ -83,8 +83,8 @@ export function mapInputType(
|
||||
type: InputHTMLAttributes['type'];
|
||||
inputmode?: HTMLAttributes['inputmode'];
|
||||
} {
|
||||
// type="number" is weired in iOS, and can't prevent dot in Android
|
||||
// so use inputmode to set keyboard in mordern browers
|
||||
// type="number" is weird in iOS, and can't prevent dot in Android
|
||||
// so use inputmode to set keyboard in modern browsers
|
||||
if (type === 'number') {
|
||||
return {
|
||||
type: 'text',
|
||||
|
Loading…
x
Reference in New Issue
Block a user