项目作者: 1-2-3

项目描述 :
Light-weight directives that power up ng-zorro-antd based on angular (adaptive auto height card and table, simplify form validation, 3d flip card or div transform etc.) / 让 zorro 组件库更简单、更易用、更强大的指令集
高级语言: TypeScript
项目地址: git://github.com/1-2-3/zorro-sharper.git


ZORRO Sharper

让 zorro 组件库更简单、更易用、更强大的指令集


GitHub
npm bundle size

使用超级轻量化的方式来增强、简化 ZORRO 组件库

设计理念:不再“封装”组件

简体中文 | English

特性

  • 自适应高度的卡片和 DIV
  • 自适应高度标签页
  • 自适应高度的表格
  • 简化下拉框物理分页
  • 下拉框自动赋值
  • 简化表单验证信息
  • 简化表单验证反馈
  • 3D 翻转卡片

安装

  1. npm install zorro-sharper --save

使用

在每一个需要使用组件的 module 中引入 ZorroSharperModule。

  1. import { NgModule } from "@angular/core";
  2. import { NgZorroAntdModule } from "ng-zorro-antd";
  3. import { ZorroSharperModule } from "zorro-sharper";
  4. @NgModule({
  5. imports: [NgZorroAntdModule, ZorroSharperModule],
  6. declarations: [],
  7. exports: []
  8. })
  9. export class DirectiveDemoModule {}

在需要的地方使用指令或组件。

  1. <nz-card nsAutoHeightCard nzHoverable nzTitle="自适应高度卡片">
  2. <p>只需添加 “nsAutoHeightCard” 指令即可让 nz-card 底部延展到页面底部.</p>
  3. </nz-card>

License

MIT