代码之家  ›  专栏  ›  技术社区  ›  E.Meir

使用“引导”主题

  •  2
  • E.Meir  · 技术社区  · 6 年前

    我试图改变一个角度6应用程序的启动主题,但没有成功。

    这是从 angular.json -我试图使用“引导”主题:

    ...
    styles": [
                  "node_modules/primeicons/primeicons.css",
                  "node_modules/primeng/resources/themes/redmond/theme.css",
                  "node_modules/primeng/resources/primeng.min.css",
                  "node_modules/bootstrap/dist/css/bootstrap.min.css",
                  "src/styles.css"
                ],
    ...
    

    但主题并没有变为“Bootstrap”风格: enter image description here

    1 回复  |  直到 5 年前
        1
  •  2
  •   Alexander Abakumov    5 年前

    素描曾经有一些自由的主题。其中一个是自助主题。它与Bootstrap不同,只是具有Bootstrap的外观,不需要Bootstrap作为依赖项。

    在写这个答案的时候,Primeng6.1.0已经否决了所有的免费主题,除了 nova 三种变奏曲的主题 nova-colored , nova-light nova-dark .

    enter image description here

    要应用免费主题,只需将这些文件导入 style.css :

    @import url("../node_modules/primeicons/primeicons.css");
    @import url("../node_modules/primeng/resources/themes/nova-colored/theme.css");
    @import url("../node_modules/primeng/resources/primeng.min.css");
    

    stackblitz demo

    在PrimeNG 5.x的旧版本中,我们可以应用如下引导主题:

    @import url("../node_modules/font-awesome/css/font-awesome.min.css");
    @import url("../node_modules/primeng/resources/themes/bootstrap/theme.css");
    @import url("../node_modules/primeng/resources/primeng.min.css");
    

    更新:

    启动旧的免费主题后不再保持 PrimeNG 6.1.0 is released :

    6.1之前的自由主题现在已被弃用,并且将不被维护 因为它们已经过时了,很难维护 实施。使用6.1.0,无论免费还是高级,所有主题 提供将由Primering主题设计师开发。这对我们有帮助 从中心位置维护所有主题。