使用Ionic 2的kendo UI小部件:如何导入样式?

时间:2017-01-12 08:07:41

标签: angular kendo-ui ionic2

我想使用 kendo UI小部件,所以我首先尝试使用简单的按钮集成。

以下是Kendo与Angular 2集成的链接。

我按照每个步骤操作但无法导入

/* You can add global styles to this file, and also import other style files */
@import "~@progress/kendo-theme-default/scss/all";

进入主题/ variables.scss ,收到以下错误:

File to import not found or unreadable: ~/@progress/kendo-theme-default/scss/all Parent style sheet:

我不知道是否需要查看 webpack文件或其他任何内容或@import "ionic.globals"; import语句的工作原理?

任何帮助都将不胜感激!!

1 个答案:

答案 0 :(得分:1)

安装   npm install -g node-sass

styles.scss中的

;写下这个

/ *您可以向此文件添加全局样式,还可以导入其他样式文件* /

@import" ../ node_modules/@progress/kendo-theme-default/scss/all.scss" ;;

然后执行 node-sass styles.scss styles.css

最后 把它放在index.html

<link rel="stylesheet" href="styles.css" />
使用ng服务
执行服务器时

 评论

  /*@import "../node_modules/@progress/kendo-theme-default/scss/all.scss";*/

因为生成错误。

文档。 http://docs.telerik.com/kendo-ui/styles-and-layout/sass-themes

PDT。抱歉我的英文不好