assignment_late
为什么捐赠
travel_explore
API 浏览器
widgets
Vue 组件
Ajax Bar Ajax 进度条
Avatar 头像
Badge 徽标
Banner 横幅
Bar 工具栏
Breadcrumbs 面包屑
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
Observers 观察者
Pagination 分页
Parallax 视差
Popup Edit 弹出编辑
Popup Proxy 弹出代理
Pull to Refresh 下拉刷新
Rating 评分
Responsive 响应式
Scroll Area 滚动区域
Separator 分隔线
Skeleton 骨架屏
Slide Item 滑动项
Slide Transition 滑动过渡
Space 间隔
Spinners 加载动画
Splitter 分割面板
Stepper 步骤条
Table 表格
Tabs 标签页
Tab Panels 标签面板
Timeline 时间线
Toolbar 工具栏
Tooltip 提示框
Tree 树形控件
Uploader 上传器
Video 视频
Virtual Scroll 虚拟滚动
alternate_email
联系站长
QTimeline 组件按时间顺序显示事件列表。它通常是一个图形设计,显示一个长条形图,在其旁边标注日期,通常是事件。时间线可以使用任何时间尺度,具体取决于主题和数据。
QTimeline 有 3 种布局:
dense(默认) 在时间线的时间线指定侧(默认是右侧)显示头部,标题,副标题和内容。comfortable在时间线的时间线指定侧(默认是右侧)显示头部,标题和内容,在另一侧显示副标题。loose在中间显示头部,在条目指定侧(默认在右侧)显示标题和内容,在另一侧显示副标题。
QTimeline API
正在加载 QTimeline API...
QTimelineEntry API
正在加载 QTimelineEntry API...
用法
基础
基础
仅使用属性
下面是相同的示例,但仅使用 QTimelineEntry 属性而不是默认插槽:
仅使用属性
仅使用插槽
下面再次是相同的示例,但仅使用 QTimelineEntry 插槽:
仅使用插槽
暗色设计
强制暗色模式
布局和侧面选择
WARNING
QTimelineEntry 仅在 QTimeline 具有 loose 布局时才会考虑其 side 属性。
布局和侧面选择
响应式
TIP
下面的示例使用 $q.screen 检测窗口大小的变化,以查看所有 3 种布局的效果。
响应式布局
Basic
Props only
Slots only
Force dark mode
Layouts and side selection
Responsive layout
发现错误?在浏览器中编辑此页
1. Introduction
2. QTimeline API
3. QTimeline API
4. QTimelineEntry API
5. QTimelineEntry API
6. 用法
6.1. 基础
6.2. 仅使用属性
6.3. 仅使用插槽
6.4. 暗色设计
6.5. 布局和侧面选择
6.6. 响应式