@icedesign/scafford-pro

该模板内置了丰富的区块,主要用于展示现有区块的分类以及区块组合的效果,使用时需要根据需求进行删除和添加,效果图预览:https://alibaba.github.io/ice/ice-design-pro.html

Stats

StarsIssuesVersionUpdatedCreatedSize
@icedesign/scafford-pro
0.1.234 years ago4 years agoMinified + gzip package size for @icedesign/scafford-pro 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    // 应用入口
│   ├── navs.js     // 导航配置
│   └── routes.jsx  // 路由配置
├── tests           // 测试
├── .editorconfig    // 代码风格配置
├── .eslintignore    // eslint 忽略目录配置
├── .eslintrc        // eslint 配置
├── .generator.json  // 区块配置
├── package.json     // package-lock.json
├── 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.