# TMUI.DESIGN tmui4x组件库
> tmui4是uniapp-x组件框架库， 原生开发 / 商用稳定 / 效率高 / 性能强;精致与性能高效之间平衡的把握始终是最棒的。

一款好的UI/UX，不止是功能，它还应该要有设计感，层次感。注重细微及用户的反馈体验。同时要保留它的高度可扩展性及性能。
功能的堆叠不是我所追求，也不是我的目标。我追求的是细致，可扩展，精美。不管是IOS，安卓，WEB/H5三端我都朝着这个方向。
让UNIAPPX 开发的商业应用更像商业应用。为让市场的组件审美提高一个档次而做出应有的贡献。

## Docs 文档

- [动作菜单面板 xActionMenu action-menu](https://github.com/tmzdy888/tmui4-doc/blob/main/action-menu.md):动作菜单面板 xActionMenu
- [底部对话框 xActionModal action-modal](https://github.com/tmzdy888/tmui4-doc/blob/main/action-modal.md):底部对话框 xActionModal
- [警告 xAlert alert](https://github.com/tmzdy888/tmui4-doc/blob/main/alert.md):警告 xAlert
- [动画 xAnimation animation](https://github.com/tmzdy888/tmui4-doc/blob/main/animation.md):动画 xAnimation
- [头像组 xAvatarGroup avatar-group](https://github.com/tmzdy888/tmui4-doc/blob/main/avatar-group.md):头像组 xAvatarGroup
- [返回顶部 xBacktop backtop](https://github.com/tmzdy888/tmui4-doc/blob/main/backtop.md):返回顶部 xBacktop
- [角标 xBadge badge](https://github.com/tmzdy888/tmui4-doc/blob/main/badge.md):角标 xBadge
- [条码 xBarcode barcode](https://github.com/tmzdy888/tmui4-doc/blob/main/barcode.md):条码 xBarcode
- [弹幕 Barrage barrage](https://github.com/tmzdy888/tmui4-doc/blob/main/barrage.md):弹幕 Barrage
- [弹幕子节点 BarrageItem barrage-item](https://github.com/tmzdy888/tmui4-doc/blob/main/barrage-item.md):弹幕子节点 BarrageItem
- [时间区间选择 xBetweenTime between-time](https://github.com/tmzdy888/tmui4-doc/blob/main/between-time.md):时间区间选择 xBetweenTime
- [按钮 xButton button](https://github.com/tmzdy888/tmui4-doc/blob/main/button.md):按钮 xButton
- [多选日历 xCalendarMultiple calendar-multiple](https://github.com/tmzdy888/tmui4-doc/blob/main/calendar-multiple.md):多选日历 xCalendarMultiple
- [日历 xCalendar calendar-view](https://github.com/tmzdy888/tmui4-doc/blob/main/calendar-view.md):日历 xCalendar
- [卡片 xCard card](https://github.com/tmzdy888/tmui4-doc/blob/main/card.md):卡片 xCard
- [极联器 xCascader cascader](https://github.com/tmzdy888/tmui4-doc/blob/main/cascader.md):极联器 xCascader
- [列表 xCell cell](https://github.com/tmzdy888/tmui4-doc/blob/main/cell.md):列表 xCell
- [多选框 xCheckbox checkbox](https://github.com/tmzdy888/tmui4-doc/blob/main/checkbox.md):多选框 xCheckbox
- [多选框组 xCheckboxGroup checkbox-group](https://github.com/tmzdy888/tmui4-doc/blob/main/checkbox-group.md):多选框组 xCheckboxGroup
- [圆形进度环 xCircleProgress circle-progress](https://github.com/tmzdy888/tmui4-doc/blob/main/circle-progress.md):圆形进度环 xCircleProgress
- [验证码输入框 xCodeInput code-input](https://github.com/tmzdy888/tmui4-doc/blob/main/code-input.md):验证码输入框 xCodeInput
- [布局子组件 xCol col](https://github.com/tmzdy888/tmui4-doc/blob/main/col.md):布局子组件 xCol
- [折叠面板 xCollapse collapse](https://github.com/tmzdy888/tmui4-doc/blob/main/collapse.md):折叠面板 xCollapse
- [折叠面板子组件 xCollapseItem collapse-item](https://github.com/tmzdy888/tmui4-doc/blob/main/collapse-item.md):折叠面板子组件 xCollapseItem
- [颜色选择 xColorView color-view](https://github.com/tmzdy888/tmui4-doc/blob/main/color-view.md):颜色选择 xColorView
- [倒计时 xCountdown countdown](https://github.com/tmzdy888/tmui4-doc/blob/main/countdown.md):倒计时 xCountdown
- [嵌入式日期选择器 xDateView date-view](https://github.com/tmzdy888/tmui4-doc/blob/main/date-view.md):嵌入式日期选择器 xDateView
- [分割线 xDivider divider](https://github.com/tmzdy888/tmui4-doc/blob/main/divider.md):分割线 xDivider
- [拖拽排序 xDrag drag](https://github.com/tmzdy888/tmui4-doc/blob/main/drag.md):拖拽排序 xDrag
- [拖拽排序子组件 xDragItem drag-item](https://github.com/tmzdy888/tmui4-doc/blob/main/drag-item.md):拖拽排序子组件 xDragItem
- [抽屉 xDrawer drawer](https://github.com/tmzdy888/tmui4-doc/blob/main/drawer.md):抽屉 xDrawer
- [下拉菜单子组件 xDropdownItem dropdown-item](https://github.com/tmzdy888/tmui4-doc/blob/main/dropdown-item.md):下拉菜单子组件 xDropdownItem
- [下拉菜单 xDropdownMenu dropdown-menu](https://github.com/tmzdy888/tmui4-doc/blob/main/dropdown-menu.md):下拉菜单 xDropdownMenu
- [图表 xEchart echart](https://github.com/tmzdy888/tmui4-doc/blob/main/echart.md):图表 xEchart
- [富文本编辑器 xEditor editor](https://github.com/tmzdy888/tmui4-doc/blob/main/editor.md):富文本编辑器 xEditor
- [空状态 xEmpty empty](https://github.com/tmzdy888/tmui4-doc/blob/main/empty.md):空状态 xEmpty
- [手势库 xFinger finger](https://github.com/tmzdy888/tmui4-doc/blob/main/finger.md):手势库 xFinger
- [浮球 xFloatButton float-button](https://github.com/tmzdy888/tmui4-doc/blob/main/float-button.md):浮球 xFloatButton
- [浮动面板 FloatDrawer float-drawer](https://github.com/tmzdy888/tmui4-doc/blob/main/float-drawer.md):浮动面板 FloatDrawer
- [表单 xForm form](https://github.com/tmzdy888/tmui4-doc/blob/main/form.md):表单 xForm
- [表单子组件 xFormItem form-item](https://github.com/tmzdy888/tmui4-doc/blob/main/form-item.md):表单子组件 xFormItem
- [宫格 xGrid grid](https://github.com/tmzdy888/tmui4-doc/blob/main/grid.md):宫格 xGrid
- [宫格子组件 xGridItem grid-item](https://github.com/tmzdy888/tmui4-doc/blob/main/grid-item.md):宫格子组件 xGridItem
- [图标 xIcon icon](https://github.com/tmzdy888/tmui4-doc/blob/main/icon.md):图标 xIcon
- [图片 xImage image](https://github.com/tmzdy888/tmui4-doc/blob/main/image.md):图片 xImage
- [图集 xImageGroup image-group](https://github.com/tmzdy888/tmui4-doc/blob/main/image-group.md):图集 xImageGroup
- [图片裁剪 xImageResizer image-resizer](https://github.com/tmzdy888/tmui4-doc/blob/main/image-resizer.md):图片裁剪 xImageResizer
- [索引 xIndexbar indexbar](https://github.com/tmzdy888/tmui4-doc/blob/main/indexbar.md):索引 xIndexbar
- [输入框 xInput input](https://github.com/tmzdy888/tmui4-doc/blob/main/input.md):输入框 xInput
- [输入框 xInputNumber input-number](https://github.com/tmzdy888/tmui4-doc/blob/main/input-number.md):输入框 xInputNumber
- [标签输入框 xInputTag input-tag](https://github.com/tmzdy888/tmui4-doc/blob/main/input-tag.md):标签输入框 xInputTag
- [密码键盘 xKeyboard keyboard](https://github.com/tmzdy888/tmui4-doc/blob/main/keyboard.md):密码键盘 xKeyboard
- [车牌键盘 xKeyboardCar keyboard-car](https://github.com/tmzdy888/tmui4-doc/blob/main/keyboard-car.md):车牌键盘 xKeyboardCar
- [身份证键盘 xKeyboardIdcard keyboard-idcard](https://github.com/tmzdy888/tmui4-doc/blob/main/keyboard-idcard.md):身份证键盘 xKeyboardIdcard
- [数字键盘 xKeyboardNumber keyboard-number](https://github.com/tmzdy888/tmui4-doc/blob/main/keyboard-number.md):数字键盘 xKeyboardNumber
- [占位排版 xLayout layout](https://github.com/tmzdy888/tmui4-doc/blob/main/layout.md):占位排版 xLayout
- [链接 xLink link](https://github.com/tmzdy888/tmui4-doc/blob/main/link.md):链接 xLink
- [加载中 xLoading loading](https://github.com/tmzdy888/tmui4-doc/blob/main/loading.md):加载中 xLoading
- [富文本 xMarkdown markdown](https://github.com/tmzdy888/tmui4-doc/blob/main/markdown.md):富文本 xMarkdown
- [提及 xMention mention](https://github.com/tmzdy888/tmui4-doc/blob/main/mention.md):提及 xMention
- [对话框 xModal modal](https://github.com/tmzdy888/tmui4-doc/blob/main/modal.md):对话框 xModal
- [金额栅格 xMoney money](https://github.com/tmzdy888/tmui4-doc/blob/main/money.md):金额栅格 xMoney
- [查看更多 xMore more](https://github.com/tmzdy888/tmui4-doc/blob/main/more.md):查看更多 xMore
- [消息通知 xMsgNotice msg-notice](https://github.com/tmzdy888/tmui4-doc/blob/main/msg-notice.md):消息通知 xMsgNotice
- [标题导航 xNavbar navbar](https://github.com/tmzdy888/tmui4-doc/blob/main/navbar.md):标题导航 xNavbar
- [通知栏 xNotice notice](https://github.com/tmzdy888/tmui4-doc/blob/main/notice.md):通知栏 xNotice
- [遮罩 xOverlay overlay](https://github.com/tmzdy888/tmui4-doc/blob/main/overlay.md):遮罩 xOverlay
- [翻页器 xPagination pagination](https://github.com/tmzdy888/tmui4-doc/blob/main/pagination.md):翻页器 xPagination
- [选择器 xPicker picker](https://github.com/tmzdy888/tmui4-doc/blob/main/picker.md):选择器 xPicker
- [城市选择器 xPickerCity picker-city](https://github.com/tmzdy888/tmui4-doc/blob/main/picker-city.md):城市选择器 xPickerCity
- [日期选择器 xPickerDate picker-date](https://github.com/tmzdy888/tmui4-doc/blob/main/picker-date.md):日期选择器 xPickerDate
- [选择容器子节点 xPickerViewItem picker-item](https://github.com/tmzdy888/tmui4-doc/blob/main/picker-item.md):选择容器子节点 xPickerViewItem
- [搜索选择 xpickerSelected picker-selected](https://github.com/tmzdy888/tmui4-doc/blob/main/picker-selected.md):搜索选择 xpickerSelected
- [时间选择器 xPickerTime picker-time](https://github.com/tmzdy888/tmui4-doc/blob/main/picker-time.md):时间选择器 xPickerTime
- [选择器容器 xPickerView picker-view](https://github.com/tmzdy888/tmui4-doc/blob/main/picker-view.md):选择器容器 xPickerView
- [汽泡菜单 xPopover popover](https://github.com/tmzdy888/tmui4-doc/blob/main/popover.md):汽泡菜单 xPopover
- [进度条 xProgress progress](https://github.com/tmzdy888/tmui4-doc/blob/main/progress.md):进度条 xProgress
- [下拉刷新 xPullRefresh pull-refresh](https://github.com/tmzdy888/tmui4-doc/blob/main/pull-refresh.md):下拉刷新 xPullRefresh
- [二维码 xQrcoder qrcoder](https://github.com/tmzdy888/tmui4-doc/blob/main/qrcoder.md):二维码 xQrcoder
- [单选框 xRadio radio](https://github.com/tmzdy888/tmui4-doc/blob/main/radio.md):单选框 xRadio
- [单选按钮组 xRadioButton radio-button](https://github.com/tmzdy888/tmui4-doc/blob/main/radio-button.md):单选按钮组 xRadioButton
- [单选框组 xRadioGroup radio-group](https://github.com/tmzdy888/tmui4-doc/blob/main/radio-group.md):单选框组 xRadioGroup
- [评分 xRate rate](https://github.com/tmzdy888/tmui4-doc/blob/main/rate.md):评分 xRate
- [数字翻滚 xRollingNumber rolling-number](https://github.com/tmzdy888/tmui4-doc/blob/main/rolling-number.md):数字翻滚 xRollingNumber
- [布局 xRow row](https://github.com/tmzdy888/tmui4-doc/blob/main/row.md):布局 xRow
- [横向滚动 xScrollx scrollx](https://github.com/tmzdy888/tmui4-doc/blob/main/scrollx.md):横向滚动 xScrollx
- [搜索栏 xSearch search](https://github.com/tmzdy888/tmui4-doc/blob/main/search.md):搜索栏 xSearch
- [容器 xSheet sheet](https://github.com/tmzdy888/tmui4-doc/blob/main/sheet.md):容器 xSheet
- [签名板 xSignBoard sign-board](https://github.com/tmzdy888/tmui4-doc/blob/main/sign-board.md):签名板 xSignBoard
- [骨架屏 xSkeleton skeleton](https://github.com/tmzdy888/tmui4-doc/blob/main/skeleton.md):骨架屏 xSkeleton
- [滑动验证 xSlideVerify slide-verify](https://github.com/tmzdy888/tmui4-doc/blob/main/slide-verify.md):滑动验证 xSlideVerify
- [单滑块 xSlider slider](https://github.com/tmzdy888/tmui4-doc/blob/main/slider.md):单滑块 xSlider
- [侧边分类子节点 xSliderTreeChildren slider-children](https://github.com/tmzdy888/tmui4-doc/blob/main/slider-children.md):侧边分类子节点 xSliderTreeChildren
- [双向滑块 xSliderDouble slider-double](https://github.com/tmzdy888/tmui4-doc/blob/main/slider-double.md):双向滑块 xSliderDouble
- [侧边菜单 xSliderMenu slider-menu](https://github.com/tmzdy888/tmui4-doc/blob/main/slider-menu.md):侧边菜单 xSliderMenu
- [侧边分类 xSliderTree slider-tree](https://github.com/tmzdy888/tmui4-doc/blob/main/slider-tree.md):侧边分类 xSliderTree
- [消息条 xSnackbar snackbar](https://github.com/tmzdy888/tmui4-doc/blob/main/snackbar.md):消息条 xSnackbar
- [消息条子节点 xSnackbarItem snackbar-item](https://github.com/tmzdy888/tmui4-doc/blob/main/snackbar-item.md):消息条子节点 xSnackbarItem
- [步进器 xStepper stepper](https://github.com/tmzdy888/tmui4-doc/blob/main/stepper.md):步进器 xStepper
- [步骤条 xSteps steps](https://github.com/tmzdy888/tmui4-doc/blob/main/steps.md):步骤条 xSteps
- [步骤条子组件 xStepsItem steps-item](https://github.com/tmzdy888/tmui4-doc/blob/main/steps-item.md):步骤条子组件 xStepsItem
- [粘性布局 Sticky sticky](https://github.com/tmzdy888/tmui4-doc/blob/main/sticky.md):粘性布局 Sticky
- [轮播 xSwiper swiper](https://github.com/tmzdy888/tmui4-doc/blob/main/swiper.md):轮播 xSwiper
- [轮播子组件 xSwiperItem swiper-item](https://github.com/tmzdy888/tmui4-doc/blob/main/swiper-item.md):轮播子组件 xSwiperItem
- [开关 xSwitch switch](https://github.com/tmzdy888/tmui4-doc/blob/main/switch.md):开关 xSwitch
- [左滑菜单 xSwitchSlider switch-slider](https://github.com/tmzdy888/tmui4-doc/blob/main/switch-slider.md):左滑菜单 xSwitchSlider
- [底部导航 xTabbar tabbar](https://github.com/tmzdy888/tmui4-doc/blob/main/tabbar.md):底部导航 xTabbar
- [表格 xTable table](https://github.com/tmzdy888/tmui4-doc/blob/main/table.md):表格 xTable
- [标签导航 xTabs tabs](https://github.com/tmzdy888/tmui4-doc/blob/main/tabs.md):标签导航 xTabs
- [标签 xTag tag](https://github.com/tmzdy888/tmui4-doc/blob/main/tag.md):标签 xTag
- [文本 xText text](https://github.com/tmzdy888/tmui4-doc/blob/main/text.md):文本 xText
- [词云 TextCloud text-cloud](https://github.com/tmzdy888/tmui4-doc/blob/main/text-cloud.md):词云 TextCloud
- [树 xTree tree](https://github.com/tmzdy888/tmui4-doc/blob/main/tree.md):树 xTree
- [思维导图 xTreeFlat tree-flat](https://github.com/tmzdy888/tmui4-doc/blob/main/tree-flat.md):思维导图 xTreeFlat
- [文件选择 xUploadFile upload-file](https://github.com/tmzdy888/tmui4-doc/blob/main/upload-file.md):文件选择 xUploadFile
- [图片上传 xUploadMedia upload-media](https://github.com/tmzdy888/tmui4-doc/blob/main/upload-media.md):图片上传 xUploadMedia
- [动态全屏 xViewTofull view-tofull](https://github.com/tmzdy888/tmui4-doc/blob/main/view-tofull.md):动态全屏 xViewTofull
- [虚拟列表 xVirtualList virtual-list](https://github.com/tmzdy888/tmui4-doc/blob/main/virtual-list.md):虚拟列表 xVirtualList
- [瀑布流 xWaterfall waterfall](https://github.com/tmzdy888/tmui4-doc/blob/main/waterfall.md):瀑布流 xWaterfall
- [瀑布流子组件 xWaterfallItem waterfall-item](https://github.com/tmzdy888/tmui4-doc/blob/main/waterfall-item.md):瀑布流子组件 xWaterfallItem
- [水印 xWatermark watermark](https://github.com/tmzdy888/tmui4-doc/blob/main/watermark.md):水印 xWatermark
- [时间周 xWeekbar weekbar](https://github.com/tmzdy888/tmui4-doc/blob/main/weekbar.md):时间周 xWeekbar

## 其它文档 Optional

- [更新日志](https://xui.tmui.design/update)
- [入门安装](https://xui.tmui.design/start)
- [TMUI4.0](https://xui.tmui.design/about)
- [自带css库](https://xui.tmui.design/css)
- [类型库](https://xui.tmui.design/interface)
- [全局配置](https://xui.tmui.design/config)
- [图标](https://xui.tmui.design/iconlist)
- [微信分享配置](https://xui.tmui.design/wechatshare)
- [常见问题](https://xui.tmui.design/adv)
- [开发指南](https://xui.tmui.design/dev)
- [原生插件列表](https://xui.tmui.design/xapibyuts)
- [MCP智能体](https://xui.tmui.design/mcp)
- [TMUI3.2](https://tmui.design/)

## 版权
@tmui.design