天天看點

Thingsboard前端二開引入NG-ZORRO元件庫

由于Thingsboard用的元件庫是angular官方元件庫Material,這個元件庫是國外的,很多樣式跟國内設計的有出入,是以我引入antd釋出的一款angular元件庫(NG-ZORRO),功能齊全,樣式也更好看。下面是我引入方式:

  1. 檢視packags.json檔案中@angular/core版本号(以12.2.16為例)
  1. 引入NG-ZORRO對應的版本(12.1.1)
npm install [email protected]
           
  1. 在ui-ngx/src/styles.scss檔案引入樣式
@import "~ng-zorro-antd/ng-zorro-antd.min.css"; /*NG-ZORRO樣式*/
           
  1. 你想在哪個頁面上使用,就引用到對應的module.ts檔案(按需引入,不能全局引入)

注意:如果報錯以下錯誤:注釋node_modules/ng-zorro-antd/node_modules/date-fns/typings.d.ts檔案裡的内容

Thingsboard前端二開引入NG-ZORRO元件庫