Skip to content

bianruanjian/widgets-web

Repository files navigation

widgets-web

Build Status npm version Join the chat at https://gitter.im/bianruanjian/bianruanjian 加入QQ群

Widgets-web 是一套响应式、语义化的 UI 部件库,基于 dojo 2 的 widget-corebootstrap 4 构建。

部件可供界面开发人员直接使用(参考部件使用手册),也可集成到编软件平台的界面设计器中。

如何使用

在应用程序中使用 widgets-web 时,需先使用 npm 安装此包:

npm install widgets-web

在应用程序中使用一个部件时,需单独导入此部件,如:

import Button from 'widgets-web/button';

详细用法,请参考 dojo2 的 widget-coreREADME.md 文件。

功能

  • 支持最新主流浏览器 Firefox、Chrome、Edge、Safari 和 IE11+

部件

以下为当前支持的部件列表,若需新增部件,请在 Issues 中提交您宝贵的建议。

表单部件

  • Button
  • Checkbox
  • Radio
  • TextInput
  • Select
  • Textarea
  • InputGroup
  • Addon

布局部件

  • View
  • Container
  • Card
  • GridRow
  • GridColumn
  • ListGroup
  • ListItem
  • Footer

其他部件

  • Text
  • Label
  • Badge
  • Icon
  • Link
  • Image

如何开发

创建部件模板

安装创建部件组件 @dojo/cli-create-widget

npm install -g @dojo/cli-create-widget

进入 src 文件夹,执行以下命令:

dojo create widget --name <widget name> --component true

完成。

运行单元测试

在根目录下运行以下命令:

dojo test

运行 hexo

本项目的部件使用手册使用 hexo 搭建。运行以下命令生成 hexo 网站。

cd site
hexo server