antd源码修改

下载源码,npm i
安装包以后,启动,查看怎么使用的!

如果要修改message的默认配置,你可以设置提供商NZ_MESSAGE_CONFIG的值来修改。

(如:在你的模块的providers中加入 { provide: NZ_MESSAGE_CONFIG, useValue: { nzDuration: 3000 } },NZ_MESSAGE_CONFIG可以从ng-zorro-antd导入)

 {
    nzDuration             : 1500,
    nzMaxStack             : 7,
    nzPauseOnHover         : true,
    nzAnimate              : true
 }

0.5版本的module中:

export class NgZorroAntdModule {

  static forRoot(options?: NzRootConfig): ModuleWithProviders {
    return {
      ngModule: NgZorroAntdModule,
      providers: [
        // Services
        NzNotificationService,
        NzMessageService,
        { provide: NZ_ROOT_CONFIG, useValue: options },
      ]
    };
  }
}

0.7以上版本如何启动项目:
ng-zorro-antd/docs/contributing.zh-CN.md

开发流程

在你 clone 了 ng-zorro-antd 的代码并且使用 npm install 安装完依赖后,你还可以运行下面几个常用的命令:

npm run site:start 在本地运行 NG-ZORRO 的网站。
npm run lint 检查代码风格。
npm run test 运行测试。
npm run generate 构建 ng-zorro-antd 到 publish 目录。

为什么本地跑源码字体图标是没有的???

D:\ksApp\cloud\src\app\ngdesign\style\themes\default.less中:

// ICONFONT
@iconfont-css-prefix : anticon;
@icon-url : “https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i“;
这个地址访问不到,所以我们修改了,把这几个地址,放在本地,那么可以请求到字体图标了;
注意加后缀!

url('@{icon-url}.woff') format('woff'),
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('@{icon-url}.ttf') format('truetype'),
  /* iOS 4.1- */
  url('@{icon-url}.svg#iconfont') format('svg');

字体图标的问题可以解决!
学会了怎么学习源码,和分析问题啊!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值