我将 Telerik 更新到版本 14。
此后,尽管显示了 svg 图标,但不再显示图标。 可能是什么问题呢? 在此之前一切正常。 也许是我没有的字体或许可证?
浏览器的“元素”选项卡中缺少
.k-i-...
样式。
<button (click)="refresh()">
<kendo-icon name="refresh"/>
</button>
package.json
"dependencies": {
"@angular/animations": "^16.2.8",
"@angular/common": "^16.2.8",
"@angular/compiler": "^16.2.8",
"@angular/core": "^16.2.8",
"@angular/forms": "^16.2.8",
"@angular/platform-browser": "^16.2.8",
"@angular/platform-browser-dynamic": "^16.2.8",
"@angular/router": "^16.2.8",
"@apollo/client": "^3.8.5",
"@auth0/angular-jwt": "^5.1.2",
"@ngrx/effects": "^16.3.0",
"@ngrx/eslint-plugin": "^16.3.0",
"@ngrx/store": "^16.3.0",
"@ngx-translate/core": "^15.0.0",
"@ngx-translate/http-loader": "^8.0.0",
"@progress/kendo-angular-buttons": "^14.0.0",
"@progress/kendo-angular-dateinputs": "^14.0.0",
"@progress/kendo-angular-dialog": "^14.0.0",
"@progress/kendo-angular-dropdowns": "^14.0.0",
"@progress/kendo-angular-grid": "^14.0.0",
"@progress/kendo-angular-icons": "^14.0.0",
"@progress/kendo-angular-indicators": "^14.0.0",
"@progress/kendo-angular-inputs": "^14.0.0",
"@progress/kendo-angular-layout": "^14.0.0",
"@progress/kendo-angular-menu": "^14.0.0",
"@progress/kendo-angular-navigation": "^14.0.0",
"@progress/kendo-angular-notification": "^14.0.0",
"@progress/kendo-angular-treeview": "^14.0.0",
"@progress/kendo-data-query": "^1.7.0",
"@progress/kendo-theme-fluent": "^7.0.1",
角度.ts
"styles": [
{
"input": "node_modules/@progress/kendo-theme-fluent/dist/all.css"
},
"src/styles.less",
"src/kendo.less",
"src/assets/fonts/OpenSans/open-sans.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
使用ncu更新所有包后,我在package.json中恢复了以前版本的主题。
现在可以了。
v14 字体图标不再随 Kendo UI 主题一起提供。 文档中提到了这一点。现在有一个 Kendo Font Icons npm 包。