ui/Readme.md

2.5 KiB

@bd/ui

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

开发环境

  • vscode 开源编辑器

    • Prettier插件, 格式化代码用
    • string-html-css, 可高亮显示 js 中的html/css文本, 并支持emmet
    • simple http, 可快速配置 http 服务器,支持 history 路由
    • ...
  • @bd/core 针对web components的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件

开发进度 && 计划 (33/54)

  • 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-chatbox 聊天气泡组件
  • wc-divider 分割线组件
  • wc-table 表格组件
  • wc-result 结果反馈组件
  • wc-empty 空状态组件
  • wc-sandbox 代码沙盒组件

测试预览

测试预览

百搭WCUI组件库, 基于web components开发。面向下一代的UI组件库
JavaScript 98.9%
CSS 1.1%