@alifd/ice-pro-scaffold

该模板内置了丰富的区块,主要用于展示现有区块的分类以及区块组合的效果,使用时需要根据需求进行删除和添加

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@alifd/ice-pro-scaffold
Minified + gzip package size for @alifd/ice-pro-scaffold in KB

Readme

ICE

赋能企业中后台建设

简介

基于海量高质量可复用区块,通过 GUI 工具快速搭建的一套中后台模板。

ice-design-pro

特性

功能

按照 Dashboard 综合页和 Block 分类进行展示

- Dashboard
- 图表页
  - 图表列表
- 表格页
  - 基础表格
  - 展示型表格
  - 表格列表
- 列表页
  - 文章列表
  - 卡片列表
  - 图文列表
- 内容页
  - 基础详情页
  - 条款协议页
  - 进度展示页
- 结果页
  - 成功
  - 失败
- 异常
  - 403 无权限
  - 404 找不到
  - 500 服务器出错
  - 内容为空

目录结构

ice-design-pro
├── dist        // 打包资源
├── mock        // 模拟数据
├── public      // 静态资源
├── src
│   ├── components   // 公共组件
│   ├── layouts      // 通用布局
│   ├── pages        // 页面
│   ├── index.js     // 应用入口
│   ├── menuConfig   // 导航配置
│   ├── routerConfig // 路由配置
│   └── router.jsx   // 路由配置
├── tests            // 测试
├── .gitignore       // git 忽略目录配置
├── .editorconfig    // 代码风格配置
├── .eslintignore    // eslint 忽略目录配置
├── .eslintrc        // eslint 配置
├── package.json     // package.json
└── README.md        // 项目说明

使用

  1. (推荐) GUI 工具使用: 下载 iceworks

  2. Cli 命令使用:

$ npm start      // 启动预览服务器
$ npm run build  // 构建 dist

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.