gem-ui


定位:同时支持 H5,PC,IOS,Andorid 的 UI 库

H5 优先原则,同时可以使用媒体查询支持 PC,不能支持的话使用 PC 后缀写特定 PC 的版本;
// ?提供独立(不同的目录)的 IOS/Android 版本,他们的样式和体验遵从平台推荐
// 不同的平台推荐使用不同的入口进行构建

// 类似于 IOS 的 stack 组件?栈上路由 history.length 为 1 时返回按钮变成替换 root 路由

包含图标(svg),通过 slot 自定义

前缀使用 gem // 属于 gem 伴生 ui 库,不会有命名冲突

表单相关元素:
  • form/form-item // label
  • input // text,search,password,url,email,number, tel
  • textarea
  • rich-textarea
  • checkbox-group/checkbox
  • radio-group/radio
  • switch
  • select
  • slider
  • color-picker
  • date-picker
  • time-picker
  • file-picker
  • rating
  • cascader // 层级选择
  • tag-group/tag
动作相关元素:
  • link // gem-link
  • button
  • action-button
  • menu/menu-item
  • banner
反馈相关的元素:
  • dialog
  • confirm
  • toast
  • tooltip
  • popover
  • coach
状态相关的元素:
  • loader
  • meter
  • status-light
  • illustrated-message
  • badge
导航相关的元素:
  • header
  • nav/nav-item // 侧边,顶部,嵌套
  • tab-list/tab
  • pagination
内容展示相关元素:
  • chart // 直方,饼...
  • table
  • card
  • image
  • details/summary
  • tree
  • code-viewer // 高亮
  • picture-viewer // 支持手势
  • picture
  • heading
  • paragraph
  • divider