@bd/ui

百搭 UI 组件库, 基于 web components 开发。面向下一代的 UI 组件库

开发环境

• vscode 开源编辑器

  • Prettier插件, 格式化代码用
  • string-html-css, 可高亮显示 js 中的html/css文本, 并支持emmet
  • simple http, 可快速配置 http 服务器,支持 history 路由
  • ...

• wkit 针对web components的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件

开发进度 && 计划 (40/55)

• wc-card 卡片组件
• wc-space 间隔组件
• wc-avatar 头像组件
• wc-badge 徽标组件
• wc-drawer 抽屉组件
• wc-collapse 折叠组件
• wc-dropdown 下拉菜单组件
• wc-counter 倒计时组件
• wc-drag 拖拽组件
• wc-image 图片组件
• wc-image-preview 图片预览组件
• wc-button 表单组件-按钮
• wc-link 表单组件-链接按钮
• wc-checkbox 表单组件-复选框
• wc-input 表单组件-文本输入框
• wc-passwd 表单组件-文本输入框
• wc-textarea 表单组件-多行文本输入框
• wc-number 表单组件-步进数字输入
• wc-star 表单组件-评分
• wc-radio 表单组件-单选框
• wc-select 表单组件-下拉选择
• wc-cascadar 表单组件-多级联动
• wc-switch 表单组件-开关
• wc-icon 图标组件
• wc-layer 弹层组件
• wc-markd markdown 组件
• wc-meditor md 文本编辑器
• wc-neditor 富文本编辑器
• wc-pager 分页组件
• wc-color 颜色选择器
• wc-datepicker 日期选择器
• wc-timepicker 时间选择器
• wc-code 代码高亮插件
• wc-scroll 滚动组件
• wc-silder 滑块组件
• wc-swipe 轮播图组件
• wc-breadcrumb 面包屑组件
• wc-progress 进度条组件
• wc-tree 树形菜单组件
• wc-uploader 上传组件
• wc-notify 通知组件
• wc-loading 加载组件
• wc-tabs 选项卡组件
• wc-steps 步骤条组件
• wc-timeline 时间线组件
• wc-layout 布局组件
• wc-tag 标签组件
• wc-tooltip 文字提示组件
• wc-popconfirm 气泡确认框组件
• wc-chatbubble 聊天气泡组件
• wc-divider 分割线组件
• wc-table 表格组件
• wc-result 结果反馈组件
• wc-empty 空状态组件
• wc-sandbox 代码沙盒组件

测试预览

测试预览