assignment_late
为什么捐赠
travel_explore
API 资源管理器
view_quilt
布局和网格
组件
Vue 组件
Ajax 加载条
头像
徽章
横幅
工具栏
面包屑
卡片 (Card)
走马灯 (Carousel)
聊天消息 (Chat Message)
标签 (Chip)
圆形进度条 (Circular Progress)
颜色选择器 (Color Picker)
对话框 (Dialog)
编辑器 - 所见即所得 (Editor - WYSIWYG)
展开项 (Expansion Item)
浮动操作按钮 (Floating Action Button)
图标 (Icon)
图片 (Img)
无限滚动 (Infinite Scroll)
内部加载 (Inner Loading)
交叉观察 (Intersection)
旋钮 (Knob)
线性进度条 (Linear Progress)
列表 & 列表项 (List & List Items)
标记表 (Markup Table)
菜单 (Menu)
无服务器端渲染 (No SSR)
分页
视差
弹出编辑
弹出代理
下拉刷新
评分
响应式
滚动区域
分隔线
骨架屏
滑动项
滑动过渡
间隔
加载动画
分割器
步进器
表格
选项卡
选项卡面板
时间线
工具栏
工具提示
树形控件
上传器
视频
虚拟滚动
构建
Quasar CLI(使用 Vite)
修复
Quasar 工具
QKnob 组件用于通过鼠标/触摸平移获取用户的数字输入。它基于 QCircularProgress 并继承其所有属性和行为。
正在加载 QKnob API...
用法
默认情况下,QKnob 继承当前文本颜色(作为弧形进度颜色和内部标签颜色)和当前字体大小(作为组件大小)。为了自定义,您可以使用大小和颜色相关的属性。
基本用法
基本用法
显示值
在下面的示例中,show-value
属性还启用了默认插槽,因此您可以用自定义内容填充它,例如甚至 QAvatar 或 QTooltip。 font-size
属性指的是内部标签的字体大小。
显示值
最小值和最大值
自定义最小/最大值
内部最小/最大值v2.5.4+
有时您需要将模型值限制在轨道长度内的区间内。为此,请使用 inner-min
和 inner-max
属性。第一个属性需要大于或等于 min
属性,而第二个属性需要小于或等于 max
属性。
内部最小/最大值
自定义步长
自定义步长
偏移角度
偏移角度
禁用和只读
禁用和只读
原生表单提交
在处理具有 action
和 method
的原生表单时(例如,在将 Quasar 与 ASP.NET 控制器一起使用时),您需要在 QKnob 上指定 name
属性,否则 formData 将不包含它(如果应该包含)。
原生表单
准备了解更多?
发现错误?在浏览器中编辑此页面
1. 简介
2. QKnob API
3. 用法
3.1. 基本用法
3.2. 显示值
3.3. 最小值和最大值
3.4. 内部最小/最大值
3.5. 自定义步长
3.6. 偏移角度
3.7. 禁用和只读
3.8. 原生表单提交
版权所有 © 2015-至今 PULSARDEV SRL,Razvan Stoenescu
本网站与 Dreamonkey Srl 合作设计。