下拉框承载菜单时,统一沿用 KSelect 的面板、留白、行高与状态样式。
菜单选项圆角 20px,外层圆角自动加上 6px 留白,默认为 26px;1px 外描边阴影;长文字按 22px 行高换行,上下各留 9px,单行项高 40px。说明行与禁用项均保留位置,说明行不使用禁用按钮。
搜索与自定义输入区统一使用 40px 输入行,内部输入和按钮高 30px;内嵌按钮上下各留 5px、右侧留 4px,圆角为内部项圆角减 4px,默认 16px。与前后菜单项各间隔 6px,相邻间隔合并为一份。搜索下方的 6px 由结果区顶部内边距提供,由 KDropdown 统一滚动选项和列表留白,搜索区域保留固定的顶部及左右6px内边距。
交互演示
菜单
点击菜单项后关闭;点击外部或按 Esc 关闭。
KSelect 样式基准
搜索框与选项等高 40px,字号统一为 16px。
长菜单滚动
40 项菜单,最大高度 240px;上下内边距随内容滚动。
长文字换行
240px 宽菜单,展示带图标与不带图标的长选项自动换行。
自定义输入区
示例名称
Example name
未填写
未填写
点击加号查看添加语言菜单;输入语言 Key 后,按回车或点击对勾确认。