Skip to content

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 组件库更简单、更易用、更强大的指令集

License

Notifications You must be signed in to change notification settings

1-2-3/zorro-sharper

Folders and files

NameName
Last commit message
Last commit date
Jan 29, 2022
Aug 13, 2019
Jan 29, 2022
Jan 29, 2022
Aug 13, 2019
Aug 25, 2019
Jan 29, 2022
Feb 4, 2021
Feb 4, 2021
Aug 28, 2019
Sep 15, 2019
Sep 15, 2019
Jan 29, 2022
Aug 13, 2019
Aug 13, 2019
Mar 25, 2025
Mar 25, 2025
Aug 13, 2019
Aug 14, 2019
Aug 13, 2019
Feb 4, 2021

Repository files navigation

ZORRO Sharper

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

GitHub npm bundle size

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

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

简体中文 | English

特性

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

安装

npm install zorro-sharper --save

使用

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

import { NgModule } from "@angular/core";
import { NgZorroAntdModule } from "ng-zorro-antd";
import { ZorroSharperModule } from "zorro-sharper";

@NgModule({
  imports: [NgZorroAntdModule, ZorroSharperModule],
  declarations: [],
  exports: []
})
export class DirectiveDemoModule {}

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

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

License

MIT

About

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 组件库更简单、更易用、更强大的指令集

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published