antd源码修改

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42995876/article/details/82497475

下载源码,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');

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

展开阅读全文

没有更多推荐了,返回首页