组件总览
本文档由 doc_project/build.mjs 根据当前 uni_modules/xtf-linkui/components 目录生成。组件数量以源码目录为准,组件 API 以对应组件文档为准。
当前统计
| 分类 | 数量 |
|---|---|
| 基础 | 4 |
| 布局 | 7 |
| 导航 | 11 |
| 表单 | 20 |
| 展示 | 22 |
| 反馈 | 15 |
| 业务 | 6 |
| 其他 | 22 |
组件索引
基础
布局
导航
- xtf-back-top
- xtf-breadcrumb
- xtf-index-anchor
- xtf-index-bar
- xtf-index-list
- xtf-navbar
- xtf-pagination
- xtf-sticky
- xtf-tabbar
- xtf-tabs
- xtf-tabs-swiper
表单
- xtf-cascader
- xtf-checkbox
- xtf-checkbox-group
- xtf-color-picker
- xtf-datetime-picker
- xtf-form
- xtf-form-array
- xtf-form-item
- xtf-input
- xtf-password-input
- xtf-picker
- xtf-radio
- xtf-radio-group
- xtf-rate
- xtf-search
- xtf-select
- xtf-signature
- xtf-slider
- xtf-switch
- xtf-upload
展示
- xtf-avatar
- xtf-badge
- xtf-circle
- xtf-count-to
- xtf-divider
- xtf-empty
- xtf-list
- xtf-loading
- xtf-marquee
- xtf-progress
- xtf-result
- xtf-skeleton
- xtf-statistic
- xtf-steps
- xtf-swiper
- xtf-table
- xtf-tag
- xtf-tag-group
- xtf-tag-group-item
- xtf-timeline
- xtf-tree
- xtf-watermark
反馈
- xtf-action-sheet
- xtf-dialog
- xtf-drawer
- xtf-floating-bubble
- xtf-home-sheet
- xtf-infinite-scroll
- xtf-lazyload
- xtf-notify
- xtf-number-keyboard
- xtf-overlay
- xtf-popup
- xtf-pull-refresh
- xtf-share-sheet
- xtf-toast
- xtf-virtual-list
业务
其他
- xtf-avatar-group
- xtf-bubble-menu
- xtf-button-group
- xtf-canvas
- xtf-col
- xtf-dateformat
- xtf-drag-layout
- xtf-editor
- xtf-goods-nav
- xtf-image-crop
- xtf-link
- xtf-load-more
- xtf-motion
- xtf-notice-bar
- xtf-number-box
- xtf-popover
- xtf-row
- xtf-section-title
- xtf-segmented
- xtf-tooltip
- xtf-tree-select
- xtf-waterfall
选型建议
- 基础与布局:优先使用
xtf-config-provider、xtf-button、xtf-card、xtf-cell和xtf-grid。 - 表单与选择:按数据形态选择
xtf-input、xtf-select、xtf-picker、xtf-datetime-picker、xtf-cascader或xtf-calendar。 - 反馈与弹层:优先确认
xtf-popup的定位、遮罩和滚动行为,再组合xtf-dialog、xtf-action-sheet、xtf-drawer或xtf-toast。 - 长列表与交互:大数据量优先考虑
xtf-virtual-list、xtf-infinite-scroll、xtf-waterfall和xtf-lazyload。