跳转到主要内容
返回文档中心设计系统

组件库说明

了解可用的 UI 组件

组件库说明

Thinkus 使用现代化的 UI 组件库,快速构建精美界面。

基础组件

按钮 Button

  • 主要按钮
  • 次要按钮
  • 文字按钮
  • 图标按钮
  • 表单组件

  • 输入框
  • 下拉选择
  • 复选框
  • 单选框
  • 开关
  • 日期选择器
  • 展示组件

  • 卡片
  • 标签
  • 徽章
  • 头像
  • 图片
  • 布局组件

    容器

  • 页面容器
  • 内容区域
  • 栅格系统
  • 导航

  • 顶部导航
  • 侧边导航
  • 面包屑
  • 标签页
  • 反馈组件

    提示

  • Toast 轻提示
  • Alert 警告框
  • 确认对话框
  • 加载状态

  • 加载动画
  • 骨架屏
  • 进度条
  • 数据展示

    列表

  • 基础列表
  • 带图列表
  • 可操作列表
  • 表格

  • 数据表格
  • 可排序
  • 可筛选
  • 分页
  • 图表(需要插件)

  • 折线图
  • 柱状图
  • 饼图
  • 仪表盘
  • 组件特点

    响应式

  • 自动适配手机/平板/电脑
  • 触屏友好
  • 可定制

  • 颜色可修改
  • 大小可调整
  • 圆角可配置
  • 无障碍

  • 支持键盘操作
  • 屏幕阅读器友好
  • 如何使用

    直接告诉 AI 你需要什么:

    > "加一个搜索框"

    > "商品列表用卡片展示"

    > "加一个确认删除的对话框"

    AI 会自动选择合适的组件实现。

    自定义组件

    如果需要特殊的组件:

    > "我需要一个评分组件,用星星表示"

    AI 可以根据需求创建自定义组件。